From bc52b4ea0efca1a444310f1750bff0542abf8102 Mon Sep 17 00:00:00 2001
From: SayaAndy <saya.andy@posteo.com>
Date: Sun, 3 May 2026 16:20:00 +0700
Subject: feat: accent button active property refactor: combine sidebar
 buttons' properties in accent-button class

---
 views/pages/global-map.html | 24 ++++++------------------
 1 file changed, 6 insertions(+), 18 deletions(-)

(limited to 'views/pages/global-map.html')

diff --git a/views/pages/global-map.html b/views/pages/global-map.html
index 53e6448..34fb870 100644
--- a/views/pages/global-map.html
+++ b/views/pages/global-map.html
@@ -165,9 +165,7 @@
             class="fixed flex flex-row w-full h-24 md:flex-col md:w-24 md:h-auto bg-paper bg-background shadow-elevation-6 z-1001 shrink-0 md:rounded-br-md"
         >
             <a
-                class="w-18 h-18 bg-conic-225 rounded-xl m-3
-                    from-accent-light/10 via-transparent to-accent-light/10 transition-colors duration-1500 ease-in-out
-                    hover:cursor-pointer hover:from-accent-light/50 hover:via-transparent hover:to-accent-light/50"
+                class="w-18 h-18 rounded-xl m-3 accent-button"
                 href="./"
                 id="sidebar-back-button"
                 draggable="false"
@@ -175,9 +173,7 @@
                 <svg viewBox="0 0 24 24"><use href="#icon-back"/></svg>
             </a>
             <a
-                class="w-18 h-18 bg-conic-225 rounded-xl m-3
-                    from-accent-light/10 via-transparent to-accent-light/10 transition-colors duration-1500 ease-in-out
-                    hover:cursor-pointer hover:from-accent-light/50 hover:via-transparent hover:to-accent-light/50"
+                class="w-18 h-18 rounded-xl m-3 accent-button"
                 href="/{{ .Lang }}"
                 id="sidebar-home-button"
                 draggable="false"
@@ -185,9 +181,7 @@
                 <svg viewBox="0 0 24 24"><use href="#icon-logo"/></svg>
             </a>
             <a
-                class="w-18 h-18 bg-conic-225 rounded-xl m-3
-                    from-accent-light/10 via-transparent to-accent-light/10 transition-colors duration-1500 ease-in-out
-                    hover:cursor-pointer hover:from-accent-light/50 hover:via-transparent hover:to-accent-light/50"
+                class="w-18 h-18 rounded-xl m-3 accent-button"
                 href="/{{ .Lang }}/blog"
                 id="sidebar-blog-button"
                 draggable="false"
@@ -195,9 +189,7 @@
                 <svg viewBox="0 0 24 24"><use href="#icon-newspaper"/></svg>
             </a>
             <a
-                class="w-18 h-18 bg-conic-225 rounded-xl m-3
-                    bg-conic-45 from-accent-dark/30 via-accent-light/50 to-accent-dark/30 transition-colors duration-1500 ease-in-out
-                    hover:cursor-pointer hover:from-accent-light/70 hover:via-accent-dark/50 hover:to-accent-light/70"
+                class="w-18 h-18 rounded-xl m-3 accent-button active"
                 href="/{{ .Lang }}/map"
                 id="sidebar-map-button"
                 draggable="false"
@@ -205,9 +197,7 @@
                 <svg viewBox="0 0 24 24"><use href="#icon-map"/></svg>
             </a>
             <div
-                class="w-18 h-18 bg-conic-225 rounded-xl m-3
-                    from-accent-light/10 via-transparent to-accent-light/10 transition-colors duration-1500 ease-in-out
-                    hover:cursor-pointer hover:from-accent-light/50 hover:via-transparent hover:to-accent-light/50"
+                class="w-18 h-18 rounded-xl m-3 accent-button"
                 onclick="toggleThemeWheel()"
                 id="sidebar-theme-button"
                 draggable="false"
@@ -215,9 +205,7 @@
                 <svg class="sidebar-theme-button-content" viewBox="0 0 24 24"><use href="#icon-palette"/></svg>
             </div>
             <a
-                class="w-18 h-18 bg-conic-225 rounded-xl m-3
-                    from-accent-light/10 via-transparent to-accent-light/10 transition-colors duration-1500 ease-in-out
-                    hover:cursor-pointer hover:from-accent-light/50 hover:via-transparent hover:to-accent-light/50"
+                class="w-18 h-18 rounded-xl m-3 accent-button"
                 href="/{{ .Lang }}/user"
                 id="sidebar-user-button"
                 draggable="false"
-- 
cgit v1.3.1+13