diff options
| author | crupest <crupest@outlook.com> | 2023-08-26 16:28:39 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-08-26 16:28:39 +0800 |
| commit | 1f90dd29a2e1a11cf16857513f14bce3df68c1e1 (patch) | |
| tree | 4f044ae6ebf37014f33c37c5fee8bf9d37b4f3c7 /FrontEnd/src/pages/setting/index.css | |
| parent | 5284f38c002e5bf88e308e208456d41d4126b30e (diff) | |
| download | timeline-1f90dd29a2e1a11cf16857513f14bce3df68c1e1.tar.gz timeline-1f90dd29a2e1a11cf16857513f14bce3df68c1e1.tar.bz2 timeline-1f90dd29a2e1a11cf16857513f14bce3df68c1e1.zip | |
...
Diffstat (limited to 'FrontEnd/src/pages/setting/index.css')
| -rw-r--r-- | FrontEnd/src/pages/setting/index.css | 25 |
1 files changed, 12 insertions, 13 deletions
diff --git a/FrontEnd/src/pages/setting/index.css b/FrontEnd/src/pages/setting/index.css index 86ccf706..a8a44524 100644 --- a/FrontEnd/src/pages/setting/index.css +++ b/FrontEnd/src/pages/setting/index.css @@ -1,5 +1,3 @@ -/* TODO: Make item prettier. */
-
.setting-section {
padding: 1em 0;
margin: 1em 0;
@@ -7,35 +5,36 @@ .setting-section-title {
padding: 0 1em;
- color: white;
}
.setting-section-item-area {
margin-top: 1em;
- border-top: 1px solid var(--cru-secondary-color);
+ border-top: 1px solid var(--cru-primary-color);
}
.setting-item-container {
padding: 0.5em 1em;
transition: background-color 0.3s;
- background-color: var(--cru-background-color);
- border-bottom: 1px solid var(--cru-secondary-color);
+ background-color: var(--cru-clickable-grayscale-normal-color);
+ border-bottom: 1px solid var(--cru-clickable-grayscale-active-color);
display: flex;
align-items: center;
}
.setting-item-container:hover {
- color: white;
- background-color: var(--cru-secondary-color);
+ background-color: var(--cru-clickable-grayscale-hover-color);
}
-.setting-item-container.danger {
- color: var(--cru-danger-color);
+.setting-item-container:focus {
+ background-color: var(--cru-clickable-grayscale-focus-color);
}
-.setting-item-container.danger:hover {
- color: white;
- background-color: var(--cru-danger-color);
+.setting-item-container:active {
+ background-color: var(--cru-clickable-grayscale-active-color);
+}
+
+.setting-item-container.danger {
+ color: var(--cru-danger-color);
}
.setting-item-label-sub {
|