diff options
| author | crupest <crupest@outlook.com> | 2023-07-17 17:06:32 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-07-17 17:06:32 +0800 |
| commit | d712d3847506c5c2df62f741d9d2cb91e34f6bfd (patch) | |
| tree | 3f0765120b74373bcfe4c60d6154c91202bcc7ca /FrontEnd/src/views/common/button/Button.css | |
| parent | 2514e709c3ad0a5b7fc62b67462c8ba668f89d2c (diff) | |
| download | timeline-d712d3847506c5c2df62f741d9d2cb91e34f6bfd.tar.gz timeline-d712d3847506c5c2df62f741d9d2cb91e34f6bfd.tar.bz2 timeline-d712d3847506c5c2df62f741d9d2cb91e34f6bfd.zip | |
...
Diffstat (limited to 'FrontEnd/src/views/common/button/Button.css')
| -rw-r--r-- | FrontEnd/src/views/common/button/Button.css | 21 |
1 files changed, 13 insertions, 8 deletions
diff --git a/FrontEnd/src/views/common/button/Button.css b/FrontEnd/src/views/common/button/Button.css index dacea3e1..55563e00 100644 --- a/FrontEnd/src/views/common/button/Button.css +++ b/FrontEnd/src/views/common/button/Button.css @@ -14,15 +14,18 @@ }
.cru-button:not(.outline):hover {
- filter: brightness(var(--cru-hover-darkness));
+ background-color: var(--cru-key-1-color);
+ border-color: var(--cru-key-1-color);
}
.cru-button:not(.outline):focus {
- filter: brightness(var(--cru-focus-darkness));
+ background-color: var(--cru-key-1-color);
+ border-color: var(--cru-key-1-color);
}
.cru-button:not(.outline):active {
- filter: brightness(var(--cru-press-darkness));
+ background-color: var(--cru-key-2-color);
+ border-color: var(--cru-key-2-color);
}
.cru-button:not(.outline):disabled {
@@ -33,20 +36,22 @@ .cru-button.outline {
color: var(--cru-key-color);
- border: var(--cru-key-color) 1px solid;
- background-color: var(--cru-surface-color);
+ border-color: var(--cru-key-color);
}
.cru-button.outline:hover {
- filter: brightness(var(--cru-hover-brightness));
+ color: var(--cru-key-1-color);
+ border-color: var(--cru-key-1-color);
}
.cru-button.outline:focus {
- filter: brightness(var(--cru-focus-brightness));
+ color: var(--cru-key-1-color);
+ border-color: var(--cru-key-1-color);
}
.cru-button.outline:active {
- filter: brightness(var(--cru-press-brightness));
+ color: var(--cru-key-2-color);
+ border-color: var(--cru-key-2-color);
}
.cru-button.outline:disabled {
|