style/note title: fix the selection background color

apps/client/src/stylesheets/style.css

@@ -436,7 +436,6 @@ body.desktop .tabulator-popup-container,
     opacity: 1;
 }
 
-.dropdown-menu a:hover:not(.disabled),
 .dropdown-item:hover:not(.disabled, .dropdown-container-item),
 .tabulator-menu-item:hover,
 :root .excalidraw .context-menu .context-menu-item:hover {

apps/client/src/stylesheets/theme-next-dark.css

@@ -348,6 +348,8 @@ body .todo-list input[type="checkbox"]:not(:checked):before {
 }
 
 .note-split.with-hue *::selection,
-.quick-edit-dialog-wrapper.with-hue *::selection {
+.quick-edit-dialog-wrapper.with-hue *::selection,
+.note-split.with-hue div.note-title-widget input.note-title::selection,
+.quick-edit-dialog-wrapper.with-hue div.note-title-widget input.note-title::selection {
     background: hsl(var(--custom-color-hue), 49.2%, 35%);
 }

apps/client/src/stylesheets/theme-next-light.css

@@ -319,6 +319,8 @@
 }
 
 .note-split.with-hue *::selection,
-.quick-edit-dialog-wrapper.with-hue *::selection {
+.quick-edit-dialog-wrapper.with-hue *::selection,
+.note-split.with-hue div.note-title-widget input.note-title::selection,
+.quick-edit-dialog-wrapper.with-hue div.note-title-widget input.note-title::selection {
     background: hsl(var(--custom-color-hue), 60%, 90%);
 }

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);
     }
 }