Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve find/replace overlay icons for expand/collapse on Mac #1983 #2028

Merged
merged 1 commit into from
Jul 4, 2024

Conversation

HeikoKlare
Copy link
Contributor

@HeikoKlare HeikoKlare commented Jul 4, 2024

The icons for expand/collapse in the find/replace overlay are hardly visible on Mac when using dark theme, because the contrast between icon color and background color is too low. This adapts the icon color to be properly visible on all operating systems and themes.

I would even prefer to have the icon change its color depending on the theme, but using icon fonts, which would solve that problem, produced problems on Linux: #1960

Fixes #1983

Appearance on MacOS

Note that the different sizes of the expand/collapse button are independent from the changes here and part of another issue (#2018).

Existing:

image
image

New:

image
image

Appearance on Windows

Existing

image
image

New

image
image

Appearance on Linux

Existing

image
image

New

image
image

@BeckerWdf
Copy link
Contributor

LGTM

1 similar comment
@vogella
Copy link
Contributor

vogella commented Jul 4, 2024

LGTM

HeikoKlare added a commit to HeikoKlare/eclipse.platform.images that referenced this pull request Jul 4, 2024
Adapts the color of collapse/expand icons for the find/replace overlay
to properly work with dark theme on MacOS.

See eclipse-platform/eclipse.platform.ui#2028
HeikoKlare added a commit to HeikoKlare/eclipse.platform.images that referenced this pull request Jul 4, 2024
Adapts the color of collapse/expand icons for the find/replace overlay
to properly work with dark theme on MacOS.

See eclipse-platform/eclipse.platform.ui#2028
@HeikoKlare
Copy link
Contributor Author

Thanks for your immediate feedback! I have added screenshots for comparing the effect on Windows and MacOS as well and added them to the PR description.

I have created the according PR for the images repo (eclipse-platform/eclipse.platform.images#79), also containing the modified SVGs.

@HeikoKlare HeikoKlare marked this pull request as ready for review July 4, 2024 08:34
Copy link
Contributor

github-actions bot commented Jul 4, 2024

Test Results

 1 210 files  ±0   1 210 suites  ±0   1h 3m 44s ⏱️ + 2m 13s
 7 663 tests ±0   7 431 ✅  - 1  231 💤 ±0  1 ❌ +1 
16 100 runs  ±0  15 586 ✅  - 1  513 💤 ±0  1 ❌ +1 

For more details on these failures, see this check.

Results for commit 1f69ff8. ± Comparison against base commit 354e1b7.

♻️ This comment has been updated with latest results.

…-platform#1983

The icons for expand/collapse in the find/replace overlay are hardly
visible on Mac when using dark theme, because the contrast between icon
color and background color is too low. This adapts the icon color to be
properly visible on all operating systems and themes.

Fixes eclipse-platform#1983
@HeikoKlare HeikoKlare merged commit a3540d7 into eclipse-platform:master Jul 4, 2024
15 of 16 checks passed
@HeikoKlare HeikoKlare deleted the issue-1983 branch July 4, 2024 11:38
HeikoKlare added a commit to eclipse-platform/eclipse.platform.images that referenced this pull request Jul 4, 2024
Adapts the color of collapse/expand icons for the find/replace overlay
to properly work with dark theme on MacOS.

See eclipse-platform/eclipse.platform.ui#2028
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Input/Replace Toggle Icons Looks Strange on macOS in Dark Theme
3 participants