From aef1bbc82dcc128d441ff3bdcacec1e05a326d16 Mon Sep 17 00:00:00 2001
From: Kumi <git@kumi.email>
Date: Sun, 20 Oct 2024 19:07:35 +0200
Subject: [PATCH] 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.
---
 src/css/custom.css | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 9f43ff6..32ade67 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -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 {