From 93bc2b9688ebc0dde2ae8d5cf3e3f2628d636ff0 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Tue, 15 Aug 2023 01:16:37 +0800
Subject: ...

---
 FrontEnd/src/pages/setting/index.css | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

(limited to 'FrontEnd/src/pages/setting/index.css')

diff --git a/FrontEnd/src/pages/setting/index.css b/FrontEnd/src/pages/setting/index.css
index d9cba24f..c1950f9c 100644
--- a/FrontEnd/src/pages/setting/index.css
+++ b/FrontEnd/src/pages/setting/index.css
@@ -17,29 +17,39 @@
 
 .setting-section-title {
   padding: 0 1em;
+  color: white;
 }
 
 .setting-section-item-area {
   margin-top: 1em;
-  border-top: 1px solid var(--cru-key-container-color);
+  border-top: 1px solid var(--cru-secondary-color);
 }
 
 .setting-item-container {
   padding: 0.5em 1em;
   transition: background-color 0.3s;
-  color: var(--cru-surface-on-color);
-  background-color: var(--cru-surface-color);
-  border-bottom: 1px solid var(--cru-key-container-color);
+  background-color: var(--cru-background-color);
+  border-bottom: 1px solid var(--cru-secondary-color);
   display: flex;
   align-items: center;
 }
 
 .setting-item-container:hover {
-  background-color: var(--cru-key-container-1-color);
+  color: white;
+  background-color: var(--cru-secondary-color);
+}
+
+.setting-item-container.danger {
+  color: var(--cru-danger-color);
+}
+
+.setting-item-container.danger:hover {
+  color: white;
+  background-color: var(--cru-danger-color);
 }
 
 .setting-item-label-sub {
-  color: var(--cru-secondary-text-color);
+  color: var(--cru-text-secondary-color);
 }
 
 .setting-item-value-area {
@@ -50,10 +60,6 @@
   cursor: pointer;
 }
 
-.setting-item-container.setting-type-button.danger {
-  color: var(--cru-danger-color);
-}
-
 .register-code {
   background: var(--cru-surface-container-highest-color);
   border: 1px solid var(--cru-surface-container-highest-color);
-- 
cgit v1.2.3