5 files changed, 34 insertions, 9 deletions

diff --git a/src/_board.scss b/src/_board.scss
index da20fa3..42c29b3 100644
--- a/src/_board.scss
+++ b/src/_board.scss
@@ -63,13 +63,12 @@
         }
     }
 
-    .messageGroupList .columnSubject > .statusDisplay {
-        margin-block-start: -.1em;
-        margin-block-end: -.2em;
-    }
-
-    .messageSidebar a:hover {
-        text-decoration: underline;
+    .messageGroupList {
+        a {
+            &:hover {
+                text-decoration: underline;
+            }
+        }
     }
 
     @media screen and (max-width: 768px) {
diff --git a/src/_common.scss b/src/_common.scss
index f31fedb..8d4976b 100644
--- a/src/_common.scss
+++ b/src/_common.scss
@@ -9,4 +9,8 @@
     :root {
         @include props.materialize(map.values(meta.module-variables('vars')));
     }
+
+    body {
+        background-color: props.get(vars.$vlpnBg);
+    }
 }
diff --git a/src/_common.vars.scss b/src/_common.vars.scss
index eb72aed..427a1a3 100644
--- a/src/_common.vars.scss
+++ b/src/_common.vars.scss
@@ -2,6 +2,8 @@
 
 @use 'core';
 
+$vlpnBg: props.def(--vlpnBg, props.get(core.$theme, --base, --75));
+
 $vlpnLink: props.def(--vlpnLink, props.get(core.$theme, --red, --1000));
 $vlpnLinkFg: props.def(--vlpnLinkFg, props.get(core.$theme, --red, --1000-text));
 $vlpnLinkActive: props.def(--vlpnLinkActive, props.get(core.$theme, --red, --1300));
@@ -22,7 +24,7 @@ $wcfNavigationText: props.def(--wcfNavigationText, props.get(core.$theme, --base
 $wcfNavigationLink: props.def(--wcfNavigationLink, props.get(core.$theme, --base, --800));
 $wcfNavigationLinkActive: props.def(--wcfNavigationLinkActive, props.get(core.$theme, --base, --800));
 
-$wcfContentBackground: props.def(--wcfContentBackground, props.get(core.$theme, --base, --75));
+$wcfContentBackground: props.def(--wcfContentBackground, rgb(242, 242, 242));
 $wcfContentBorder: props.def(--wcfContentBorder, var(--wcfContentBorderInner));
 $wcfContentDimmedText: props.def(--wcfContentDimmedText, rgba(0, 0, 0, .6));
 
@@ -40,7 +42,7 @@ $wcfFooterCopyrightText: props.def(--wcfFooterCopyrightText, props.get(core.$the
 $wcfFooterCopyrightLink: props.def(--wcfFooterCopyrightLink, props.get(core.$theme, --base, --50));
 $wcfFooterCopyrightLinkActive: props.def(--wcfFooterCopyrightLinkActive, props.get(core.$theme, --base, --50));
 
-$wcfSidebarBackground: props.def(--wcfSidebarBackground, props.get($wcfContentBackground));
+$wcfSidebarBackground: props.def(--wcfSidebarBackground, props.get($vlpnBg));
 $wcfSidebarDimmedText: props.def(--wcfSidebarDimmedText, props.get($wcfContentDimmedText));
 
 $wcfButtonBackground: props.def(--wcfButtonBackground, props.get(core.$theme, --base, --200));
diff --git a/src/_thread.scss b/src/_thread.scss
new file mode 100644
index 0000000..f41de31
--- /dev/null
+++ b/src/_thread.scss
@@ -0,0 +1,18 @@
+@use 'iro-sass/src/props';
+
+@use 'common';
+
+@mixin styles {
+    .messageGroupList .columnSubject > .statusDisplay {
+        margin-block-start: -.1em;
+        margin-block-end: -.2em;
+    }
+
+    .messageSidebar {
+        background-color: props.get(common.$wcfContentBackground);
+        
+        a:hover {
+            text-decoration: underline;
+        }
+    }
+}
diff --git a/src/light.scss b/src/light.scss
index f3115d2..64fd7bd 100644
--- a/src/light.scss
+++ b/src/light.scss
@@ -7,6 +7,7 @@
 @use 'header';
 @use 'sidebar';
 @use 'board';
+@use 'thread';
 @use 'avatar';
 @use 'badge';
 @use 'rank';
@@ -18,6 +19,7 @@
 @include header.styles;
 @include sidebar.styles;
 @include board.styles;
+@include thread.styles;
 @include avatar.styles;
 @include badge.styles;
 @include rank.styles;