From 6fb2dd73be3565cab4324e87ae98e40cf1bd846d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zoe=CC=88=20Bijl?= <code@moiety.me>
Date: Wed, 8 Oct 2025 12:05:25 +0200
Subject: [PATCH] [feature] improve status-prepend display name hover state

---
 app/javascript/flavours/glitch/styles/gts/colors.scss        | 1 +
 .../flavours/glitch/styles/gts/status/status-prepend.scss    | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/javascript/flavours/glitch/styles/gts/colors.scss b/app/javascript/flavours/glitch/styles/gts/colors.scss
index 3bcc618d0..6386c22a6 100644
--- a/app/javascript/flavours/glitch/styles/gts/colors.scss
+++ b/app/javascript/flavours/glitch/styles/gts/colors.scss
@@ -6,6 +6,7 @@
     --color-accent-hover: #a3a3ff;
     --color-accent-focus: var(--color-accent-hover);
     --color-accent-fg: #9baec8;
+    --color-accent-muted-fg: #666f7a;
 
     --color-fg: #d6d2e0;
     --color-secondary-fg: #9c9ba6;
diff --git a/app/javascript/flavours/glitch/styles/gts/status/status-prepend.scss b/app/javascript/flavours/glitch/styles/gts/status/status-prepend.scss
index a506b4ae6..9cf5db806 100644
--- a/app/javascript/flavours/glitch/styles/gts/status/status-prepend.scss
+++ b/app/javascript/flavours/glitch/styles/gts/status/status-prepend.scss
@@ -27,11 +27,12 @@
 
 .status__prepend-display-name {
     color: inherit;
-    text-decoration: none;
+    text-decoration: underline;
+    text-decoration-color: var(--color-accent-muted-fg);
 
     &:hover {
         color: var(--color-accent-hover);
-        text-decoration: underline;
+        text-decoration-thickness: 2px;
     }
 
     &:focus-visible {