Feature: 添加Element-Plus UI组件框架
This commit is contained in:
6
app/assets/scss/element/dark.scss
Normal file
6
app/assets/scss/element/dark.scss
Normal file
@ -0,0 +1,6 @@
|
||||
@forward 'element-plus/theme-chalk/src/dark/var.scss' with (
|
||||
$bg-color: (
|
||||
'page': #0a0a0a,
|
||||
'overlay': #1d1e1f,
|
||||
)
|
||||
);
|
||||
26
app/assets/scss/element/index.scss
Normal file
26
app/assets/scss/element/index.scss
Normal file
@ -0,0 +1,26 @@
|
||||
$-colors: (
|
||||
'primary': (
|
||||
'base': #177ee5,
|
||||
),
|
||||
'success': (
|
||||
'base': green,
|
||||
),
|
||||
'warning': (
|
||||
'base': #f9a23c,
|
||||
),
|
||||
'danger': (
|
||||
'base': #ff3300,
|
||||
),
|
||||
'error': (
|
||||
'base': #f56c6c,
|
||||
),
|
||||
'info': (
|
||||
'base': #909399,
|
||||
),
|
||||
);
|
||||
|
||||
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
|
||||
$colors: $-colors
|
||||
);
|
||||
|
||||
@use './dark.scss';
|
||||
16
app/assets/scss/index.scss
Normal file
16
app/assets/scss/index.scss
Normal file
@ -0,0 +1,16 @@
|
||||
html,
|
||||
body,
|
||||
#app {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html.dark {
|
||||
background: #222;
|
||||
color: white;
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: 400;
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
Reference in New Issue
Block a user