From 045b2892581041609cec05e5a28ced9fd9f45e19 Mon Sep 17 00:00:00 2001
From: SayaAndy <montferrat@tuta.io>
Date: Sat, 3 Jan 2026 22:16:18 +0700
Subject: feat: "emboss" taskbar icons by adding shadows

---
 views/layouts/general-page.html | 14 +++++++-------
 views/pages/global-map.html     | 14 +++++++-------
 2 files changed, 14 insertions(+), 14 deletions(-)

(limited to 'views')

diff --git a/views/layouts/general-page.html b/views/layouts/general-page.html
index f9a30ef..5dce2cf 100644
--- a/views/layouts/general-page.html
+++ b/views/layouts/general-page.html
@@ -174,24 +174,24 @@
 
     <div class="flex flex-col [@media(max-height:32rem)]:flex-row">
         <div id="sidebar" class="bg-sidebar flex sticky flex-col z-20 w-dvw xs:w-[90dvw] sm:w-[80dvw] md:w-[75dvw] lg:w-[70dvw] xl:w-[65dvw] 2xl:w-[60dvw] [@media(max-height:32rem)]:w-fit h-fit [@media(max-height:32rem)]:h-dvh shadow-[0_0_1rem_black]">
-            <div class="text-[3rem] text-stroke-(--sidebar-stroke-color) text-stroke-[0.1dvw] flex flex-row [@media(max-height:32rem)]:flex-col gap-0 relative z-20">
+            <div class="text-[3rem] flex flex-row [@media(max-height:32rem)]:flex-col gap-0 relative z-20">
                 <a href="./" id="sidebar-back-button" class="toolbar-button w-fit h-fit hidden" draggable="false">
-                    <i onclick="return changeUrl('/../', true);" class="fas fa-circle-left flex w-18 h-18 content-center text-center text-sidebar hover:bg-background-dark transition-colors duration-300 rounded-lg select-none"></i>
+                    <i onclick="return changeUrl('/../', true);" class="fas fa-circle-left flex w-18 h-18 content-center text-center text-sidebar"></i>
                 </a>
                 <a href="/{{ .Lang }}" id="sidebar-home-button" class="toolbar-button w-fit h-fit hidden" draggable="false">
-                    <i onclick="return changeUrl('/{{ .Lang }}');" class="fas fa-home flex w-18 h-18 content-center text-center text-sidebar hover:bg-background-dark transition-colors duration-300 rounded-lg select-none"></i>
+                    <i onclick="return changeUrl('/{{ .Lang }}');" class="fas fa-home flex w-18 h-18 content-center text-center text-sidebar"></i>
                 </a>
                 <a href="/{{ .Lang }}/blog" id="sidebar-blog-button" class="toolbar-button w-fit h-fit hidden" draggable="false">
-                    <i onclick="return changeUrl('/{{ .Lang }}/blog');" class="fas fa-search flex w-18 h-18 content-center text-center text-sidebar hover:bg-background-dark transition-colors duration-300 rounded-lg select-none"></i>
+                    <i onclick="return changeUrl('/{{ .Lang }}/blog');" class="fas fa-search flex w-18 h-18 content-center text-center text-sidebar"></i>
                 </a>
                 <a href="/{{ .Lang }}/map" id="sidebar-map-button" class="toolbar-button w-fit h-fit hidden" draggable="false">
-                    <i class="fas fa-map flex w-18 h-18 content-center text-center text-sidebar hover:bg-background-dark transition-colors duration-300 rounded-lg select-none"></i>
+                    <i class="fas fa-map flex w-18 h-18 content-center text-center text-sidebar"></i>
                 </a>
                 <div id="toolbar-theme-button" onclick="toggleThemeWheel();" class="toolbar-button w-fit h-fit" draggable="false">
-                    <i id="toolbar-theme-button-content" class="fas fa-swatchbook flex w-18 h-18 content-center text-center text-sidebar hover:bg-background-dark cursor-pointer transition-colors duration-300 rounded-lg select-none"></i>
+                    <i id="toolbar-theme-button-content" class="fas fa-swatchbook flex w-18 h-18 content-center text-center text-sidebar"></i>
                 </div>
                 <a href="/{{ .Lang }}/user" id="sidebar-user-button" class="toolbar-button w-fit h-fit hidden" draggable="false">
