diff --git a/assets/scripts/effects.js b/assets/scripts/effects.js
index eecbf40..8cea229 100644
--- a/assets/scripts/effects.js
+++ b/assets/scripts/effects.js
@@ -67,6 +67,7 @@ function addEffect({ target }) {
   ) {
     return;
   }
+  const color = window.getComputedStyle(target).getPropertyValue('--glowColor');
   const rects = Array.from(target.getClientRects());
   Array.from(target.children).forEach((child) => {
     rects.push(...Array.from(child.getClientRects()));
@@ -81,6 +82,7 @@ function addEffect({ target }) {
     newEffect.style.left = `calc(${left + window.scrollX}px - ${padding})`;
     newEffect.style.width = `calc(${width}px + 2 * ${padding})`;
     newEffect.style.height = `calc(${height}px + 2 * ${padding})`;
+    newEffect.style.setProperty('--glowColor', color);
     effectsLayer.appendChild(newEffect);
   });
 }
diff --git a/site/_includes/css/site.css b/site/_includes/css/site.css
index d6178a6..c9324ea 100644
--- a/site/_includes/css/site.css
+++ b/site/_includes/css/site.css
@@ -123,8 +123,9 @@ mark {
   text-decoration-thickness: 0.1rem;
 }
 
-a {
+a, label {
   color: inherit;
+  --glowColor: var(--c-accent);
 }
 a[href] {
   appearance: none;
@@ -140,16 +141,16 @@ nav label:has(input:focus-visible),
 nav label:has(input:checked) {
   outline: none;
   color: var(--c-text-dark);
-  background-color: var(--c-accent);
+  background-color: var(--glowColor);
   box-shadow:
-    0 0 0.5rem var(--c-accent),
-    0 0 1rem var(--c-accent);
+    0 0 0.5rem var(--glowColor),
+    0 0 1rem var(--glowColor);
   text-decoration: none;
   border-radius: 0.5rem;
   & img {
     box-shadow:
-      0 0 0.5rem var(--c-accent),
-      0 0 1rem var(--c-accent);
+      0 0 0.5rem var(--glowColor),
+      0 0 1rem var(--glowColor);
   }
 }
 :is(a[href], button, nav label):focus-visible,
@@ -162,7 +163,11 @@ nav label:has(input:focus-visible) {
   &::before {
     content: "#";
   }
+  --glowColor: oklch(var(--tag-luminance) 0.25 calc(25 + 360 * var(--tagIndex, 0) / var(--totalTags, 1)) / 0.3);
   color: oklch(var(--tag-luminance) 0.25 calc(25 + 360 * var(--tagIndex, 0) / var(--totalTags, 1)) / 0.8);
+  &:hover {
+    color: var(--c-text-dark);
+  }
 }
 
 main p img {
@@ -293,7 +298,7 @@ ul.collection {
   > li {
     list-style-type: none;
     > aside {
-      display: inline-block;
+      display: inline;
     }
     > p {
       &::before {
@@ -754,9 +759,9 @@ body .isso-post-action {
   border-radius: 0.5rem;
   background: radial-gradient(
     ellipse farthest-side at 50% 50%,
-    var(--c-accent) 10%,
-    color-mix(in lch, var(--c-accent), transparent) 25%,
-    color-mix(in lch, var(--c-accent), transparent 80%) 35%,
+    var(--glowColor) 10%,
+    color-mix(in lch, var(--glowColor), transparent) 25%,
+    color-mix(in lch, var(--glowColor), transparent 80%) 35%,
     transparent
   );
   animation: 1s ease normal forwards ripple;