diff options
| author | crupest <crupest@outlook.com> | 2023-08-13 01:32:13 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-08-13 23:54:26 +0800 |
| commit | e989478fcf77c30e26147310f5ce25dfb637d1b3 (patch) | |
| tree | 16eef90bd26ab92e067ce9b10a3741b82386c894 /FrontEnd/src/views/common/button/Button.css | |
| parent | 8c22e395fdec4b2aeef21375ea6212e4760d2bbd (diff) | |
| download | timeline-e989478fcf77c30e26147310f5ce25dfb637d1b3.tar.gz timeline-e989478fcf77c30e26147310f5ce25dfb637d1b3.tar.bz2 timeline-e989478fcf77c30e26147310f5ce25dfb637d1b3.zip | |
...
Diffstat (limited to 'FrontEnd/src/views/common/button/Button.css')
| -rw-r--r-- | FrontEnd/src/views/common/button/Button.css | 45 |
1 files changed, 22 insertions, 23 deletions
diff --git a/FrontEnd/src/views/common/button/Button.css b/FrontEnd/src/views/common/button/Button.css index 14b019b9..4e755dba 100644 --- a/FrontEnd/src/views/common/button/Button.css +++ b/FrontEnd/src/views/common/button/Button.css @@ -5,60 +5,59 @@ border-radius: 0.2em;
border: 1px solid;
cursor: pointer;
- background-color: var(--cru-surface-color);
}
.cru-button:not(.outline) {
- color: var(--cru-key-on-color);
- background-color: var(--cru-key-color);
- border-color: var(--cru-key-color);
+ color: var(--cru--push-button-text-color);
+ background-color: var(--cru-button-normal-color);
+ border-color: var(--cru-button-normal-color);
}
.cru-button:not(.outline):hover {
- background-color: var(--cru-key-1-color);
- border-color: var(--cru-key-1-color);
+ background-color: var(--cru-button-hover-color);
+ border-color: var(--cru-button-hover-color);
}
.cru-button:not(.outline):focus {
- background-color: var(--cru-key-1-color);
- border-color: var(--cru-key-1-color);
+ background-color: var(--cru-button-focus-color);
+ border-color: var(--cru-button-focus-color);
}
.cru-button:not(.outline):active {
- background-color: var(--cru-key-2-color);
- border-color: var(--cru-key-2-color);
+ background-color: var(--cru-button-active-color);
+ border-color: var(--cru-button-active-color);
}
.cru-button:not(.outline):disabled {
- background-color: var(--cru-surface-on-color);
- border-color: var(--cru-surface-on-color);
+ color: var(--cru-push-button-disabled-text-color);
+ background-color: var(--cru-push-button-disabled-color);
+ border-color: var(--cru-push-button-disabled-color);
cursor: auto;
}
.cru-button.outline {
- color: var(--cru-key-color);
- border-color: var(--cru-key-color);
+ color: var(--cru-button-normal-color);
+ border-color: var(--cru-button-normal-color);
}
.cru-button.outline:hover {
- color: var(--cru-key-1-color);
- border-color: var(--cru-key-1-color);
+ color: var(--cru-button-hover-color);
+ border-color: var(--cru-button-hover-color);
}
.cru-button.outline:focus {
- color: var(--cru-key-1-color);
- border-color: var(--cru-key-1-color);
+ color: var(--cru-button-focus-color);
+ border-color: var(--cru-button-focus-color);
}
.cru-button.outline:active {
- color: var(--cru-key-2-color);
- border-color: var(--cru-key-2-color);
+ color: var(--cru-button-active-color);
+ border-color: var(--cru-button-active-color);
}
.cru-button.outline:not(.cru-loading-button):disabled {
- color: var(--cru-surface-on-color);
- border-color: var(--cru-surface-on-color);
- background-color: white;
+ color: var(--cru-button-disabled-color);
+ border-color: var(--cru-button-disabled-color);
cursor: auto;
}
\ No newline at end of file |