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 {