diff options
Diffstat (limited to 'src/_common.vars.scss')
-rw-r--r-- | src/_common.vars.scss | 16 |
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 | ||