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:
Kumi 2024-10-20 19:07:35 +02:00
parent b1c716255d
commit aef1bbc82d
No known key found for this signature in database
GPG key ID: ECBCC9082395383F

View file

@ -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 {