1Panel-dev/1Panel
1
1
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-10-10 15:36:45 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: 黑色样式部分修改

Browse source
This commit is contained in:
wangdan 2023-02-17 10:17:30 +08:00 • committed by wangdan-fit2cloud
parent abd7819896
commit 806ec557a7
1 changed files with 25 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
frontend/src/styles/element-dark.scss
View file

@ -1,17 +1,17 @@
html.dark { html.dark {
--el-border-color-lighter: rgb(64, 67, 67); --el-border-color-lighter: rgb(64, 67, 67);
--el-fill-color-blank: rgb(49, 51, 51); --el-fill-color-blank: rgb(49, 51, 51);
--el-bg-color: rgb(36, 37, 37); --el-bg-color: rgba(0, 11, 21, 1);
// --el-text-color-primary: #999999; // --el-text-color-primary: #999999;
--el-text-color-regular: #cfd3dc; --el-text-color-regular: #cfd3dc;
--el-fill-color-light: rgb(49, 51, 51); --el-fill-color-light: rgb(49, 51, 51);
--el-border-color: rgb(64, 67, 67); --el-border-color: rgb(64, 67, 67);
--el-bg-color-overlay: rgb(36, 37, 37); --el-bg-color-overlay: rgba(0, 11, 21, 1);
--el-border-color-light: rgb(64, 67, 67); --el-border-color-light: rgb(64, 67, 67);
// * menu // * menu
--el-menu-bg-color: rgb(36, 37, 37) !important; --el-menu-bg-color: rgba(0, 11, 21, 1) !important;
--el-menu-item-bg-color: rgb(36, 37, 37); --el-menu-item-bg-color: rgba(0, 11, 21, 1);
--el-menu-text-color: rgb(174, 166, 153); --el-menu-text-color: #ffffff;
--el-menu-item-bg-color-active: rgb(44, 45, 46); --el-menu-item-bg-color-active: rgb(44, 45, 46);
// * panel-admin // * panel-admin
@ -35,14 +35,14 @@ html.dark {
} }
.el-card { .el-card {
--el-card-border-color: rgb(64, 67, 67); --el-card-border-color: rgb(64, 67, 67);
--el-card-bg-color: rgb(36, 37, 37); --el-card-bg-color: rgba(0, 11, 21, 1);
color: rgb(174, 166, 153); color: rgb(174, 166, 153);
} }
.el-table { .el-table {
--el-table-bg-color: rgb(36, 37, 37); --el-table-bg-color: rgba(0, 11, 21, 1);
--el-table-tr-bg-color: rgb(36, 37, 37); --el-table-tr-bg-color: rgba(0, 11, 21, 1);
--el-table-header-bg-color: rgb(36, 37, 37); --el-table-header-bg-color: rgba(0, 11, 21, 1);
--el-table-border: var(--panel-border); --el-table-border: var(--panel-border);
--el-table-border-color: rgb(64, 67, 67); --el-table-border-color: rgb(64, 67, 67);
} }
@ -107,8 +107,21 @@ html.dark {
} }
.el-menu { .el-menu {
.el-menu-item { .el-menu-item {
&.is-active {
background: #005eeb;
color: #ffffff;
&:hover { &:hover {
background-color: var(--el-menu-item-bg-color-active); .el-icon {
color: #ffffff !important;
}
span {
color: #ffffff !important;
}
}
&::before {
background: #ffffff;
}
} }
} }
} }
@ -128,7 +141,7 @@ html.dark {
} }
} }
.el-descriptions__body { .el-descriptions__body {
background-color: rgb(36, 37, 37); background-color: rgba(0, 11, 21, 1);
} }
.system-label { .system-label {
color: var(--el-menu-text-color); color: var(--el-menu-text-color);