Skip to content

Commit

Permalink
fix: improve color contrast of editor find in dark mode (#2248)
Browse files Browse the repository at this point in the history
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)
  • Loading branch information
dsmmcken authored Oct 4, 2024
1 parent 6ae25a2 commit f8dd133
Showing 1 changed file with 4 additions and 2 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -59,8 +59,10 @@
/* Find */
--dh-color-editor-find-bg: var(--dh-color-gray-200);
--dh-color-editor-find-match-bg: var(--dh-color-highlight-selected);
--dh-color-editor-find-match-highlight-bg: var(
--dh-color-highlight-selected-hover
--dh-color-editor-find-match-highlight-bg: color-mix(
in srgb,
var(--dh-color-orange-800) 35%,
transparent
);
--dh-color-editor-find-option-active-bg: var(--dh-color-accent-700);
--dh-color-editor-find-option-active-fg: var(--dh-color-gray-900);
Expand Down

0 comments on commit f8dd133

Please sign in to comment.