From 1485a7efbeb2691fcd674b361a98aec250fb22ea Mon Sep 17 00:00:00 2001
From: Niko Abeler <niko@rerere.org>
Date: Fri, 23 Feb 2024 12:57:43 +0100
Subject: [PATCH] update to pico 2

---
 render/templates/base.tmpl | 28 ++++++++++++----------------
 web/static/style.css       |  2 +-
 2 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/render/templates/base.tmpl b/render/templates/base.tmpl
index 818271b..703dcf0 100644
--- a/render/templates/base.tmpl
+++ b/render/templates/base.tmpl
@@ -9,7 +9,7 @@
         <link rel="webmention" href="/webmention/" />
         <link rel="alternate" type="application/rss+xml" title="RSS" href="/index.xml">
 
-        <link rel='stylesheet' href='/static/pico.min.css'>
+        <link rel='stylesheet' href='/static/pico-2.min.css'>
         <link rel='stylesheet' href='/static/style.css'>        
         <style>
             :root {
@@ -20,25 +20,21 @@
                 --background: {{.SiteConfig.HeaderColor}};
                 --background-dark: color-mix(in srgb,var(--background),#000 50%);
                 --background-light: color-mix(in srgb,var(--background),#fff 50%);
-                --pico-primary: {{.SiteConfig.PrimaryColor}};
-                --pico-primary-hover: color-mix(in srgb,var(--primary),#000 20%);
-                --pico-primary-focus: color-mix(in srgb,var(--primary),#fff 40%);
-                --pico-primary-inverse: #FFF;
-                --pico-background: {{.SiteConfig.HeaderColor}};
-                --pico-background-dark: color-mix(in srgb,var(--background),#000 50%);
-                --pico-background-light: color-mix(in srgb,var(--background),#fff 50%);
+
             }
 
             [data-theme="light"],
             :root:not([data-theme="dark"]) {
-            --primary: {{.SiteConfig.PrimaryColor}};
-            --primary-hover: color-mix(in srgb,var(--primary),#000 20%);
-            --primary-focus: color-mix(in srgb,var(--primary),#fff 40%);
-            --primary-inverse: #FFF;
-            --pico-primary: {{.SiteConfig.PrimaryColor}};
-            --pico-primary-hover: color-mix(in srgb,var(--primary),#000 20%);
-            --pico-primary-focus: color-mix(in srgb,var(--primary),#fff 40%);
-            --pico-primary-inverse: #FFF;
+                --pico-primary: {{.SiteConfig.PrimaryColor}};
+                --pico-primary-background: {{.SiteConfig.PrimaryColor}};
+                --pico-primary-hover: color-mix(in srgb,var(--primary),#000 20%);
+                --pico-primary-hover-background: color-mix(in srgb,var(--primary),#000 20%);
+                --pico-primary-focus: color-mix(in srgb,var(--primary),#fff 40%);
+                --pico-primary-underline: color-mix(in srgb,var(--primary),#fff 40%);
+                --pico-primary-inverse: #FFF;
+                --pico-background: {{.SiteConfig.HeaderColor}};
+                --pico-background-dark: color-mix(in srgb,var(--background),#000 50%);
+                --pico-background-light: color-mix(in srgb,var(--background),#fff 50%);
             }
 
 
diff --git a/web/static/style.css b/web/static/style.css
index 649a954..cd29df1 100644
--- a/web/static/style.css
+++ b/web/static/style.css
@@ -20,7 +20,7 @@
 }
 
 .danger {
-    background-color: var(--del-color) !important;
+    background-color: var(--pico-del-color) !important;
 }
 
 .drop-file {