rottenwheel/moner.ooo
1
0
Fork 0
mirror of https://github.com/rottenwheel/moner.ooo.git synced 2024-12-22 16:17:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(css): update theme for improved contrast and readability as requested

Browse source 
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
Signed by: kumi
GPG key ID: ECBCC9082395383F
1 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/css/custom.css
View file

@ -1,7 +1,8 @@
html { html {
background-image: linear-gradient(to bottom right, #013c4a 0, #193e4c 44%, #004b5b 100%) !important; background-color: black;
color: #fff; color: #fff;
font-style: normal; font-style: normal;
font-family: Arial, sans-serif;
} }
body { body {
@ -46,17 +47,17 @@ input.form-control {
.equals-box { .equals-box {
text-align: center; text-align: center;
color: #e9ecef; color: #ff6600;
font-weight: 800; font-weight: 800;
font-size: 42px; font-size: 42px;
padding-bottom: 1; padding-bottom: 1;
} }
.btn-arrow { .btn-arrow {
border: 1px solid white; border: 1px solid #ff6600;
border-radius: 10px; border-radius: 10px;
font-size: 38px !important; font-size: 38px !important;
color: white; color: #ff6600;
padding: 0; padding: 0;
cursor: pointer; cursor: pointer;
} }
@ -68,13 +69,13 @@ input.form-control {
.btn-equals { .btn-equals {
font-size: 38px !important; font-size: 38px !important;
color: white; color: #ff6600;
padding: 0; padding: 0;
cursor: default; cursor: default;
} }
.btn-equals:hover { .btn-equals:hover {
color: black; color: white;
} }
.equals-text { .equals-text {
@ -82,7 +83,7 @@ input.form-control {
} }
p { p {
color: #e9ecef; color: white;
} }
.gold { .gold {