36 lines
1.1 KiB
SCSS
36 lines
1.1 KiB
SCSS
// COLORS
|
|
$blue : #409EFF;
|
|
$red : #F56C6C;
|
|
$green : #85ce61;
|
|
|
|
// TEXT
|
|
$text-main : #2C3E50;
|
|
$color-link: $blue;
|
|
|
|
$fz-main: 14px;
|
|
$fz-mini-title: 13px;
|
|
$fz-mini-content: 12px;
|
|
|
|
$font-family: "Helvetica Neue", Helvetica, "PingFang SC",
|
|
"Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
|
|
|
|
|
|
// DARK MODE
|
|
$dark-border : lighten(black, 25%);
|
|
$dark-border-highlight : lighten(black, 55%);
|
|
$dark-bg : lighten(black, 10%);
|
|
$dark-text-main : lighten(black, 90%);
|
|
$dark-text-info : lighten(black, 60%);
|
|
$dark-uploader-bg : lighten(black, 13%);
|
|
$dark-dialog-bg : lighten(black, 15%);
|
|
$dark-uploader-bg-highlight : lighten(black, 18%);
|
|
$dark-btn-bg : lighten(black, 20%);
|
|
$dark-btn-bg-highlight : lighten(black, 30%);
|
|
$dark-bg-th : lighten(black, 18%);
|
|
$dark-bg-td : lighten(black, 13%);
|
|
$dark-color-link : $green;
|
|
|
|
$dark-blue : darken(desaturate($blue, 40%), 30%);
|
|
$dark-red : darken(desaturate($red, 50%), 30%);
|
|
$dark-green : darken(desaturate($green, 30%), 30%);
|