feat: ps circle favicon & matching theme

static/manifest.json

@@ -3,19 +3,19 @@
   "short_name": "Umbrella",
   "icons": [
     {
-      "src": "/./assets/web-app-manifest-192x192.png",
+      "src": "/images/web-app-manifest-192x192.png",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "maskable"
     },
     {
-      "src": "/./assets/web-app-manifest-512x512.png",
+      "src": "/images/web-app-manifest-512x512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "maskable"
     }
   ],
-  "theme_color": "#202c31",
+  "theme_color": "#252525",
-  "background_color": "#202c31",
+  "background_color": "#252525",
   "display": "standalone"
-}
+}

themes/nostyleplease/assets/css/main.scss

@@ -1,12 +1,14 @@
 // -------------- THEME SWITCHER -------------- //
-@mixin theme($--bg-color, $--primary-text-color, $--secondary-text-color, $--link-color, $--visited-link-color, $--highlight) {
+@mixin theme($--bg-color, $--primary-text-color, $--secondary-text-color, $--link-color, $--hover-link-color, $--highlight) {
   background-color: $--bg-color;
 
   color: $--primary-text-color;
 
   a {
     color: $--link-color;
-    &:visited { color: $--visited-link-color; }
+    &:hover { 
+        color: $--hover-link-color;
+    }
   }
 
   details {
@@ -52,7 +54,7 @@
 }
 
 @mixin dark-appearance {
-  @include theme(#000000, #eff6ee, #000000, #33658a, #55dde0, #9197ae); // modus-vivendi
+  @include theme(#000000, #eff6ee, #000000, #ff6666, #fbb1b6, #9197ae);
 }
 
 @mixin light-appearance {
@@ -83,6 +85,18 @@ body {
   overflow-wrap: break-word;
 }
 
+header {
+    display: flex;
+    align-items: center;
+    width: min-content;
+}
+
+header > img {
+    max-width: 2.5rem;
+    max-height: 2.5rem;
+    padding-right: 1rem;
+}
+
 h2, h3, h4, h5, h6 { margin-top: 1.5rem; }
 
 p { margin: 1rem 0; }
@@ -91,7 +105,6 @@ li { margin: 0.4rem 0; }
 
 a {
   text-decoration: none;
-  &:hover { text-decoration: underline; }
 }
 
 hr {

themes/nostyleplease/layouts/index.html

@@ -1,6 +1,7 @@
 {{ define "main" }}
 
 <header>
+    <img src="/images/favicon.svg" />
     <h1>{{ $.Site.Title }}</h1>
     {{- if $.Site.Params.theme_config.show_description -}}
         <p>{{ $.Site.Params.description }}</p>