Update

1 files changed, 8 insertions, 3 deletions

diff --git a/src/_common.vars.scss b/src/_common.vars.scss
index 47c32d5..54066e8 100644
--- a/src/_common.vars.scss
+++ b/src/_common.vars.scss
@@ -3,7 +3,9 @@
 @use 'core';
 
 $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));
+$vlpnLinkActiveFg: props.def(--vlpnLinkActiveFg, props.get(core.$theme, --red, --1300-text));
 
 $wcfHeaderBackground: props.def(--wcfHeaderBackground, props.get(core.$theme, --base, --600));
 $wcfHeaderMenuBackground: props.def(--wcfHeaderMenuBackground, props.get(core.$theme, --base, --800));
@@ -19,6 +21,7 @@ $wcfNavigationLink: props.def(--wcfNavigationLink, props.get(core.$theme, --base
 $wcfNavigationLinkActive: props.def(--wcfNavigationLinkActive, props.get(core.$theme, --base, --800));
 
 $wcfContentBackground: props.def(--wcfContentBackground, props.get(core.$theme, --base, --75));
+$wcfContentBorder: props.def(--wcfContentBorder, var(--wcfContentBorderInner));
 
 $wcfFooterBoxBackground: props.def(--wcfFooterBoxBackground, props.get(core.$theme, --base, --100));
 $wcfFooterBoxText: props.def(--wcfFooterBoxText, props.get(core.$theme, --base, --800));
@@ -33,20 +36,22 @@ $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, transparent);
+$wcfSidebarBackground: props.def(--wcfSidebarBackground, props.get($wcfContentBackground));
 
 $wcfButtonBackground: props.def(--wcfButtonBackground, props.get(core.$theme, --base, --200));
 $wcfButtonText: props.def(--wcfButtonText, props.get(core.$theme, --base, --200-text));
 $wcfButtonBackgroundActive: props.def(--wcfButtonBackgroundActive, props.get(core.$theme, --base, --500));
 $wcfButtonTextActive: props.def(--wcfButtonTextActive, props.get(core.$theme, --base, --500-text));
 
-$wcfButtonPrimaryBackground: props.def(--wcfButtonPrimaryBackground, props.get(core.$theme, --base, --500));
-$wcfButtonPrimaryText: props.def(--wcfButtonTextBackground, props.get(core.$theme, --base, --500-text));
+$wcfButtonPrimaryBackground: props.def(--wcfButtonPrimaryBackground, props.get(core.$theme, --base, --600));
+$wcfButtonPrimaryText: props.def(--wcfButtonTextBackground, props.get(core.$theme, --base, --600-text));
 $wcfButtonPrimaryBackgroundActive: props.def(--wcfButtonPrimaryBackgroundActive, props.get(core.$theme, --base, --800));
 $wcfButtonPrimaryTextActive: props.def(--wcfButtonTextBackgroundActive, props.get(core.$theme, --base, --800-text));
 
 $wcfBoxShadowCard: props.def(--wcfBoxShadowCard, none);
 
+$wcfContentContainerBorder: props.def(--wcfContentContainerBorder, var(--wcfContentContainerBackground));
+
 $wcfContentLink: props.def(--wcfContentLink, props.get($vlpnLink));
 $wcfContentLinkActive: props.def(--wcfContentLinkActive, props.get($vlpnLinkActive));