style: 主题样式优化

1Panel-dev · Nov 18, 2024 · e01a1d7 · e01a1d7
1 parent c6ea061
commit e01a1d7
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/frontend/src/styles/element-dark.scss b/frontend/src/styles/element-dark.scss
@@ -140,7 +140,7 @@ html.dark {
     }
 
     .el-overlay {
-        background-color: #2E313D90;
+        background-color: rgb(46 49 61 / 80%);
     }
 
     .el-tag.el-tag--primary {
@@ -159,7 +159,7 @@ html.dark {
     }
 
     .el-loading-mask {
-        background-color:var(--panel-main-bg-color-10);
+        background-color: #24263375;
     }
 
     .el-input {
@@ -244,10 +244,13 @@ html.dark {
     }
 
     .el-button--primary:active {
-        --el-button-hover-text-color: var(--panel-text-color-white);
+        --el-button-hover-text-color: var(--panel-main-bg-color-7);
         --el-button-active-bg-color: var(--el-color-primary-light-3);
         --el-button-active-border-color: var(--el-color-primary-light-3);
     }
+    .el-button--primary.is-plain:active {
+        color: var(--panel-main-bg-color-10);
+    }
 
     .el-button:focus-visible {
         outline: none;
@@ -443,4 +446,12 @@ html.dark {
         color: #ffffff;
         background-color: var(--panel-main-bg-color-10) !important;
     }
+
+    .el-checkbox__input.is-checked .el-checkbox__inner::after {
+        border-color: var(--panel-main-bg-color-10);
+    }
+
+    .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
+        background-color: var(--panel-main-bg-color-10);
+    }
 }
diff --git a/frontend/src/views/setting/license/index.vue b/frontend/src/views/setting/license/index.vue
@@ -250,7 +250,7 @@ onMounted(() => {
     margin-right: 10px;
     line-height: 18px;
     &:hover {
-        background-color: rgba(0, 94, 235, 0.03);
+        background-color: var(--panel-main-bg-color-8);
     }
 }
 :deep(.license-card .el-card) {