summaryrefslogtreecommitdiffstats
path: root/src/_common.vars.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/_common.vars.scss')
-rw-r--r--src/_common.vars.scss11
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 @@
3@use 'core'; 3@use 'core';
4 4
5$vlpnLink: props.def(--vlpnLink, props.get(core.$theme, --red, --1000)); 5$vlpnLink: props.def(--vlpnLink, props.get(core.$theme, --red, --1000));
6$vlpnLinkFg: props.def(--vlpnLinkFg, props.get(core.$theme, --red, --1000-text));
6$vlpnLinkActive: props.def(--vlpnLinkActive, props.get(core.$theme, --red, --1300)); 7$vlpnLinkActive: props.def(--vlpnLinkActive, props.get(core.$theme, --red, --1300));
8$vlpnLinkActiveFg: props.def(--vlpnLinkActiveFg, props.get(core.$theme, --red, --1300-text));
7 9
8$wcfHeaderBackground: props.def(--wcfHeaderBackground, props.get(core.$theme, --base, --600)); 10$wcfHeaderBackground: props.def(--wcfHeaderBackground, props.get(core.$theme, --base, --600));
9$wcfHeaderMenuBackground: props.def(--wcfHeaderMenuBackground, props.get(core.$theme, --base, --800)); 11$wcfHeaderMenuBackground: props.def(--wcfHeaderMenuBackground, props.get(core.$theme, --base, --800));
@@ -19,6 +21,7 @@ $wcfNavigationLink: props.def(--wcfNavigationLink, props.get(core.$theme, --base
19$wcfNavigationLinkActive: props.def(--wcfNavigationLinkActive, props.get(core.$theme, --base, --800)); 21$wcfNavigationLinkActive: props.def(--wcfNavigationLinkActive, props.get(core.$theme, --base, --800));
20 22
21$wcfContentBackground: props.def(--wcfContentBackground, props.get(core.$theme, --base, --75)); 23$wcfContentBackground: props.def(--wcfContentBackground, props.get(core.$theme, --base, --75));
24$wcfContentBorder: props.def(--wcfContentBorder, var(--wcfContentBorderInner));
22 25
23$wcfFooterBoxBackground: props.def(--wcfFooterBoxBackground, props.get(core.$theme, --base, --100)); 26$wcfFooterBoxBackground: props.def(--wcfFooterBoxBackground, props.get(core.$theme, --base, --100));
24$wcfFooterBoxText: props.def(--wcfFooterBoxText, props.get(core.$theme, --base, --800)); 27$wcfFooterBoxText: props.def(--wcfFooterBoxText, props.get(core.$theme, --base, --800));
@@ -33,20 +36,22 @@ $wcfFooterCopyrightText: props.def(--wcfFooterCopyrightText, props.get(core.$the
33$wcfFooterCopyrightLink: props.def(--wcfFooterCopyrightLink, props.get(core.$theme, --base, --50)); 36$wcfFooterCopyrightLink: props.def(--wcfFooterCopyrightLink, props.get(core.$theme, --base, --50));
34$wcfFooterCopyrightLinkActive: props.def(--wcfFooterCopyrightLinkActive, props.get(core.$theme, --base, --50)); 37$wcfFooterCopyrightLinkActive: props.def(--wcfFooterCopyrightLinkActive, props.get(core.$theme, --base, --50));
35 38
36$wcfSidebarBackground: props.def(--wcfSidebarBackground, transparent); 39$wcfSidebarBackground: props.def(--wcfSidebarBackground, props.get($wcfContentBackground));
37 40
38$wcfButtonBackground: props.def(--wcfButtonBackground, props.get(core.$theme, --base, --200)); 41$wcfButtonBackground: props.def(--wcfButtonBackground, props.get(core.$theme, --base, --200));
39$wcfButtonText: props.def(--wcfButtonText, props.get(core.$theme, --base, --200-text)); 42$wcfButtonText: props.def(--wcfButtonText, props.get(core.$theme, --base, --200-text));
40$wcfButtonBackgroundActive: props.def(--wcfButtonBackgroundActive, props.get(core.$theme, --base, --500)); 43$wcfButtonBackgroundActive: props.def(--wcfButtonBackgroundActive, props.get(core.$theme, --base, --500));
41$wcfButtonTextActive: props.def(--wcfButtonTextActive, props.get(core.$theme, --base, --500-text)); 44$wcfButtonTextActive: props.def(--wcfButtonTextActive, props.get(core.$theme, --base, --500-text));
42 45
43$wcfButtonPrimaryBackground: props.def(--wcfButtonPrimaryBackground, props.get(core.$theme, --base, --500)); 46$wcfButtonPrimaryBackground: props.def(--wcfButtonPrimaryBackground, props.get(core.$theme, --base, --600));
44$wcfButtonPrimaryText: props.def(--wcfButtonTextBackground, props.get(core.$theme, --base, --500-text)); 47$wcfButtonPrimaryText: props.def(--wcfButtonTextBackground, props.get(core.$theme, --base, --600-text));
45$wcfButtonPrimaryBackgroundActive: props.def(--wcfButtonPrimaryBackgroundActive, props.get(core.$theme, --base, --800)); 48$wcfButtonPrimaryBackgroundActive: props.def(--wcfButtonPrimaryBackgroundActive, props.get(core.$theme, --base, --800));
46$wcfButtonPrimaryTextActive: props.def(--wcfButtonTextBackgroundActive, props.get(core.$theme, --base, --800-text)); 49$wcfButtonPrimaryTextActive: props.def(--wcfButtonTextBackgroundActive, props.get(core.$theme, --base, --800-text));
47 50
48$wcfBoxShadowCard: props.def(--wcfBoxShadowCard, none); 51$wcfBoxShadowCard: props.def(--wcfBoxShadowCard, none);
49 52
53$wcfContentContainerBorder: props.def(--wcfContentContainerBorder, var(--wcfContentContainerBackground));
54
50$wcfContentLink: props.def(--wcfContentLink, props.get($vlpnLink)); 55$wcfContentLink: props.def(--wcfContentLink, props.get($vlpnLink));
51$wcfContentLinkActive: props.def(--wcfContentLinkActive, props.get($vlpnLinkActive)); 56$wcfContentLinkActive: props.def(--wcfContentLinkActive, props.get($vlpnLinkActive));
52 57