yhl452493373/frps-panel
1
0
Fork 0
mirror of https://github.com/yhl452493373/frps-panel.git synced 2026-04-04 14:27:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

adjust color

Browse Source
This commit is contained in:
杨黄林
2023-09-07 11:17:39 +08:00
parent 8401948dc0
commit fe28fc5623
3 changed files with 129 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
assets/static/css/index-color.css Normal file
View File

@@ -0,0 +1,128 @@
header {
background-color: #58b7ff;
color: #fff;
}
.layui-btn {
background-color: #409eff;
}
.layui-layer-btn .layui-layer-btn0 {
background-color: #409eff;
}
.layui-btn-primary {
background-color: transparent;
}
.layui-btn-primary:hover {
border-color: #79bbff;
}
.layui-input:focus,
.layui-textarea:focus {
border-color: #79bbff !important;
box-shadow: none;
}
.layui-form-danger + .layui-form-select .layui-input,
.layui-form-danger:focus {
border-color: #ff5722 !important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
background-color: #409eff;
}
.layui-laypage input:focus, .layui-laypage select:focus {
border-color: #79bbff !important;
box-shadow: none;
}
.layui-table-view .layui-table td[data-edit]:hover:after {
border-color: #79bbff;
}
.layui-form-checkbox[lay-skin=primary]:hover > i {
border-color: #79bbff;
}
.layui-form-checked[lay-skin=primary] > i {
background-color: #409eff;
border-color: #409eff !important;
}
.layui-table-checked {
background-color: #ecf5ff;
}
.layui-table-checked:hover {
background-color: #d9ecff;
}
.layui-table-cell-c:hover{
border-color: #79bbff;
}
@media (prefers-color-scheme: dark) {
header {
background-color: #395c74;
}
.layui-btn {
background-color: #4f80a1;
}
.layui-layer-btn .layui-layer-btn0 {
background-color: #4f80a1;
}
.layui-btn-primary {
background-color: transparent;
border-color: #484849;
}
.layui-btn-primary:hover {
border-color: #5f5f60;
}
.layui-input:focus,
.layui-textarea:focus {
border-color: #5f5f60 !important;
box-shadow: none;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
background-color: #4f80a1;
}
.layui-laypage input:focus, .layui-laypage select:focus {
border-color: #5f5f60 !important;
box-shadow: none;
}
.layui-table-view .layui-table td[data-edit]:hover:after {
border-color: #5f5f60;
}
.layui-form-checkbox[lay-skin=primary]:hover > i {
border-color: #5f5f60;
}
.layui-form-checked[lay-skin=primary] > i {
background-color: #484849;
border-color: #484849 !important;
}
.layui-table-checked {
background-color: rgba(255, 255, 255, .04);
}
.layui-table-checked:hover {
background-color: rgba(255, 255, 255, .08);
}
.layui-table-cell-c:hover{
border-color: #5f5f60;
}
}

123
assets/static/css/index.css
View File

@@ -3,11 +3,6 @@ html, body {
word-break: break-all;
}
header {
background-color: #58b7ff;
color: #fff;
}
header .title {
padding: 10px 15px;
line-height: 40px;
@@ -69,122 +64,4 @@ section {
.layui-table-page {
margin-bottom: 0;
}
/*以下重置用到的layui组件的颜色*/
.layui-btn {
background-color: #409eff;
}
.layui-layer-btn .layui-layer-btn0 {
background-color: #409eff;
}
.layui-btn-primary {
background-color: transparent;
}
.layui-btn-primary:hover {
border-color: #79bbff;
}
.layui-input:focus,
.layui-textarea:focus {
border-color: #79bbff !important;
box-shadow: none;
}
.layui-form-danger + .layui-form-select .layui-input,
.layui-form-danger:focus {
border-color: #ff5722 !important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
background-color: #409eff;
}
.layui-laypage input:focus, .layui-laypage select:focus {
border-color: #79bbff !important;
box-shadow: none;
}
.layui-table-view .layui-table td[data-edit]:hover:after {
border-color: #79bbff;
}
.layui-form-checkbox[lay-skin=primary]:hover > i {
border-color: #79bbff;
}
.layui-form-checked[lay-skin=primary] > i {
background-color: #409eff;
border-color: #409eff !important;
}
.layui-table-checked {
background-color: #ecf5ff;
}
.layui-table-checked:hover {
background-color: #d9ecff;
}
@media (prefers-color-scheme: dark) {
header {
background-color: #395c74;
}
.layui-btn {
background-color: #4f80a1;
}
.layui-layer-btn .layui-layer-btn0 {
background-color: #4f80a1;
}
.layui-btn-primary {
background-color: transparent;
border-color: #666;
}
.layui-btn-primary:hover {
border-color: #666;
}
.layui-input:focus,
.layui-textarea:focus {
border-color: #666 !important;
box-shadow: none;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
background-color: #4f80a1;
}
.layui-laypage input:focus, .layui-laypage select:focus {
border-color: #666 !important;
box-shadow: none;
}
.layui-table-view .layui-table td[data-edit]:hover:after {
border-color: #666;
}
.layui-form-checkbox[lay-skin=primary]:hover > i {
border-color: #666;
}
.layui-form-checked[lay-skin=primary] > i {
background-color: #4f80a1;
border-color: #4f80a1 !important;
}
.layui-table-checked {
background-color: rgba(255, 255, 255, .04);
}
.layui-table-checked:hover {
background-color: rgba(255, 255, 255, .08);
}
}