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 f9b5a5701cff9bb8d0789601db12fb510edacebc..ab41a7d98a7e166e381f2cd81c523532233525ea 100644 (file)
--- 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 34a5cbd9827d0c459dda1d03c8966cecf95c76fb..8e94a7eaf407f1697b6100221ccc59e392c13666 100644 (file)
--- 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 {