From b258a8b60fa9b40a529d04ea9bb2ac6ed5028291 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Sat, 24 May 2025 18:00:46 +0300 Subject: [PATCH] style(next): update the colors of the mention list --- apps/client/src/stylesheets/theme-next/notes/text.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/apps/client/src/stylesheets/theme-next/notes/text.css b/apps/client/src/stylesheets/theme-next/notes/text.css index f1019c624..5f711718b 100644 --- a/apps/client/src/stylesheets/theme-next/notes/text.css +++ b/apps/client/src/stylesheets/theme-next/notes/text.css @@ -373,6 +373,14 @@ background: var(--hover-item-background-color); } +/* Mention list (the autocompletion list for emojis, labels and relations) */ + +:root .ck-mentions { + --ck-color-list-button-on-background: var(--hover-item-background-color); + --ck-color-list-button-on-text: var(--hover-item-text-color); + --ck-color-list-button-hover-background: var(--ck-editor-toolbar-dropdown-button-open-background); +} + /* "Keep on typing to see the emoji" placeholder */ #mention-list-item-id\:__EMOJI_HINT { background: transparent;