From 6d80323a76642c651f312a79db5a8c7e95f25f89 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 26 Dec 2025 11:45:42 +0200 Subject: [PATCH] style/text selection: refactor, apply custom color tint over the note title selection --- apps/client/src/stylesheets/theme-next-dark.css | 2 +- apps/client/src/stylesheets/theme-next-light.css | 2 +- apps/client/src/widgets/note_title.css | 1 + 3 files changed, 3 insertions(+), 2 deletions(-) diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css index d7865d757..80acfe2e0 100644 --- a/apps/client/src/stylesheets/theme-next-dark.css +++ b/apps/client/src/stylesheets/theme-next-dark.css @@ -349,5 +349,5 @@ body .todo-list input[type="checkbox"]:not(:checked):before { .note-split.with-hue *::selection, .quick-edit-dialog-wrapper.with-hue *::selection { - background: hsl(var(--custom-color-hue), 49.2%, 35%); + --selection-background-color: hsl(var(--custom-color-hue), 49.2%, 35%); } \ No newline at end of file diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css index fb3991761..1e50200d9 100644 --- a/apps/client/src/stylesheets/theme-next-light.css +++ b/apps/client/src/stylesheets/theme-next-light.css @@ -320,5 +320,5 @@ .note-split.with-hue *::selection, .quick-edit-dialog-wrapper.with-hue *::selection { - background: hsl(var(--custom-color-hue), 60%, 90%); + --selection-background-color: hsl(var(--custom-color-hue), 60%, 90%); } \ No newline at end of file diff --git a/apps/client/src/widgets/note_title.css b/apps/client/src/widgets/note_title.css index fca994e5b..ebc6ec33e 100644 --- a/apps/client/src/widgets/note_title.css +++ b/apps/client/src/widgets/note_title.css @@ -21,6 +21,7 @@ div.note-title-widget { &::selection { color: var(--main-text-color); + background: var(--selection-background-color); } }