diff --git a/styles/less/ui/chat/ability-use.less b/styles/less/ui/chat/ability-use.less
index a966d01e..bfd739a3 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';
 
-body.theme-light {
+#interface.theme-light {
     .daggerheart.chat.domain-card {
         .domain-card-move .domain-card-header {
             border-bottom: 1px solid @dark-blue;
@@ -34,112 +34,110 @@ body.theme-light {
     }
 }
 
-body.theme-dark {
-    .daggerheart.chat {
-        &.domain-card {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
+.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;
+        .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;
             }
 
-            details[open] {
-                .fa-chevron-down {
-                    transform: rotate(180deg);
+            .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;
                     transition: all 0.3s ease;
                 }
-            }
 
-            .domain-card-move {
-                width: 100%;
-
-                .fa-chevron-down {
-                    transition: all 0.3s ease;
-                    margin-left: auto;
-                }
-
-                .domain-card-header {
+                .domain-label {
                     display: flex;
-                    flex-direction: row;
-                    align-items: center;
-                    margin: 8px;
+                    flex-direction: column;
+                    width: 100%;
                     padding-bottom: 5px;
                     width: -webkit-fill-available;
                     gap: 5px;
-                    border-bottom: 1px solid @golden;
 
-                    &:hover {
-                        background: @golden-10;
-                        cursor: pointer;
-                        transition: all 0.3s ease;
+                    .title {
+                        font-size: 20px;
+                        color: @golden;
+                        font-weight: 700;
                     }
 
-                    .domain-label {
+                    .tags {
                         display: flex;
-                        flex-direction: column;
-                        width: 100%;
-                        padding-bottom: 5px;
-                        width: -webkit-fill-available;
-                        gap: 5px;
+                        gap: 10px;
+                        flex-wrap: wrap;
 
-                        .title {
-                            font-size: 20px;
-                            color: @golden;
-                            font-weight: 700;
-                        }
-
-                        .tags {
+                        .tag {
                             display: flex;
-                            gap: 10px;
-                            flex-wrap: wrap;
+                            flex-direction: row;
+                            justify-content: center;
+                            align-items: center;
+                            padding: 3px 5px;
+                            font-size: 12px;
 
-                            .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;
-                            }
+                            background: @beige-15;
+                            border: 1px solid @beige;
+                            color: @beige;
+                            border-radius: 3px;
                         }
                     }
                 }
             }
+        }
 
-            .description {
-                padding: 8px;
+        .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%;
+                }
             }
 
-            .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;
-                }
+            .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 890a6ec5..616ea7d6 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';
 
-body.theme-light {
+#interface.theme-light {
     .daggerheart.chat.action {
         .action-move .action-section {
             border-bottom: 1px solid @dark-blue;
@@ -31,97 +31,95 @@ body.theme-light {
     }
 }
 
-body.theme-dark {
-    .daggerheart.chat {
-        &.action {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
+.daggerheart.chat {
+    &.action {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
 
-            details[open] {
-                .fa-chevron-down {
-                    transform: rotate(180deg);
-                    transition: all 0.3s ease;
-                }
+        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-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;
-                        transition: all 0.3s ease;
-                    }
-
-                    .action-img {
-                        width: 40px;
-                        height: 40px;
-                        border-radius: 3px;
-                        object-fit: cover;
-                    }
-
-                    .action-header {
-                        display: flex;
-                        flex-direction: column;
-                        gap: 5px;
-                        color: @beige;
-
-                        .title {
-                            font-size: 20px;
-                            color: @golden;
-                            font-weight: 700;
-                        }
-
-                        .label {
-                            font-size: 12px;
-                            color: @beige;
-                            margin: 0;
-                        }
-                    }
-                }
-            }
-
-            .description {
-                padding: 8px;
-            }
-
-            .ability-card-footer {
+            .action-section {
                 display: flex;
-                flex-wrap: wrap;
+                flex-direction: row;
+                align-items: center;
+                margin: 8px 8px 0;
+                padding-bottom: 5px;
+                width: -webkit-fill-available;
                 gap: 5px;
-                width: 100%;
-                padding: 0 8px;
+                border-bottom: 1px solid @golden;
 
-                button {
+                &:hover {
+                    background: @golden-10;
+                    cursor: pointer;
+                    transition: all 0.3s ease;
+                }
+
+                .action-img {
+                    width: 40px;
                     height: 40px;
-                    flex: 1 1 calc(50% - 5px);
+                    border-radius: 3px;
+                    object-fit: cover;
+                }
 
-                    &:nth-last-child(1):nth-child(odd) {
-                        flex-basis: 100%;
+                .action-header {
+                    display: flex;
+                    flex-direction: column;
+                    gap: 5px;
+                    color: @beige;
+
+                    .title {
+                        font-size: 20px;
+                        color: @golden;
+                        font-weight: 700;
+                    }
+
+                    .label {
+                        font-size: 12px;
+                        color: @beige;
+                        margin: 0;
                     }
                 }
+            }
+        }
 
-                .ability-card-action-cost {
-                    margin: auto;
-                    font-size: 1.5em;
+        .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%;
                 }
             }
+
+            .ability-card-action-cost {
+                margin: auto;
+                font-size: 1.5em;
+            }
         }
     }
 }
diff --git a/styles/less/ui/chat/chat.less b/styles/less/ui/chat/chat.less
index e1c57b98..91042066 100644
--- a/styles/less/ui/chat/chat.less
+++ b/styles/less/ui/chat/chat.less
@@ -2,7 +2,7 @@
 @import '../../utils/fonts.less';
 @import '../../utils/spacing.less';
 
-.theme-light {
+#interface.theme-light {
     .daggerheart.chat-sidebar .chat-log,
     #chat-notifications .chat-log {
         --text-color: @dark-blue;
diff --git a/styles/less/ui/chat/downtime.less b/styles/less/ui/chat/downtime.less
index 8b898c43..ffcfe9b4 100644
--- a/styles/less/ui/chat/downtime.less
+++ b/styles/less/ui/chat/downtime.less
@@ -2,7 +2,7 @@
 @import '../../utils/fonts.less';
 @import '../../utils/spacing.less';
 
-.theme-light {
+#interface.theme-light {
     .daggerheart.chat.downtime {
         .downtime-moves-list .downtime-move {
             &:hover {
diff --git a/styles/less/ui/chat/sheet.less b/styles/less/ui/chat/sheet.less
index 8d8ade08..3d47a9b5 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';
 
-body.theme-light {
+#interface.theme-light {
     .chat-message:not(.duality) .message-content {
         color: @dark;
 
@@ -67,143 +67,141 @@ body.theme-light {
     }
 }
 
-body.theme-dark {
-    .chat-message.dh-chat-message {
-        .message-content {
-            padding: 0;
-        }
+.chat-message.dh-chat-message {
+    .message-content {
+        padding: 0;
+    }
+}
+
+.chat-message {
+    .duality-modifiers,
+    .duality-result,
+    .dice-title {
+        display: none;
     }
 
-    .chat-message {
-        .duality-modifiers,
-        .duality-result,
-        .dice-title {
-            display: none;
+    .message-content {
+        padding: 0 8px;
+        font-family: @font-body;
+        color: @beige;
+
+        blockquote {
+            border-left: 5px solid light-dark(@dark-blue-40, @golden-40);
         }
 
-        .message-content {
-            padding: 0 8px;
-            font-family: @font-body;
-            color: @beige;
+        a[href] {
+            color: light-dark(@dark-blue, @golden);
+        }
 
-            blockquote {
-                border-left: 5px solid light-dark(@dark-blue-40, @golden-40);
+        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;
             }
 
-            a[href] {
-                color: light-dark(@dark-blue, @golden);
+            &.glow {
+                animation: glow 0.75s infinite alternate;
             }
 
-            a[href]:hover,
-            a[href].active {
-                font-weight: bold;
-                text-shadow: 0 0 8px light-dark(@dark-blue, @golden);
-            }
-
-            button {
+            &:disabled {
                 background: @golden;
-                border: 1px solid @dark-blue;
                 color: @dark-blue;
-                outline: none;
-                box-shadow: none;
+                opacity: 0.6;
+                cursor: not-allowed;
 
                 &: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;
-                    }
                 }
             }
 
-            .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;
+            &.reverted {
                 background: @golden-10;
                 color: @golden;
-                font-weight: 600;
-                align-content: center;
-            }
-
-            .dice-roll .dice-formula {
-                height: 27px;
-            }
-
-            .dice-roll .dice-total {
-                height: 34px;
+                border: 1px solid transparent;
+                &:hover {
+                    background: @golden;
+                    color: @dark-blue;
+                }
+                img {
+                    border-radius: 3px;
+                }
             }
         }
-    }
 
-    fieldset.daggerheart.chat {
-        padding: 0;
-        border-left-width: 0;
-        border-right-width: 0;
-        border-bottom-width: 0;
-        legend {
+        .enriched-effect {
             display: flex;
             align-items: center;
-            gap: 5px;
-            &:before,
-            &:after {
-                content: '\f0d8';
-                font-family: 'Font Awesome 6 Pro';
+            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;
             }
         }
-        &.expanded {
-            legend:before,
-            legend:after {
-                content: '\f0d7';
-            }
+
+        .dice-roll .dice-formula,
+        .dice-roll .dice-total {
+            box-shadow: none;
+            border: none;
+            background: @golden-10;
+            color: @golden;
+            font-weight: 600;
+            align-content: center;
         }
-        .daggerheart.chat {
-            margin-top: 5px;
+
+        .dice-roll .dice-formula {
+            height: 27px;
+        }
+
+        .dice-roll .dice-total {
+            height: 34px;
         }
     }
 }
+
+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;
+    }
+}