diff options
Diffstat (limited to 'FrontEnd')
| -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);
|