diff --git a/styles/less/ui/chat/ability-use.less b/styles/less/ui/chat/ability-use.less
index 58897697..a966d01e 100644
--- a/styles/less/ui/chat/ability-use.less
+++ b/styles/less/ui/chat/ability-use.less
@@ -2,7 +2,7 @@
 @import '../../utils/fonts.less';
 @import '../../utils/spacing.less';
 
-.theme-light {
+body.theme-light {
     .daggerheart.chat.domain-card {
         .domain-card-move .domain-card-header {
             border-bottom: 1px solid @dark-blue;
@@ -34,110 +34,112 @@
     }
 }
 
-.daggerheart.chat {
-    &.domain-card {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
+body.theme-dark {
+    .daggerheart.chat {
+        &.domain-card {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
 
-        .card-img {
-            width: 100%;
-            height: 200px;
-            mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 90%, transparent 100%);
-            object-fit: cover;
-        }
-
-        details[open] {
-            .fa-chevron-down {
-                transform: rotate(180deg);
-                transition: all 0.3s ease;
-            }
-        }
-
-        .domain-card-move {
-            width: 100%;
-
-            .fa-chevron-down {
-                transition: all 0.3s ease;
-                margin-left: auto;
+            .card-img {
+                width: 100%;
+                height: 200px;
+                mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 90%, transparent 100%);
+                object-fit: cover;
             }
 
-            .domain-card-header {
-                display: flex;
-                flex-direction: row;
-                align-items: center;
-                margin: 8px;
-                padding-bottom: 5px;
-                width: -webkit-fill-available;
-                gap: 5px;
-                border-bottom: 1px solid @golden;
-
-                &:hover {
-                    background: @golden-10;
-                    cursor: pointer;
+            details[open] {
+                .fa-chevron-down {
+                    transform: rotate(180deg);
                     transition: all 0.3s ease;
                 }
+            }
 
-                .domain-label {
+            .domain-card-move {
+                width: 100%;
+
+                .fa-chevron-down {
+                    transition: all 0.3s ease;
+                    margin-left: auto;
+                }
+
+                .domain-card-header {
                     display: flex;
-                    flex-direction: column;
-                    width: 100%;
+                    flex-direction: row;
+                    align-items: center;
+                    margin: 8px;
                     padding-bottom: 5px;
                     width: -webkit-fill-available;
                     gap: 5px;
+                    border-bottom: 1px solid @golden;
 
-                    .title {
-                        font-size: 20px;
-                        color: @golden;
-                        font-weight: 700;
+                    &:hover {
+                        background: @golden-10;
+                        cursor: pointer;
+                        transition: all 0.3s ease;
                     }
 
-                    .tags {
+                    .domain-label {
                         display: flex;
-                        gap: 10px;
-                        flex-wrap: wrap;
+                        flex-direction: column;
+                        width: 100%;
+                        padding-bottom: 5px;
+                        width: -webkit-fill-available;
+                        gap: 5px;
 
-                        .tag {
+                        .title {
+                            font-size: 20px;
+                            color: @golden;
+                            font-weight: 700;
+                        }
+
+                        .tags {
                             display: flex;
-                            flex-direction: row;
-                            justify-content: center;
-                            align-items: center;
-                            padding: 3px 5px;
-                            font-size: 12px;
+                            gap: 10px;
+                            flex-wrap: wrap;
 
-                            background: @beige-15;
-                            border: 1px solid @beige;
-                            color: @beige;
-                            border-radius: 3px;
+                            .tag {
+                                display: flex;
+                                flex-direction: row;
+                                justify-content: center;
+                                align-items: center;
+                                padding: 3px 5px;
+                                font-size: 12px;
+
+                                background: @beige-15;
+                                border: 1px solid @beige;
+                                color: @beige;
+                                border-radius: 3px;
+                            }
                         }
                     }
                 }
             }
-        }
 
-        .description {
-            padding: 8px;
-        }
-
-        .ability-card-footer {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 5px;
-            width: 100%;
-            padding: 0 8px;
-
-            button {
-                height: 40px;
-                flex: 1 1 calc(50% - 5px);
-
-                &:nth-last-child(1):nth-child(odd) {
-                    flex-basis: 100%;
-                }
+            .description {
+                padding: 8px;
             }
 
-            .ability-card-action-cost {
-                margin: auto;
-                font-size: 1.5em;
+            .ability-card-footer {
+                display: flex;
+                flex-wrap: wrap;
+                gap: 5px;
+                width: 100%;
+                padding: 0 8px;
+
+                button {
+                    height: 40px;
+                    flex: 1 1 calc(50% - 5px);
+
+                    &:nth-last-child(1):nth-child(odd) {
+                        flex-basis: 100%;
+                    }
+                }
+
+                .ability-card-action-cost {
+                    margin: auto;
+                    font-size: 1.5em;
+                }
             }
         }
     }
diff --git a/styles/less/ui/chat/action.less b/styles/less/ui/chat/action.less
index 82cc3210..890a6ec5 100644
--- a/styles/less/ui/chat/action.less
+++ b/styles/less/ui/chat/action.less
@@ -2,7 +2,7 @@
 @import '../../utils/fonts.less';
 @import '../../utils/spacing.less';
 
-.theme-light {
+body.theme-light {
     .daggerheart.chat.action {
         .action-move .action-section {
             border-bottom: 1px solid @dark-blue;
@@ -31,93 +31,96 @@
     }
 }
 
-.daggerheart.chat {
-    &.action {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
+body.theme-dark {
+    .daggerheart.chat {
+        &.action {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
 
-        details[open] {
-            .fa-chevron-down {
-                transform: rotate(180deg);
-                transition: all 0.3s ease;
-            }
-        }
-
-        .action-move {
-            width: 100%;
-
-            .fa-chevron-down {
-                transition: all 0.3s ease;
-                margin-left: auto;
-            }
-
-            .action-section {
-                display: flex;
-                flex-direction: row;
-                align-items: center;
-                margin: 8px 8px 0;
-                padding-bottom: 5px;
-                width: -webkit-fill-available;
-                gap: 5px;
-                border-bottom: 1px solid @golden;
-
-                &:hover {
-                    background: @golden-10;
-                    cursor: pointer;
+            details[open] {
+                .fa-chevron-down {
+                    transform: rotate(180deg);
                     transition: all 0.3s ease;
                 }
+            }
 
-                .action-img {
-                    width: 40px;
-                    height: 40px;
-                    border-radius: 3px;
-                    object-fit: cover;
+            .action-move {
+                width: 100%;
+
+                .fa-chevron-down {
+                    transition: all 0.3s ease;
+                    margin-left: auto;
                 }
 
-                .action-header {
+                .action-section {
                     display: flex;
-                    flex-direction: column;
+                    flex-direction: row;
+                    align-items: center;
+                    margin: 8px 8px 0;
+                    padding-bottom: 5px;
+                    width: -webkit-fill-available;
                     gap: 5px;
+                    border-bottom: 1px solid @golden;
 
-                    .title {
-                        font-size: 20px;
-                        color: @golden;
-                        font-weight: 700;
+                    &:hover {
+                        background: @golden-10;
+                        cursor: pointer;
+                        transition: all 0.3s ease;
                     }
 
-                    .label {
-                        font-size: 12px;
+                    .action-img {
+                        width: 40px;
+                        height: 40px;
+                        border-radius: 3px;
+                        object-fit: cover;
+                    }
+
+                    .action-header {
+                        display: flex;
+                        flex-direction: column;
+                        gap: 5px;
                         color: @beige;
-                        margin: 0;
+
+                        .title {
+                            font-size: 20px;
+                            color: @golden;
+                            font-weight: 700;
+                        }
+
+                        .label {
+                            font-size: 12px;
+                            color: @beige;
+                            margin: 0;
+                        }
                     }
                 }
             }
-        }
 
-        .description {
-            padding: 8px;
-        }
-
-        .ability-card-footer {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 5px;
-            width: 100%;
-            padding: 0 8px;
-
-            button {
-                height: 40px;
-                flex: 1 1 calc(50% - 5px);
-
-                &:nth-last-child(1):nth-child(odd) {
-                    flex-basis: 100%;
-                }
+            .description {
+                padding: 8px;
             }
 
-            .ability-card-action-cost {
-                margin: auto;
-                font-size: 1.5em;
+            .ability-card-footer {
+                display: flex;
+                flex-wrap: wrap;
+                gap: 5px;
+                width: 100%;
+                padding: 0 8px;
+
+                button {
+                    height: 40px;
+                    flex: 1 1 calc(50% - 5px);
+
+                    &:nth-last-child(1):nth-child(odd) {
+                        flex-basis: 100%;
+                    }
+                }
+
+                .ability-card-action-cost {
+                    margin: auto;
+                    font-size: 1.5em;
+                }
             }
         }
     }
diff --git a/styles/less/ui/chat/sheet.less b/styles/less/ui/chat/sheet.less
index 522650f9..8d8ade08 100644
--- a/styles/less/ui/chat/sheet.less
+++ b/styles/less/ui/chat/sheet.less
@@ -1,7 +1,7 @@
 @import '../../utils/colors.less';
 @import '../../utils/fonts.less';
 
-.theme-light {
+body.theme-light {
     .chat-message:not(.duality) .message-content {
         color: @dark;
 
@@ -67,141 +67,143 @@
     }
 }
 
-.chat-message.dh-chat-message {
-    .message-content {
-        padding: 0;
-    }
-}
-
-.chat-message {
-    .duality-modifiers,
-    .duality-result,
-    .dice-title {
-        display: none;
+body.theme-dark {
+    .chat-message.dh-chat-message {
+        .message-content {
+            padding: 0;
+        }
     }
 
-    .message-content {
-        padding: 0 8px;
-        font-family: @font-body;
-        color: @beige;
-
-        blockquote {
-            border-left: 5px solid light-dark(@dark-blue-40, @golden-40);
+    .chat-message {
+        .duality-modifiers,
+        .duality-result,
+        .dice-title {
+            display: none;
         }
 
-        a[href] {
-            color: light-dark(@dark-blue, @golden);
-        }
+        .message-content {
+            padding: 0 8px;
+            font-family: @font-body;
+            color: @beige;
 
-        a[href]:hover,
-        a[href].active {
-            font-weight: bold;
-            text-shadow: 0 0 8px light-dark(@dark-blue, @golden);
-        }
-
-        button {
-            background: @golden;
-            border: 1px solid @dark-blue;
-            color: @dark-blue;
-            outline: none;
-            box-shadow: none;
-
-            &:hover {
-                background: @dark-blue;
-                color: @golden;
+            blockquote {
+                border-left: 5px solid light-dark(@dark-blue-40, @golden-40);
             }
 
-            &.glow {
-                animation: glow 0.75s infinite alternate;
+            a[href] {
+                color: light-dark(@dark-blue, @golden);
             }
 
-            &:disabled {
+            a[href]:hover,
+            a[href].active {
+                font-weight: bold;
+                text-shadow: 0 0 8px light-dark(@dark-blue, @golden);
+            }
+
+            button {
                 background: @golden;
+                border: 1px solid @dark-blue;
                 color: @dark-blue;
-                opacity: 0.6;
-                cursor: not-allowed;
+                outline: none;
+                box-shadow: none;
 
                 &:hover {
+                    background: @dark-blue;
+                    color: @golden;
+                }
+
+                &.glow {
+                    animation: glow 0.75s infinite alternate;
+                }
+
+                &:disabled {
                     background: @golden;
                     color: @dark-blue;
+                    opacity: 0.6;
+                    cursor: not-allowed;
+
+                    &:hover {
+                        background: @golden;
+                        color: @dark-blue;
+                    }
+                }
+
+                &.reverted {
+                    background: @golden-10;
+                    color: @golden;
+                    border: 1px solid transparent;
+                    &:hover {
+                        background: @golden;
+                        color: @dark-blue;
+                    }
+                    img {
+                        border-radius: 3px;
+                    }
                 }
             }
 
-            &.reverted {
+            .enriched-effect {
+                display: flex;
+                align-items: center;
+                border: 1px solid black;
+                width: fit-content;
+                padding: 0 2px 0 0;
+                border-radius: 6px;
+                color: @dark;
+                background-image: url(../assets/parchments/dh-parchment-light.png);
+
+                &:hover {
+                    text-shadow: none;
+                }
+
+                span {
+                    white-space: nowrap;
+                }
+            }
+
+            .dice-roll .dice-formula,
+            .dice-roll .dice-total {
+                box-shadow: none;
+                border: none;
                 background: @golden-10;
                 color: @golden;
-                border: 1px solid transparent;
-                &:hover {
-                    background: @golden;
-                    color: @dark-blue;
-                }
-                img {
-                    border-radius: 3px;
-                }
+                font-weight: 600;
+                align-content: center;
+            }
+
+            .dice-roll .dice-formula {
+                height: 27px;
+            }
+
+            .dice-roll .dice-total {
+                height: 34px;
             }
         }
+    }
 
-        .enriched-effect {
+    fieldset.daggerheart.chat {
+        padding: 0;
+        border-left-width: 0;
+        border-right-width: 0;
+        border-bottom-width: 0;
+        legend {
             display: flex;
             align-items: center;
-            border: 1px solid black;
-            width: fit-content;
-            padding: 0 2px 0 0;
-            border-radius: 6px;
-            color: @dark;
-            background-image: url(../assets/parchments/dh-parchment-light.png);
-
-            &:hover {
-                text-shadow: none;
-            }
-
-            span {
-                white-space: nowrap;
+            gap: 5px;
+            &:before,
+            &:after {
+                content: '\f0d8';
+                font-family: 'Font Awesome 6 Pro';
             }
         }
-
-        .dice-roll .dice-formula,
-        .dice-roll .dice-total {
-            box-shadow: none;
-            border: none;
-            background: @golden-10;
-            color: @golden;
-            font-weight: 600;
-            align-content: center;
+        &.expanded {
+            legend:before,
+            legend:after {
+                content: '\f0d7';
+            }
         }
-
-        .dice-roll .dice-formula {
-            height: 27px;
-        }
-
-        .dice-roll .dice-total {
-            height: 34px;
+        .daggerheart.chat {
+            margin-top: 5px;
         }
     }
 }
-
-fieldset.daggerheart.chat {
-    padding: 0;
-    border-left-width: 0;
-    border-right-width: 0;
-    border-bottom-width: 0;
-    legend {
-        display: flex;
-        align-items: center;
-        gap: 5px;
-        &:before,
-        &:after {
-            content: '\f0d8';
-            font-family: 'Font Awesome 6 Pro';
-        }
-    }
-    &.expanded {
-        legend:before,
-        legend:after {
-            content: '\f0d7';
-        }
-    }
-    .daggerheart.chat {
-        margin-top: 5px;
-    }
-}