From 29a24fbd20ddf61a719808bc96e4ed0b8fa2bf06 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Fri, 3 Jun 2022 09:17:58 -0400
Subject: [PATCH] Add Doom-One Colourscheme

---
 templates/index.html | 82 +++++++++++++++++---------------------------
 templates/prefs.html | 42 ++++++++++++-----------
 2 files changed, 54 insertions(+), 70 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 1bc041b..bcffe51 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -59,6 +59,12 @@
         .switch_languages {
             height: 50px;
             margin: 0px 5px;
+
+        }
+        .switchbutton {
+            background-color: #282c34;
+            color:#bbc2cf;
+
         }
 
         button {
@@ -73,6 +79,9 @@
             font-size: 1rem;
             padding: 4px;
             border: 2px solid #888888;
+            background-color: #282c34;
+            color:#bbc2cf;
+
         }
 
         textarea {
@@ -96,8 +105,28 @@
         body {
             justify-content: center;
             font-family: sans-serif;
+            background-color: #282c34;
+            color:#bbc2cf;
         }
-
+h1,h2,h3 {
+	color:#51afef;
+}
+        a {
+	color:#ff6c6b;
+	text-decoration:none;
+}
+
+a:hover {
+
+	color:#ff6c6b;
+}
+
+.linkable::before {
+	content: "# ";
+}
+.linkable::hover {
+	color: #da8548;
+}
         #definitions_and_translations {
             display: grid;
             margin: auto;
@@ -146,53 +175,6 @@
         div.translations {
             grid-area: translations;
         }
-
-        @media screen and (prefers-color-scheme: dark) {
-            body {
-                background-color: #212529;
-                color: #f8f9fa;
-            }
-
-            #could_not_switch_languages_text {
-                color: #F13333;
-            }
-
-            a:visited {
-                color: #9759f6;
-                text-decoration: none;
-            }
-
-            a {
-                color: #599bf6;
-                text-decoration: none;
-            }
-
-            input,
-            select,
-            button,
-            textarea {
-                background-color: #131618;
-                border-color: #495057;
-                color: #f8f9fa;
-            }
-
-            .def_type {
-                color: cyan;
-                text-transform: capitalize;
-            }
-
-            .syn {
-                color: burlywood;
-            }
-
-            .syn_type {
-                color: cyan;
-            }
-
-            .use_in_sentence {
-                color: yellow;
-            }
-        }
         </style>
     </head>
 
@@ -236,7 +218,7 @@
                 </div>
 
                 <div class="switch_languages">
-                    <button id="switchbutton" aria-label="Switch languages" formaction="/switchlanguages/?engine={{ engine }}" type="submit">&lt;-&gt;</button>
+                    <button class="switchbutton" aria-label="Switch languages" formaction="/switchlanguages/?engine={{ engine }}" type="submit">&lt;-&gt;</button>
                 </div>
 
                 <div class="language">
@@ -294,7 +276,7 @@
 
             <div class="center">
                 <!-- translate button -->
-                <button type="submit">Translate with {{ engine }}!</button>
+                <button type="submit" class="switchbutton">Translate with {{ engine }}!</button>
             </div>
 
             <br>
diff --git a/templates/prefs.html b/templates/prefs.html
index 22f38d1..3ec5678 100644
--- a/templates/prefs.html
+++ b/templates/prefs.html
@@ -15,6 +15,8 @@
         body {
             max-width: 800px;
             margin: 10px auto;
+            background-color: #282c34;
+            color:#bbc2cf;
             font-family: sans-serif;
         }
 
@@ -22,33 +24,33 @@
             font-size: 1rem;
             padding: 4px 10px;
             border: 2px solid #888888;
+            background-color: #282c34;
+            color:#bbc2cf;
         }
 
         button:focus {
             border-color: #478061;
             outline: 1px solid #478061;
+            background-color: #282c34;
+            color:#bbc2cf;
         }
 
-        @media screen and (prefers-color-scheme: dark) {
-            body {
-                background-color: #212529;
-                color: #f8f9fa;
-            }
-
-            a:visited {
-                color: #9759f6;
-            }
-
-            a {
-                color: #599bf6;
-            }
-
-            button {
-                background-color: #131618;
-                border-color: #495057;
-                color: #f8f9fa;
-            }
-        }
+        a {
+	color:#ff6c6b;
+	text-decoration:none;
+}
+
+a:hover {
+
+	color:#ff6c6b;
+}
+
+.linkable::before {
+	content: "# ";
+}
+.linkable::hover {
+	color: #da8548;
+}
         </style>
     </head>
 
-- 
2.30.2