92 lines
1.8 KiB
SCSS
92 lines
1.8 KiB
SCSS
|
/**
|
|||
|
|
* dark-blue 主题下的 Element Plus SCSS 变量
|
|||
|
|
* 在此查阅所有可自定义的变量：https://github.com/element-plus/element-plus/blob/dev/packages/theme-chalk/src/common/var.scss
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
@use "sass:map";
|
|||
|
|
@use "element-plus/theme-chalk/src/mixins/function.scss" as *;
|
|||
|
|
@use "element-plus/theme-chalk/src/mixins/_var.scss" as *;
|
|||
|
|
@use "./variables.scss" as *;
|
|||
|
|
|
|||
|
|
$types: primary, success, warning, danger, error, info;
|
|||
|
|
|
|||
|
|
$color: $theme-color;
|
|||
|
|
$success: #01efb7bb;
|
|||
|
|
|
|||
|
|
$colors: () !default;
|
|||
|
|
$colors: map.deep-merge(
|
|||
|
|
(
|
|||
|
|
"primary": (
|
|||
|
|
"base": $color
|
|||
|
|
),
|
|||
|
|
"success": (
|
|||
|
|
"base": $success
|
|||
|
|
)
|
|||
|
|
),
|
|||
|
|
$colors
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// text
|
|||
|
|
$text-color-base: #fff;
|
|||
|
|
$text-color: () !default;
|
|||
|
|
$text-color: map.merge(
|
|||
|
|
(
|
|||
|
|
"primary": rgba($text-color-base, 0.8),
|
|||
|
|
"regular": rgba($text-color-base, 0.8),
|
|||
|
|
"secondary": rgba($text-color-base, 0.8),
|
|||
|
|
"placeholder": rgba($text-color-base, 0.8),
|
|||
|
|
"disabled": rgba($text-color-base, 0.3)
|
|||
|
|
),
|
|||
|
|
$text-color
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// border
|
|||
|
|
$border: () !default;
|
|||
|
|
$border: map.merge(
|
|||
|
|
(
|
|||
|
|
"": #01efb755,
|
|||
|
|
"light": #01efb755,
|
|||
|
|
"lighter": #01efb755
|
|||
|
|
),
|
|||
|
|
$border
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// fill
|
|||
|
|
$fill-color: () !default;
|
|||
|
|
$fill-color: map.merge(
|
|||
|
|
(
|
|||
|
|
"": #01efb710,
|
|||
|
|
"light": #01efb710,
|
|||
|
|
"blank": #031e47
|
|||
|
|
),
|
|||
|
|
$fill-color
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// background
|
|||
|
|
$bg-color: () !default;
|
|||
|
|
$bg-color: map.merge(
|
|||
|
|
(
|
|||
|
|
"": #021633,
|
|||
|
|
"overlay": #021633
|
|||
|
|
),
|
|||
|
|
$bg-color
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// mask
|
|||
|
|
$mask-color: () !default;
|
|||
|
|
$mask-color: map.merge(
|
|||
|
|
(
|
|||
|
|
"": rgba(0, 0, 0, 0.5)
|
|||
|
|
),
|
|||
|
|
$mask-color
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
html.dark-blue {
|
|||
|
|
@include set-css-var-value(("color", "primary"), $color);
|
|||
|
|
@include set-component-css-var("text-color", $text-color);
|
|||
|
|
@include set-component-css-var("border-color", $border);
|
|||
|
|
@include set-component-css-var("fill-color", $fill-color);
|
|||
|
|
@include set-component-css-var("bg-color", $bg-color);
|
|||
|
|
@include set-component-css-var("mask-color", $mask-color);
|
|||
|
|
}
|