From 00203b419fa58d8463b0a6c8f87852aca6bbd142 Mon Sep 17 00:00:00 2001
From: Botond Hende <nettingman@gmail.com>
Date: Sat, 7 Sep 2024 18:29:53 +0200
Subject: certain icons are colored according to theme

---
 assets/css/blog.css       | 8 ++++++++
 assets/image/moon.svg     | 2 +-
 templates/sidebar.html.j2 | 4 ++--
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/assets/css/blog.css b/assets/css/blog.css
index 028e4b9..e4f4bf8 100644
--- a/assets/css/blog.css
+++ b/assets/css/blog.css
@@ -10,6 +10,10 @@
     --term-magenta: #b294bb;
     --term-cyan: #8abeb7;
 	--term-white: #b5aba8;
+
+    .filter-yellow{
+        filter: brightness(0) saturate(100%) invert(91%) sepia(86%) saturate(596%) hue-rotate(314deg) brightness(96%) contrast(97%);
+    }
 }
 
 [used-theme="light"] {
@@ -23,6 +27,10 @@
     --term-magenta: #d52ad2;
     --term-cyan: #00dad5;
     --term-white: #f3f3f3;
+
+    .filter-yellow {
+        filter: brightness(0) saturate(100%) invert(61%) sepia(18%) saturate(3874%) hue-rotate(6deg) brightness(101%) contrast(101%);
+    }
 }
 
 a[class*="theme-selector"] {
diff --git a/assets/image/moon.svg b/assets/image/moon.svg
index c0e3eeb..436e0fc 100644
--- a/assets/image/moon.svg
+++ b/assets/image/moon.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f0c674" d="M235.54 150.21a104.84 104.84 0 0 1-37 52.91A104 104 0 0 1 32 120a103.1 103.1 0 0 1 20.88-62.52a104.84 104.84 0 0 1 52.91-37a8 8 0 0 1 10 10a88.08 88.08 0 0 0 109.8 109.8a8 8 0 0 1 10 10Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#cccccc" d="M235.54 150.21a104.84 104.84 0 0 1-37 52.91A104 104 0 0 1 32 120a103.1 103.1 0 0 1 20.88-62.52a104.84 104.84 0 0 1 52.91-37a8 8 0 0 1 10 10a88.08 88.08 0 0 0 109.8 109.8a8 8 0 0 1 10 10Z"/></svg>
diff --git a/templates/sidebar.html.j2 b/templates/sidebar.html.j2
index f675735..a58c2cb 100644
--- a/templates/sidebar.html.j2
+++ b/templates/sidebar.html.j2
@@ -10,7 +10,7 @@ Sometimes I touch upon some more artistic stuff, but mostly just to amuse myself
 </div>
 <h3 class="magenta">My other thingies</h3>
 <a href="https://wazul.moe" class="icon-text" target="_blank">
-<img src="/assets/image/website.svg" class="svg-icon" />
+<img src="/assets/image/website.svg" class="svg-icon filter-yellow" />
 <span>Website</span>
 </a>
 <a href="https://mastodon.gamedev.place/@wazul" class="icon-text" target="_blank">
@@ -41,7 +41,7 @@ Sometimes I touch upon some more artistic stuff, but mostly just to amuse myself
 </a>
 <h3 class="magenta">Contact me at</h3>
 <a href="mailto:contact@wazul.moe" class="icon-text">
-<img src="/assets/image/email.svg" class="svg-icon" />
+<img src="/assets/image/email.svg" class="svg-icon filter-yellow" />
 <span>contact@wazul.moe</span>
 </a>
 <p>especially if you find some typos or bugs on the page</p>
-- 
cgit v1.2.3-70-g09d2