feat(css): update theme for improved contrast and readability as requested
Revised the background to a solid black color and adjusted text and button colors to enhance visual contrast with orange accents. These changes aim to improve accessibility and ensure that elements are easier to read. Updated font family to Arial for better consistency and readability across platforms.
This commit is contained in:
parent
b1c716255d
commit
aef1bbc82d
1 changed files with 8 additions and 7 deletions
|
@ -1,7 +1,8 @@
|
|||
html {
|
||||
background-image: linear-gradient(to bottom right, #013c4a 0, #193e4c 44%, #004b5b 100%) !important;
|
||||
background-color: black;
|
||||
color: #fff;
|
||||
font-style: normal;
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -46,17 +47,17 @@ input.form-control {
|
|||
|
||||
.equals-box {
|
||||
text-align: center;
|
||||
color: #e9ecef;
|
||||
color: #ff6600;
|
||||
font-weight: 800;
|
||||
font-size: 42px;
|
||||
padding-bottom: 1;
|
||||
}
|
||||
|
||||
.btn-arrow {
|
||||
border: 1px solid white;
|
||||
border: 1px solid #ff6600;
|
||||
border-radius: 10px;
|
||||
font-size: 38px !important;
|
||||
color: white;
|
||||
color: #ff6600;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
@ -68,13 +69,13 @@ input.form-control {
|
|||
|
||||
.btn-equals {
|
||||
font-size: 38px !important;
|
||||
color: white;
|
||||
color: #ff6600;
|
||||
padding: 0;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.btn-equals:hover {
|
||||
color: black;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.equals-text {
|
||||
|
@ -82,7 +83,7 @@ input.form-control {
|
|||
}
|
||||
|
||||
p {
|
||||
color: #e9ecef;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.gold {
|
||||
|
|
Loading…
Reference in a new issue