diff options
| author | crupest <crupest@outlook.com> | 2021-06-30 23:20:36 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-06-30 23:20:36 +0800 |
| commit | 4183e458436b0919385baaa50633d994daa407e1 (patch) | |
| tree | e453801414b5db1ab0c7b9fb9aa90332d9b69800 | |
| parent | 840f3bb6d5bcd69e7092373870ca9b9e2a12b1bf (diff) | |
| download | timeline-4183e458436b0919385baaa50633d994daa407e1.tar.gz timeline-4183e458436b0919385baaa50633d994daa407e1.tar.bz2 timeline-4183e458436b0919385baaa50633d994daa407e1.zip | |
...
| -rw-r--r-- | FrontEnd/src/views/common/button/Button.css | 5 | ||||
| -rw-r--r-- | FrontEnd/src/views/common/index.css | 3 |
2 files changed, 7 insertions, 1 deletions
diff --git a/FrontEnd/src/views/common/button/Button.css b/FrontEnd/src/views/common/button/Button.css index 11d211c5..ec2dd798 100644 --- a/FrontEnd/src/views/common/button/Button.css +++ b/FrontEnd/src/views/common/button/Button.css @@ -67,20 +67,23 @@ padding: 0.2em 0.5em;
border-radius: 0.2em;
transition: all 0.6s;
- background-color: white;
+ background-color: var(--cru-background-color);
}
.cru-button.outline:hover {
color: var(--cru-button-f1-color);
border-color: var(--cru-button-f1-color);
+ background-color: var(--cru-background-1-color);
}
.cru-button.outline:active {
color: var(--cru-button-f2-color);
border-color: var(--cru-button-f2-color);
+ background-color: var(--cru-background-2-color);
}
.cru-button.outline:disabled {
color: var(--cru-button-f3-color);
border-color: var(--cru-button-f3-color);
+ background-color: var(--cru-background-3-color);
}
diff --git a/FrontEnd/src/views/common/index.css b/FrontEnd/src/views/common/index.css index 75ec6485..02eed6d9 100644 --- a/FrontEnd/src/views/common/index.css +++ b/FrontEnd/src/views/common/index.css @@ -1,5 +1,8 @@ :root {
--cru-background-color: #f8f9fa;
+ --cru-background-1-color: #e9ecef;
+ --cru-background-2-color: #dee2e6;
+ --cru-background-3-color: #ced4da;
--cru-primary-color: rgb(0, 123, 255);
--cru-primary-l1-color: rgb(26, 136, 255);
|