diff --git a/fluxer_app/src/features/theme/styles/Markup.module.css b/fluxer_app/src/features/theme/styles/Markup.module.css index 98f3c72ae..e839b291c 100644 --- a/fluxer_app/src/features/theme/styles/Markup.module.css +++ b/fluxer_app/src/features/theme/styles/Markup.module.css @@ -111,7 +111,7 @@ } .markup .link { - color: var(--text-link) !important; + color: var(--markup-link-color, var(--text-link)) !important; text-decoration: var(--link-decoration, none); transition: color var(--transition-fast), @@ -124,12 +124,12 @@ :global(:where(html.window-focused, html.unfocused-fully-interactive):not(.window-focus-activation-guard)) .markup .link:hover { - color: var(--text-link) !important; + color: var(--markup-link-color, var(--text-link)) !important; text-decoration: underline; } .markup .link[data-context-menu-open='true'] { - color: var(--text-link) !important; + color: var(--markup-link-color, var(--text-link)) !important; text-decoration: underline; } diff --git a/fluxer_app/src/features/theme/styles/Message.module.css b/fluxer_app/src/features/theme/styles/Message.module.css index 323452237..c1306680e 100644 --- a/fluxer_app/src/features/theme/styles/Message.module.css +++ b/fluxer_app/src/features/theme/styles/Message.module.css @@ -209,6 +209,7 @@ } .messageFailed { + --markup-link-color: var(--status-danger); color: var(--status-danger); } @@ -217,7 +218,6 @@ opacity: 1; } -.messageFailed .link, .messageFailed a { color: var(--status-danger) !important; }