-                    <i onclick="return changeUrl('/{{ .Lang }}/user');" class="fas fa-user flex w-18 h-18 content-center text-center text-sidebar hover:bg-background-dark transition-colors duration-300 rounded-lg select-none"></i>
+                    <i onclick="return changeUrl('/{{ .Lang }}/user');" class="fas fa-user flex w-18 h-18 content-center text-center text-sidebar"></i>
                 </a>
             </div>
             <div class="theme-wheel" id="theme-wheel">
diff --git a/views/pages/global-map.html b/views/pages/global-map.html
index c13a5f4..8961aab 100644
--- a/views/pages/global-map.html
+++ b/views/pages/global-map.html
@@ -43,24 +43,24 @@
     </script>
 
     <div id="sidebar" class="bg-sidebar block fixed shadow-[0_0_0.4rem_black] z-1001 w-fit h-auto">
-        <div class="text-[3rem] text-stroke-(--sidebar-stroke-color) text-stroke-[0.1dvw] flex flex-col gap-0 relative z-1001">
+        <div class="text-[3rem] flex flex-col gap-0 relative z-1001">
             <a href="./" class="toolbar-button w-fit h-fit" draggable="false">
-                <i class="fas fa-circle-left flex w-18 h-18 content-center text-center text-sidebar hover:bg-background-dark transition-colors duration-300 rounded-lg"></i>
+                <i class="fas fa-circle-left flex w-18 h-18 content-center text-center text-sidebar"></i>
             </a>
             <a href="/{{ .Lang }}" class="toolbar-button w-fit h-fit" draggable="false">
-                <i class="fas fa-home flex w-18 h-18 content-center text-center text-sidebar hover:bg-background-dark transition-colors duration-300 rounded-lg"></i>
+                <i class="fas fa-home flex w-18 h-18 content-center text-center text-sidebar"></i>
             </a>
             <a href="/{{ .Lang }}/blog" class="toolbar-button w-fit h-fit" draggable="false">
-                <i class="fas fa-search flex w-18 h-18 content-center text-center text-sidebar hover:bg-background-dark transition-colors duration-300 rounded-lg"></i>
+                <i class="fas fa-search flex w-18 h-18 content-center text-center text-sidebar"></i>
             </a>
             <a href="/{{ .Lang }}/map" class="toolbar-button w-fit h-fit" draggable="false">
-                <i class="fas fa-map flex w-18 h-18 content-center text-center text-sidebar hover:bg-background-dark transition-colors duration-300 rounded-lg"></i>
+                <i class="fas fa-map flex w-18 h-18 content-center text-center text-sidebar"></i>
             </a>
             <div id="toolbar-theme-button" onclick="toggleThemeWheel();" class="toolbar-button w-fit h-fit" draggable="false">
-                <i id="toolbar-theme-button-content" class="fas fa-swatchbook flex w-18 h-18 content-center text-center text-sidebar hover:bg-background-dark cursor-pointer transition-colors duration-300 rounded-lg"></i>
+                <i id="toolbar-theme-button-content" class="fas fa-swatchbook flex w-18 h-18 content-center text-center text-sidebar"></i>
             </div>
             <a href="/{{ .Lang }}/user" id="sidebar-user-button" class="toolbar-button w-fit h-fit" draggable="false">
-                <i onclick="return changeUrl('/{{ .Lang }}/user');" class="fas fa-user flex w-18 h-18 content-center text-center text-sidebar hover:bg-background-dark transition-colors duration-300 rounded-lg"></i>
+                <i onclick="return changeUrl('/{{ .Lang }}/user');" class="fas fa-user flex w-18 h-18 content-center text-center text-sidebar"></i>
             </a>
         </div>
         <div class="theme-wheel" id="theme-wheel">
-- 
cgit v1.3.1+13