style: 更改深蓝色主题样式风格
This commit is contained in:
parent
ec29772bdc
commit
4af9112121
@ -1,15 +1,15 @@
|
|||||||
/* 查阅所有变量:https://github.com/element-plus/element-plus/blob/dev/packages/theme-chalk/src/common/var.scss */
|
/* 查阅所有可自定义的 Element Plus CSS 变量:https://github.com/element-plus/element-plus/blob/dev/packages/theme-chalk/src/common/var.scss */
|
||||||
|
|
||||||
html.dark-blue {
|
html.dark-blue {
|
||||||
/* color */
|
/* color */
|
||||||
--el-color-primary: #01efb7bb;
|
--el-color-primary: #01efb7bb;
|
||||||
--el-color-success: #01efb7bb;
|
--el-color-success: #01efb7bb;
|
||||||
/* text-color */
|
/* text-color */
|
||||||
--el-text-color-primary: #ffffffee;
|
--el-text-color-primary: rgba(255, 255, 255, 0.8);
|
||||||
--el-text-color-regular: #ffffffee;
|
--el-text-color-regular: rgba(255, 255, 255, 0.8);
|
||||||
--el-text-color-secondary: #ffffffee;
|
--el-text-color-secondary: rgba(255, 255, 255, 0.8);
|
||||||
--el-text-color-placeholder: #ffffffee;
|
--el-text-color-placeholder: rgba(255, 255, 255, 0.8);
|
||||||
--el-text-color-disabled: #ffffff55;
|
--el-text-color-disabled: rgba(255, 255, 255, 0.3);
|
||||||
/* border-color */
|
/* border-color */
|
||||||
--el-border-color: #01efb755;
|
--el-border-color: #01efb755;
|
||||||
--el-border-color-light: #01efb755;
|
--el-border-color-light: #01efb755;
|
||||||
@ -21,4 +21,6 @@ html.dark-blue {
|
|||||||
/* bg-color */
|
/* bg-color */
|
||||||
--el-bg-color: #021633;
|
--el-bg-color: #021633;
|
||||||
--el-bg-color-overlay: #021633;
|
--el-bg-color-overlay: #021633;
|
||||||
|
/** mask */
|
||||||
|
--el-mask-color: rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
|
@ -155,10 +155,10 @@ getTableData()
|
|||||||
<el-button type="danger" :icon="Delete">批量删除</el-button>
|
<el-button type="danger" :icon="Delete">批量删除</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<el-tooltip content="下载" effect="light">
|
<el-tooltip content="下载">
|
||||||
<el-button type="primary" :icon="Download" circle />
|
<el-button type="primary" :icon="Download" circle />
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<el-tooltip content="刷新表格" effect="light">
|
<el-tooltip content="刷新表格">
|
||||||
<el-button type="primary" :icon="RefreshRight" circle @click="handRefresh" />
|
<el-button type="primary" :icon="RefreshRight" circle @click="handRefresh" />
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user