From 94ee809f9ec4b7a47fd8c56857eee6cd7e48bfa1 Mon Sep 17 00:00:00 2001
From: Botond Hende <nettingman@gmail.com>
Date: Sun, 8 Sep 2024 01:00:53 +0200
Subject: added extra theme

---
 assets/css/blog.css | 41 +++++++++++++++++++++++++++++++++++++----
 1 file changed, 37 insertions(+), 4 deletions(-)

(limited to 'assets/css')

diff --git a/assets/css/blog.css b/assets/css/blog.css
index ddee44f..a7385e2 100644
--- a/assets/css/blog.css
+++ b/assets/css/blog.css
@@ -16,7 +16,7 @@
     }
 }
 
-[used-theme="light"] {
+[data-theme="light"] {
     --term-fg: #515151;
     --term-bg: #f3f3f3;
     --term-black: #8e8e8e;
@@ -33,16 +33,49 @@
     }
 }
 
+[data-theme="pink"] {
+    --term-fg: #c61c72;
+    --term-bg: #f8b9ce;
+    --term-black: #960052;
+    --term-red: #ff001e;
+    --term-green: #6fd800;
+    --term-yellow: #fcf6a6;
+    --term-blue: #00aff4;
+    --term-magenta: #a8005b;
+    --term-cyan: #00dad5;
+    --term-white: #f3f3f3;
+
+    .filter-yellow {
+        filter: brightness(0) saturate(100%) invert(95%) sepia(12%) saturate(1428%) hue-rotate(334deg) brightness(108%) contrast(98%);
+    }
+}
+
 a[class*="theme-selector"] {
     color: var(--term-green);
 }
 
-html:not([used-theme]) .theme-selector-dark,
-html[used-theme="dark"] .theme-selector-dark,
-html[used-theme="light"] .theme-selector-light {
+
+html:not([data-theme]) .theme-selector-dark,
+html[data-theme="dark"] .theme-selector-dark,
+html[data-theme="light"] .theme-selector-light,
+html[data-theme="pink"] .theme-selector-pink,
+html:not([data-extended-theme]) .theme-extender-target {
     display: none;
 }
 
+.theme-extender {
+    color: var(--term-fg);
+    font-weight: normal;
+}
+
+.theme-extender:hover {
+    text-decoration: none;
+}
+
+html:not([data-extended-theme]) .theme-extender {
+    color: var(--term-bg);
+}
+
 header, .icon-text {
     display: flex;
     flex-flow: row;
-- 
cgit v1.2.3-70-g09d2