diff --git a/index.php b/index.php
index 5a91d1b..e94be88 100644
--- a/index.php
+++ b/index.php
@@ -90,7 +90,7 @@ $total = count($sites);
 $prev = $sites[($index - 1 + $total) % $total];
 $next = $sites[($index + 1) % $total];
 ?>
-<div id="ring" role="navigation" aria-label="Webring navigation">
+<div id="ring" role="navigation" aria-label="Webring navigation" class="<?= $light ? 'light' : '' ?>">
     <a href="https://<?= htmlspecialchars(
         $prev,
         ENT_QUOTES | ENT_SUBSTITUTE,
@@ -180,6 +180,21 @@ p {
                 overflow: hidden;
                 height: min-content;
             }
+#ring.light {
+                border-radius: var(--brad);
+                background-color: var(--fg2);
+                color: var(--blue1);
+                transition: scale 0.2s linear;
+                display: flex;
+                flex-direction: row;
+                justify-content: space-between;
+                flex-wrap: nowrap;
+                height: 1em;
+                padding: 1em;
+                align-items: center;
+                overflow: hidden;
+                height: min-content;
+            }
 
             #ring:hover a {
                 transition: transform 1.3s ease-in-out;