diff options
| author | crupest <crupest@outlook.com> | 2023-08-15 01:16:37 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-08-15 01:16:37 +0800 |
| commit | 93bc2b9688ebc0dde2ae8d5cf3e3f2628d636ff0 (patch) | |
| tree | d689ec372ce24c5c11a6524f99bb7617752fc91e /FrontEnd/src/pages/setting/index.css | |
| parent | e989478fcf77c30e26147310f5ce25dfb637d1b3 (diff) | |
| download | timeline-93bc2b9688ebc0dde2ae8d5cf3e3f2628d636ff0.tar.gz timeline-93bc2b9688ebc0dde2ae8d5cf3e3f2628d636ff0.tar.bz2 timeline-93bc2b9688ebc0dde2ae8d5cf3e3f2628d636ff0.zip | |
...
Diffstat (limited to 'FrontEnd/src/pages/setting/index.css')
| -rw-r--r-- | FrontEnd/src/pages/setting/index.css | 26 |
1 files changed, 16 insertions, 10 deletions
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);
|