1 files changed, 4 insertions, 2 deletions

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));