209 lines
4.8 KiB
Diff
209 lines
4.8 KiB
Diff
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"><-></button>
|
|
+ <button class="switchbutton" aria-label="Switch languages" formaction="/switchlanguages/?engine={{ engine }}" type="submit"><-></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
|