added extra theme

1 files changed, 37 insertions, 4 deletions

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;