From 18e8e770ac4831f02c8ccf5430913ffad0e8684e Mon Sep 17 00:00:00 2001
From: Jordan Robinson <hello@jordanrobinson.org>
Date: Sat, 20 Sep 2025 20:13:35 +0100
Subject: [PATCH] update style.css to be more like old literary

---
 main/templates/assets/style.css | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/main/templates/assets/style.css b/main/templates/assets/style.css
index 5a79ca29435a91fb87506f49d1fc298ee5596234..cd876dd038cbe80d62a9d4ac5734b254f1d7b61c 100644
--- a/main/templates/assets/style.css
+++ b/main/templates/assets/style.css
@@ -7,12 +7,13 @@ html {
 
 body {
     margin: 0;
+    transition: background-color 0.3s ease, color 0.3s ease;
 }
 
 small {
     /* fix font size in all browsers */
     font-size: 80%;
-    font-family: "Inter", "Arial", sans-serif;
+    font-family: "Georgia", "Times New Roman", serif;
 }
 
 /* prevent sub and sup from affecting the line height in all browsers */
@@ -69,18 +70,20 @@ button,
     {% if request.theme_zialucia %}
     font-size: 20px;
     {% endif %}
-    font-family: "Merriweather", "Georgia", "Times New Roman", serif;
+    font-family: "Georgia", "Times New Roman", serif;
 
     line-height: 1.5;
     font-size: 16px;
 
+    background-color: #fdfbf7;
+
     color-scheme: light dark;
 
     /* this colour is only used in dark mode */
-    --dark-mode-color: #212529;
+    --dark-mode-color: #1e1b18;
 
-    --link-color: #1175e2;
-    --ascent-color: #006cdf;
+    --link-color: #5a4632;
+    --ascent-color: #5a4632;
     --dark-grey-color: #757575;
     --light-grey-color: #eff1f5;
     --airy-grey-color: #fafafa;
@@ -104,12 +107,19 @@ button,
         color: #fff;
         background: var(--dark-mode-color);
 
-        --link-color: #70b3ff;
+        --link-color: #5a4632;
         --dark-grey-color: #b1b6bb;
         --light-grey-color: #353535;
         --airy-grey-color: #2b2b2b;
         --purple-color: #dd47ec;
     }
+    a {
+        color: #d8cfc4 !important;
+    }
+
+    .form-inline input[type="submit"] {
+        color: #d8cfc4 !important;
+    }
 }
 
 a {
@@ -465,10 +475,6 @@ form .helptext {
     text-decoration: underline;
 }
 
-.blog a:visited {
-    color: var(--purple-color);
-}
-
 .blog a:active {
     color: var(--red-color);
 }