diff --git a/site/_includes/-taglist.njk b/site/_includes/-taglist.njk
index 2d191c0..a7d11fe 100644
--- a/site/_includes/-taglist.njk
+++ b/site/_includes/-taglist.njk
@@ -1,4 +1,4 @@
-<div style="--totalTags:{{ collections.categories | dictsort | length }}">
+<div>
   {%- for tag, data in collections.categories -%}
     <a class="button tag" style="--tagIndex:{{ collections.categories[tag].id }}" href="/tags/{{ tag | slugify }}/">{{ tag }}
       <span class="tagCount">{{ data.count }}</span>
diff --git a/site/_includes/components/tagList.njk b/site/_includes/components/tagList.njk
index beb7c9c..ee0f7b0 100644
--- a/site/_includes/components/tagList.njk
+++ b/site/_includes/components/tagList.njk
@@ -1,5 +1,5 @@
 {% macro tagList(tags) %}
-  <span class="tags" style="--totalTags:{{ collections.categories | dictsort | length }}">
+  <span class="tags">
   {%- for tag in tags -%}
     {%- if tag in collections.categories -%}
     <a
diff --git a/site/_includes/css/site.css b/site/_includes/css/site.css
index 1b2c960..4a6c109 100644
--- a/site/_includes/css/site.css
+++ b/site/_includes/css/site.css
@@ -730,7 +730,7 @@ button, a.button {
   &::before {
     content: "#";
   }
-  --tagLCH: var(--tag-luminance) 0.25 calc(25 + 360 * var(--tagIndex, 0) / var(--totalTags, 1));
+  --tagLCH: var(--tag-luminance) 0.25 calc(300 + 137.508 * var(--tagIndex, 0));
   --glowColor: oklch(var(--tagLCH) / 0.3);
   --c-text-background: color-mix(in oklch, oklch(var(--tagLCH) / 0.4), #000A 50%);
   --c-accent: color-mix(in oklch, oklch(var(--tagLCH) / 0.8), #000A 50%);