only use accent colour if browser supports it

Author: LinuxJava7

catppuccin.css

@@ -174,7 +174,7 @@
     --headerbar-bg-color: rgb(35, 38, 52);
     --headerbar-fg-color: rgb(198, 208, 245);
     --headerbar-border-color: rgb(115, 121, 148);
-    --headerbar-backdrop-color: var(--window-bg-color);
+    --headerbar-backdrop-color: rgba(48, 52, 70, 0.8);
     --headerbar-shade-color: rgba(0, 0, 0, 0.36);
     --headerbar-darker-shade-color: rgba(0, 0, 0, 0.9);
 

colors.css

@@ -1,9 +1,21 @@
-:root{
-  --accent-bg-color: oklch(from AccentColor 0.6638 0.1751 h);
-  --window-bg-color: oklch(from AccentColor 0.9578 0.0058 h);
-  --card-bg-color: oklch(from AccentColor 0.9335 0.0087 h);
+@supports (color: AccentColor) {
+  :root{
+    --accent-bg-color: oklch(from AccentColor 0.6638 0.1751 h);
+    --window-bg-color: oklch(from AccentColor 0.9578 0.0058 h);
+    --card-bg-color: oklch(from AccentColor 0.9335 0.0087 h);
+    --headerbar-backdrop-color: oklch(from AccentColor 0.9578 0.0058 h / 80%);
+  }
+  @media (prefers-color-scheme: dark){
+    :root{
+      --accent-bg-color: oklch(from AccentColor 0.8099 0.0759 h);
+      --window-bg-color: oklch(from AccentColor 0.3291 0.0324 h);
+      --card-bg-color: oklch(from AccentColor 0.4601 0.0367 h / 8%);
+      --headerbar-backdrop-color: oklch(from AccentColor 0.3291 0.0324 h / 80%);
+    }
+  }
 }
 
+
 @media (prefers-color-scheme: dark) {
   .view-switcher a:hover,
   .view-switcher a:focus,
@@ -23,4 +35,14 @@
   .view-switcher-narrow .current:focus {
     background-color: rgba(255, 255, 255, 0.136);
   }
+
+  
+  a {
+    color: var(--blue-2);
+  }
+
+  .tile a {
+    color: var(--blue-2);
+  }
+  
 }