vuepress-theme-reco/styles/palette.styl
reco_luan b2f52f9396 fix: some little bugs
1. add style var
2. change avatar var  personal info
2019-12-28 23:53:30 +08:00

47 lines
1.2 KiB
Stylus

$darkColor10 = rgba(0, 0, 0, 1)
$darkColor9 = rgba(0, 0, 0, .9)
$darkColor8 = rgba(0, 0, 0, .8)
$darkColor7 = rgba(0, 0, 0, .7)
$darkColor6 = rgba(0, 0, 0, .6)
$darkColor5 = rgba(0, 0, 0, .5)
$darkColor4 = rgba(0, 0, 0, .4)
$darkColor3 = rgba(0, 0, 0, .3)
$darkColor2 = rgba(0, 0, 0, .2)
$darkColor1 = rgba(0, 0, 0, .1)
$lightColor10 = rgba(255, 255, 255, 1)
$lightColor9 = rgba(255, 255, 255, .9)
$lightColor8 = rgba(255, 255, 255, .8)
$lightColor7 = rgba(255, 255, 255, .7)
$lightColor6 = rgba(255, 255, 255, .6)
$lightColor5 = rgba(255, 255, 255, .5)
$lightColor4 = rgba(255, 255, 255, .4)
$lightColor3 = rgba(255, 255, 255, .3)
$lightColor2 = rgba(255, 255, 255, .2)
$lightColor1 = rgba(255, 255, 255, .1)
$textShadow = 0 2px 4px $darkColor1;
$borderRadius = .25rem
$lineNumbersWrapperWidth = 2.5rem
$textColorSub = #888
$backgroundColor ?= #fff
$backgroundColorDark ?= #25272a
$boxShadow = 0 1px 6px 0 $darkColor2
$boxShadowHover = 0 2px 16px 0 $darkColor2
$boxShadowDark = 0 1px 6px 0 $darkColor6
$boxShadowHoverDark = 0 2px 16px 0 $darkColor6
$textColor ?= #2c3e50
$textColorDark ?= #aaa
$borderColor ?= #eaecef
$borderColorDark ?= $darkColor3
$codeColor ?= rgba(27, 31, 35, 0.05)
$codeColorDark ?= $darkColor3
$maskColor ?= #888
$maskColorDark ?= #000