feat: "emboss" taskbar icons by adding shadows

1 files changed, 7 insertions, 7 deletions

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">