Bug 579288 - [Accessibility] On high contrast theme(White) Labels are invisible at Model Spy Form tab dialog
Summary: [Accessibility] On high contrast theme(White) Labels are invisible at Model S...
Status: NEW
Alias: None
Product: Platform
Classification: Eclipse Project
Component: UI (show other bugs)
Version: 4.24   Edit
Hardware: PC Windows All
: P3 minor (vote)
Target Milestone: ---   Edit
Assignee: Platform-UI-Inbox CLA
QA Contact:
URL:
Whiteboard:
Keywords: accessibility
Depends on:
Blocks:
 
Reported: 2022-03-17 04:34 EDT by Niraj Modi CLA
Modified: 2022-03-17 04:54 EDT (History)
1 user (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Niraj Modi CLA 2022-03-17 04:34:07 EDT 
This is a corner scenario from fix for bug 578630, which addresses the high-contrast(Black variants)

As reported by Masayuki(https://bugs.eclipse.org/bugs/show_bug.cgi?id=578630#c13) when high-contrast(White) is used as seen on Windows11 Desert theme, labels are not visible in Model Spy Form tab dialog: https://bugs.eclipse.org/bugs/attachment.cgi?id=288228
Comment 1 Niraj Modi CLA 2022-03-17 04:39:58 EDT 
Possible fixes for this issue:
1. Use dark grey(#2f2f2f) back-ground instead of pure black(#000000) as used in fix for bug 578630 which will works in all variants of high-contrast themes, but doesn't looks that good on high-contrast(Black) which is the major use-case.

2. Alternate solution proposed by Masayuki is to use separate .css file for high-contrast Black and White variants.
> This solution needs to be evaluated by the Eclipse platform CSS team or find a better solution here.
Comment 2 Niraj Modi CLA 2022-03-17 04:47:38 EDT 
Workaround for Eclipse 4.23+ and 4.24 version:
1. Open below directory path:
<ECLIPSE_ROOT>\eclipse\plugins\org.eclipse.ui.themes_<VERSION>\css

Note:- <VERSION> value in above path may vary based on Eclipse build.

2. Open high-contrast.css file and modify the background-color entry:
.MPart Composite
{
    background-color: #000000;
}

3. Change the color value from pure black(#000000) to any of below:
- dark grey(#2f2f2f) which kind of works in all high-contrast themes.
- pure white(#ffffff) which works on high-contrast(White theme only) but will break on high-contrast Black.