diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-22 10:34:28 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-22 10:34:28 +0200 |
| commit | e6ff0781a76f476d137d5724d8e4dea474778d40 (patch) | |
| tree | 275b6d8602467560c772eab39eb98280212f9c78 | |
| parent | 31f6a3336494181203731a6f2ea0f3d39328cbaa (diff) | |
| download | danixxyz-e6ff0781a76f476d137d5724d8e4dea474778d40.tar.gz danixxyz-e6ff0781a76f476d137d5724d8e4dea474778d40.zip | |
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 <noreply@anthropic.com>
| -rw-r--r-- | themes/danix-xyz-hacker/assets/css/main.css | 3 | ||||
| -rw-r--r-- | themes/danix-xyz-hacker/assets/css/main.min.css | 3 |
2 files changed, 4 insertions, 2 deletions
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 { |