feat: ps triangle favicon & matching theme

static/manifest.json

@@ -1,7 +1,6 @@
 {
   "name": "Golfed",
   "short_name": "Golfed",
-  "start_url": "https://golfed.xyz",
   "icons": [
     {
       "src": "/images/web-app-manifest-192x192.png",
@@ -16,7 +15,7 @@
       "purpose": "maskable"
     }
   ],
-  "theme_color": "#242424",
-  "background_color": "#242424",
+  "theme_color": "#252525",
+  "background_color": "#252525",
   "display": "standalone"
 }

themes/nostyleplease/assets/css/main.scss

@@ -6,7 +6,9 @@
 
   a {
     color: $--link-color;
-    &:visited { color: $--visited-link-color; }
+    &:hover { 
+        color: $--visited-link-color;
+    }
   }
 
   details {
@@ -52,7 +54,7 @@
 }
 
 @mixin dark-appearance {
-  @include theme(#000000, #f1fffa, #000000, #8b9556, #d1603d, #53917e); // modus-vivendi
+  @include theme(#000000, #f1fffa, #000000, #3aeb9d, #b7f8c6, #b1d2b8);
 }
 
 @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>