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