sinvo/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2026-08-25 15:57:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: use a gray spotlight selection instead of primary blue

Browse Source
This commit is contained in:
Philipinho
2026-08-24 23:37:31 +01:00
parent 94183b40f4
commit 271fcc070e
1 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/styles/a11y-overrides.css
+17
View File
@@ -33,3 +33,20 @@
color: var(--mantine-color-dimmed); color: var(--mantine-color-dimmed);
-webkit-text-fill-color: var(--mantine-color-dimmed); -webkit-text-fill-color: var(--mantine-color-dimmed);
} }
/* Spotlight's selected action ships as primary-filled blue with white text,
* but our custom action children (gray badge, dimmed snippet, gray icons)
* keep their light-surface colors on it and drop below WCAG AA 4.5:1
* (WCAG 1.4.3). Use a gray selection one step above the gray-0/dark-6
* hover instead - it matches the app's selection styling (we use no blue
* fills) and keeps every child at its already-passing resting contrast.
*/
.mantine-Spotlight-action[data-selected] {
background-color: light-dark(
var(--mantine-color-gray-1),
var(--mantine-color-dark-5)
);
color: var(--mantine-color-text);
--action-description-color: var(--mantine-color-dimmed);
--action-description-opacity: 1;
}