2 files changed, 6 insertions, 0 deletions

diff --git a/src/_board.scss b/src/_board.scss
index 3fea245..b208390 100644
--- a/src/_board.scss
+++ b/src/_board.scss
@@ -67,6 +67,10 @@
         margin-block-start: -.3em;
     }
 
+    .messageSidebar a:hover {
+        text-decoration: underline;
+    }
+
     @media screen and (max-width: 768px) {
         .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject {
             flex-basis: calc(100% - 42px - 14px);
diff --git a/src/_common.vars.scss b/src/_common.vars.scss
index d3a4754..e0f538a 100644
--- a/src/_common.vars.scss
+++ b/src/_common.vars.scss
@@ -24,6 +24,7 @@ $wcfNavigationLinkActive: props.def(--wcfNavigationLinkActive, props.get(core.$t
 
 $wcfContentBackground: props.def(--wcfContentBackground, props.get(core.$theme, --base, --75));
 $wcfContentBorder: props.def(--wcfContentBorder, var(--wcfContentBorderInner));
+$wcfContentDimmedText: props.def(--wcfContentDimmedText, props.get(core.$theme, --base, --500));
 
 $wcfFooterBoxBackground: props.def(--wcfFooterBoxBackground, props.get(core.$theme, --base, --100));
 $wcfFooterBoxText: props.def(--wcfFooterBoxText, props.get(core.$theme, --base, --800));
@@ -40,6 +41,7 @@ $wcfFooterCopyrightLink: props.def(--wcfFooterCopyrightLink, props.get(core.$the
 $wcfFooterCopyrightLinkActive: props.def(--wcfFooterCopyrightLinkActive, props.get(core.$theme, --base, --50));
 
 $wcfSidebarBackground: props.def(--wcfSidebarBackground, props.get($wcfContentBackground));
+$wcfSidebarDimmedText: props.def(--wcfSidebarDimmedText, props.get($wcfContentDimmedText));
 
 $wcfButtonBackground: props.def(--wcfButtonBackground, props.get(core.$theme, --base, --200));
 $wcfButtonText: props.def(--wcfButtonText, props.get(core.$theme, --base, --200-text));