From e24e747fea7f0ca7df687dc1941fff9a6d480098 Mon Sep 17 00:00:00 2001 From: lizzie Date: Tue, 4 Aug 2026 03:34:48 +0000 Subject: [PATCH 1/3] feat: more visible mentions on white mode Signed-off-by: lizzie --- src/webpage/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/webpage/style.css b/src/webpage/style.css index 1fb1826..ca25edb 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -3102,7 +3102,7 @@ span .quote:last-of-type .quoteline { aspect-ratio: 1.9; } .mentionMD { - color: transparent; + color: color-mix(in srgb, var(--mention) 50%, var(--primary-text)); background-clip: text; padding: 1px 2px; border-radius: 4px; From 6d593a645591391d7011f828ae2df951b424a706 Mon Sep 17 00:00:00 2001 From: lizzie Date: Tue, 4 Aug 2026 04:25:08 +0000 Subject: [PATCH 2/3] use userbg for text, oops! --- src/webpage/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/webpage/style.css b/src/webpage/style.css index ca25edb..9898f5d 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -3102,11 +3102,11 @@ span .quote:last-of-type .quoteline { aspect-ratio: 1.9; } .mentionMD { - color: color-mix(in srgb, var(--mention) 50%, var(--primary-text)); background-clip: text; padding: 1px 2px; border-radius: 4px; cursor: pointer; + color: color-mix(in srgb, var(--userbg) 50%, var(--primary-text)); background-image: var(--userbg, linear-gradient(var(--primary-text), var(--primary-text))); position: relative; z-index: 1; From 0f32bbba29a5d8ac23a914f11a449ec4600239ae Mon Sep 17 00:00:00 2001 From: lizzie Date: Tue, 4 Aug 2026 04:27:58 +0000 Subject: [PATCH 3/3] increase to 75% --- src/webpage/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/webpage/style.css b/src/webpage/style.css index 9898f5d..22f6571 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -3106,7 +3106,7 @@ span .quote:last-of-type .quoteline { padding: 1px 2px; border-radius: 4px; cursor: pointer; - color: color-mix(in srgb, var(--userbg) 50%, var(--primary-text)); + color: color-mix(in srgb, var(--userbg) 75%, var(--primary-text)); background-image: var(--userbg, linear-gradient(var(--primary-text), var(--primary-text))); position: relative; z-index: 1;