3 files changed, 79 insertions(+), 61 deletions(-)

M config.toml
M static/site.css
M templates/section.html

@@ 1,7 1,7 @@
 base_url = "https://siedlaczek.me"
 compile_sass = false
 highlight_code = true
-highlight_theme = "gruvbox-dark"
+highlight_theme = "dracula"
 build_search_index = false
 
 [extra]

@@ 59,11 59,6 @@ footer {
     font-size: 90%;
 }
 
-footer a {
-    text-decoration: none;
-    color: #fff;
-}
-
 footer hr {
     width: 30rem;
 }


@@ 92,7 87,6 @@ code {
 p code {
     padding-left: 0.3em;
     padding-right: 0.3em;
-    font-size: 90%;
 }
 
 pre {


@@ 100,8 94,6 @@ pre {
     padding: 1em;
     margin-left: auto;
     margin-right: auto;
-    font-size: 95%;
-    /* border-radius: 0.5em; */
     overflow: auto;
 }
 


@@ 255,60 247,75 @@ main {
 
 /***** Light ****/
 
-body {
-    background: #fff;
-}
+@media (prefers-color-scheme: light) {
 
-header {
-    border-bottom: 1px solid #ddd;
-}
+    body {
+        background: #fff;
+    }
 
-header div#subtitle {
-    color: #458588;
-}
+    header {
+        border-bottom: 1px solid #ddd;
+    }
 
-p code {
-    background: #eee;
-    border: 1px solid #aaa;
-}
+    header div#subtitle {
+        color: #458588;
+    }
 
-pre {
-    border-top: 2px solid #ddd;
-    border-bottom: 2px solid #ddd;
-}
+    p code {
+        background: #ddd;
+        border-radius: 4px;
+    }
 
-a {
-    color: #458588;
-}
+    pre {
+        border-radius: 5px;
+        
+        /* border-top: 2px solid #ddd; */
+        /* border-bottom: 2px solid #ddd; */
+    }
 
-a:hover {
-    color: #3B4949;
-}
+    a {
+        color: #2166B1;
+    }
 
-hr {
-    border: none;
-    border-top: 1px solid #aaa;
-}
+    a:hover {
+        color: #3B4949;
+    }
 
-main hr {
-    border: none;
-    border-top: 1px solid #ddd;
-}
+    footer a {
+        text-decoration: none;
+        color: #000;
+    }
 
-em, blockquote {
-    color: #000;
-}
+    hr {
+        border: none;
+        border-top: 1px solid #aaa;
+    }
 
-main img {
-    border: 1px solid #ddd;
-    box-shadow: 3px 3px 5px #ddd;
+    main hr {
+        border: none;
+        border-top: 1px solid #ddd;
+    }
+
+    em, blockquote {
+        color: #000;
+    }
+
+    blockquote p {
+        border-left: 3px solid #000;
+        background: #fff;
+    }
+
+    main img {
+        border: 1px solid #ddd;
+        box-shadow: 3px 3px 5px #ddd;
+    }
 }
 
 /***** Dark ****/
 
 @media (prefers-color-scheme: dark) {
     * {
-        color: #ddd;
+        color: #fff;
     }
 
     body h1, body h2 {


@@ 316,7 323,7 @@ main img {
     }
 
     body {
-        background: #353535;
+        background: #222;
     }
 
     header div#title {


@@ 332,8 339,18 @@ main img {
         text-decoration: underline;
     }
 
+    h2 a {
+        color: #fff;
+        text-decoration: none;
+    }
+
+    h2 a:hover {
+        color: #fff;
+        text-decoration: underline;
+    }
+
     #menu a {
-        color: #aaa;
+        color: #fff;
         text-decoration: none;
     }
 


@@ 344,11 361,12 @@ main img {
 
     #menu a:hover {
         color: #eee;
-        text-decoration: none;
+        text-decoration: underline;
     }
 
     hr {
         color: #fff;
+        border: none;
     }
 
     em, blockquote {


@@ 356,26 374,26 @@ main img {
     }
 
     footer hr {
+        border: none;
         border-top: 1px solid #bbb;
     }
 
     header {
-        border-bottom: 1px solid #121212;
-        background: #303030;
+        border-bottom: 1px solid #777;
+        background: #222;
     }
 
     p code {
-        background: #2B2B2B;
-        border: 1px solid #000;
+        background: #444;
         padding-left: 0.3em;
         padding-right: 0.3em;
-        font-size: 100%;
-        box-shadow: 2px 2px 0px #000;
+        border-radius: 4px;
     }
 
     pre {
-        box-shadow: 5px 5px 0px #000;
+        /* box-shadow: 5px 5px 0px #000; */
         border: 1px solid #000;
+        border-radius: 4px;
     }
 
     header div#social a {


@@ 388,8 406,8 @@ main img {
     }
     
     blockquote p {
-        box-shadow: 5px 5px 0px #000;
-        border: 1px solid #000;
-        background: #454545;
+        /* box-shadow: 5px 5px 0px #000; */
+        border-left: 3px solid #eee;
+        /* background: #454545; */
     }
 }

@@ 33,7 33,7 @@
             {{ section.content | safe }}
             {% for page in paginator.pages %}
             <article>
-                <a href="/til/{{ page.slug }}"><h2>{{ page.title }}</h2></a>
+                <h2><a href="/til/{{ page.slug }}">{{ page.title }}</a></h2>
                 {{ page.summary | safe }}
             </article>
             {% endfor %}