From 10c530bf2e250a6c86004338cc932fa4488c0217 Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Sun, 16 Aug 2020 18:38:53 +0200
Subject: [PATCH] Add style

---
 articles/static/style.css | 49 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 47 insertions(+), 2 deletions(-)

diff --git a/articles/static/style.css b/articles/static/style.css
index 313d344..ae7f496 100644
--- a/articles/static/style.css
+++ b/articles/static/style.css
@@ -1,10 +1,55 @@
-.content {
+:root {
+    --accent: #226997;
+    --main: #111111;
+    /*--main2: #575757;*/
+    /*--main3: #7d7d7d;*/
+    --background: #ffffff;
+    /*--background2: #f7f7f7;*/
+}
+
+body {
     max-width: 640px;
     margin-left: auto;
     margin-right: auto;
     font-family: Arial, sans-serif;
+    color: var(--main);
+    background-color: var(--background);
 }
 
-.content img {
+body img {
     max-width: 640px;
 }
+
+a {
+    color: var(--main);
+    text-decoration: underline var(--accent) 2.5px;
+    transition: text-decoration .12s ease;
+}
+
+a:hover, a:focus {
+    text-decoration: none;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --accent: #226997;
+    --main: #eeeeee;
+    /*--main2: #cecece;*/
+    /*--main3: #b1b1b1;*/
+    --background: #111111;
+    /*--background2: #575656;*/
+  }
+
+  img {
+    opacity: .75;
+    transition: opacity .5s ease-in-out;
+  }
+  img:hover {
+    opacity: 1;
+  }
+
+  #manage ul ul li img {
+    opacity: 1;
+    filter: invert(1);
+  }
+}