Skip to content

Commit f8dd133

Browse files
authored
fix: improve color contrast of editor find in dark mode (#2248)
User reported editor find contrast in dark mode was bad. Changed color for semantic editor highlight in dark mode to an orange similar to what monokai uses for find in vs code. Confirmed existing color in light mode was fine. Before: ![image](https://github.com/user-attachments/assets/6253e838-ad85-4491-82a4-6c7d865cb0a2) After: ![image](https://github.com/user-attachments/assets/b9630774-f2f9-4c30-8c71-07d4fcb2abc7)
1 parent 6ae25a2 commit f8dd133

1 file changed

Lines changed: 4 additions & 2 deletions

File tree

packages/components/src/theme/theme-dark/theme-dark-semantic-editor.css

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -59,8 +59,10 @@
5959
/* Find */
6060
--dh-color-editor-find-bg: var(--dh-color-gray-200);
6161
--dh-color-editor-find-match-bg: var(--dh-color-highlight-selected);
62-
--dh-color-editor-find-match-highlight-bg: var(
63-
--dh-color-highlight-selected-hover
62+
--dh-color-editor-find-match-highlight-bg: color-mix(
63+
in srgb,
64+
var(--dh-color-orange-800) 35%,
65+
transparent
6466
);
6567
--dh-color-editor-find-option-active-bg: var(--dh-color-accent-700);
6668
--dh-color-editor-find-option-active-fg: var(--dh-color-gray-900);

0 commit comments

Comments
 (0)