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.scss16
1 files changed, 9 insertions, 7 deletions
diff --git a/src/_common.vars.scss b/src/_common.vars.scss
index dc81923..7b3116b 100644
--- a/src/_common.vars.scss
+++ b/src/_common.vars.scss
@@ -5,13 +5,14 @@
5$vlpnBg: props.def(--vlpnBg, props.get(core.$theme, --base, --75)); 5$vlpnBg: props.def(--vlpnBg, props.get(core.$theme, --base, --75));
6 6
7$vlpnLink: props.def(--vlpnLink, props.get(core.$theme, --red, --1000)); 7$vlpnLink: props.def(--vlpnLink, props.get(core.$theme, --red, --1000));
8$vlpnLinkUnderline: props.def(--vlpnLinkUnderline, props.get(core.$theme, --red, --400));
8$vlpnLinkFg: props.def(--vlpnLinkFg, props.get(core.$theme, --red, --1000-text)); 9$vlpnLinkFg: props.def(--vlpnLinkFg, props.get(core.$theme, --red, --1000-text));
9$vlpnLinkActive: props.def(--vlpnLinkActive, props.get(core.$theme, --red, --1300)); 10$vlpnLinkActive: props.def(--vlpnLinkActive, props.get(core.$theme, --red, --1300));
10$vlpnLinkActiveFg: props.def(--vlpnLinkActiveFg, props.get(core.$theme, --red, --1300-text)); 11$vlpnLinkActiveFg: props.def(--vlpnLinkActiveFg, props.get(core.$theme, --red, --1300-text));
11 12
12$wcfFontSizeHeadline: props.def(--wcfFontSizeHeadline, 16px); 13$wcfFontSizeHeadline: props.def(--wcfFontSizeHeadline, 16px);
13 14
14$wcfHeaderBackground: props.def(--wcfHeaderBackground, props.get(core.$theme, --base, --600)); 15$wcfHeaderBackground: props.def(--wcfHeaderBackground, props.get(core.$theme, --base, --700));
15$wcfHeaderMenuBackground: props.def(--wcfHeaderMenuBackground, props.get(core.$theme, --base, --800)); 16$wcfHeaderMenuBackground: props.def(--wcfHeaderMenuBackground, props.get(core.$theme, --base, --800));
16$wcfHeaderMenuLinkBackground: props.def(--wcfHeaderMenuLinkBackground, props.get(core.$theme, --base, --800)); 17$wcfHeaderMenuLinkBackground: props.def(--wcfHeaderMenuLinkBackground, props.get(core.$theme, --base, --800));
17$wcfHeaderMenuLinkBackgroundActive: props.def(--wcfHeaderMenuLinkBackgroundActive, props.get(core.$theme, --base, --700)); 18$wcfHeaderMenuLinkBackgroundActive: props.def(--wcfHeaderMenuLinkBackgroundActive, props.get(core.$theme, --base, --700));
@@ -27,6 +28,7 @@ $wcfNavigationLinkActive: props.def(--wcfNavigationLinkActive, props.get(core.$t
27$wcfContentBackground: props.def(--wcfContentBackground, rgb(242, 242, 242)); 28$wcfContentBackground: props.def(--wcfContentBackground, rgb(242, 242, 242));
28$wcfContentBorder: props.def(--wcfContentBorder, var(--wcfContentBorderInner)); 29$wcfContentBorder: props.def(--wcfContentBorder, var(--wcfContentBorderInner));
29$wcfContentDimmedText: props.def(--wcfContentDimmedText, rgba(0, 0, 0, .6)); 30$wcfContentDimmedText: props.def(--wcfContentDimmedText, rgba(0, 0, 0, .6));
31$wcfContentDimmedLink: props.def(--wcfContentDimmedLink, rgba(0, 0, 0, .6));
30 32
31$wcfFooterBoxBackground: props.def(--wcfFooterBoxBackground, props.get(core.$theme, --base, --100)); 33$wcfFooterBoxBackground: props.def(--wcfFooterBoxBackground, props.get(core.$theme, --base, --100));
32$wcfFooterBoxText: props.def(--wcfFooterBoxText, props.get(core.$theme, --base, --800)); 34$wcfFooterBoxText: props.def(--wcfFooterBoxText, props.get(core.$theme, --base, --800));
@@ -45,15 +47,15 @@ $wcfFooterCopyrightLinkActive: props.def(--wcfFooterCopyrightLinkActive, props.g
45$wcfSidebarBackground: props.def(--wcfSidebarBackground, $wcfContentBackground); 47$wcfSidebarBackground: props.def(--wcfSidebarBackground, $wcfContentBackground);
46$wcfSidebarDimmedText: props.def(--wcfSidebarDimmedText, props.get($wcfContentDimmedText)); 48$wcfSidebarDimmedText: props.def(--wcfSidebarDimmedText, props.get($wcfContentDimmedText));
47 49
48$wcfButtonBackground: props.def(--wcfButtonBackground, props.get(core.$theme, --base, --200)); 50$wcfButtonBackground: props.def(--wcfButtonBackground, props.get(core.$theme, --base, --100));
49$wcfButtonText: props.def(--wcfButtonText, props.get(core.$theme, --base, --200-text)); 51$wcfButtonText: props.def(--wcfButtonText, props.get(core.$theme, --base, --100-text));
50$wcfButtonBackgroundActive: props.def(--wcfButtonBackgroundActive, props.get(core.$theme, --base, --500)); 52$wcfButtonBackgroundActive: props.def(--wcfButtonBackgroundActive, props.get(core.$theme, --base, --500));
51$wcfButtonTextActive: props.def(--wcfButtonTextActive, props.get(core.$theme, --base, --500-text)); 53$wcfButtonTextActive: props.def(--wcfButtonTextActive, props.get(core.$theme, --base, --500-text));
52 54
53$wcfButtonPrimaryBackground: props.def(--wcfButtonPrimaryBackground, props.get(core.$theme, --base, --600)); 55$wcfButtonPrimaryBackground: props.def(--wcfButtonPrimaryBackground, props.get(core.$theme, --red, --800));
54$wcfButtonPrimaryText: props.def(--wcfButtonTextBackground, props.get(core.$theme, --base, --600-text)); 56$wcfButtonPrimaryText: props.def(--wcfButtonTextBackground, props.get(core.$theme, --red, --800-text));
55$wcfButtonPrimaryBackgroundActive: props.def(--wcfButtonPrimaryBackgroundActive, props.get(core.$theme, --base, --800)); 57$wcfButtonPrimaryBackgroundActive: props.def(--wcfButtonPrimaryBackgroundActive, props.get(core.$theme, --red, --1200));
56$wcfButtonPrimaryTextActive: props.def(--wcfButtonTextBackgroundActive, props.get(core.$theme, --base, --800-text)); 58$wcfButtonPrimaryTextActive: props.def(--wcfButtonTextBackgroundActive, props.get(core.$theme, --red, --1200-text));
57 59
58$wcfBoxShadowCard: props.def(--wcfBoxShadowCard, none); 60$wcfBoxShadowCard: props.def(--wcfBoxShadowCard, none);
59 61