1Panel-dev/1Panel
1
1
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-10-06 05:24:33 +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

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

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