From: Danilo M. <redacted>
Date: Wed, 22 Apr 2026 08:34:28 +0000 (+0200)
Subject: style: add solid background to tag-cloud links for readability on canvas
X-Git-Tag: release_22042026-1342~16
X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=e6ff0781a76f476d137d5724d8e4dea474778d40;p=danix.xyz-2.git

style: add solid background to tag-cloud links for readability on canvas

Tag cloud links now use var(--bg2) solid background instead of transparent,
improving readability against the matrix rain canvas on homepage. Hover state
uses rgba(accent-rgb, 0.1) for consistency with theming standard.

Co-Authored-By: Claude Haiku 4.5 <redacted>
---

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index f9b5a57..ab41a7d 100644
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -373,6 +373,7 @@ html.theme-light picture img[src="/images/default_thumbnail_dark.png"] {
     font-family: var(--font-mono, 'JetBrains Mono', monospace);
     color: var(--text-dim);
     text-decoration: none;
+    background-color: var(--bg2);
     transition: border-color 150ms ease-out, color 150ms ease-out, background-color 150ms ease-out, opacity 150ms ease-out;
     white-space: nowrap;
     line-height: 1.4;
@@ -381,7 +382,7 @@ html.theme-light picture img[src="/images/default_thumbnail_dark.png"] {
   .tag-cloud-link:hover {
     border-color: rgba(var(--accent-rgb), 0.5);
     color: var(--accent);
-    background-color: rgba(var(--accent-rgb), 0.06);
+    background-color: rgba(var(--accent-rgb), 0.1);
   }
 
   .tag-cloud-link:focus-visible {
diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index 34a5cbd..8e94a7e 100644
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -1471,6 +1471,7 @@ button,
   font-family: var(--font-mono, 'JetBrains Mono', monospace);
   color: var(--text-dim);
   text-decoration: none;
+  background-color: var(--bg2);
   transition: border-color 150ms ease-out, color 150ms ease-out, background-color 150ms ease-out, opacity 150ms ease-out;
   white-space: nowrap;
   line-height: 1.4;
@@ -1479,7 +1480,7 @@ button,
 .tag-cloud-link:hover {
   border-color: rgba(var(--accent-rgb), 0.5);
   color: var(--accent);
-  background-color: rgba(var(--accent-rgb), 0.06);
+  background-color: rgba(var(--accent-rgb), 0.1);
 }
 
 .tag-cloud-link:focus-visible {