[Windows] Notes UI and content are not rendered correctly in High Contrast mode

[SoftVision-EmilPasca]

[Affected versions]:

• Firefox 57 and up

[Affected Platforms]:

• All Windows

[Prerequisites]:

• Have a Firefox profile with the latest "Firefox Notes" add-on version (1.9.0b2 build with CKeditor) installed.
• Change the Windows theme option to "High Contrast # 1" or "High Contrast # 2".

[Steps to reproduce]:

1. Open the browser with the profile from prerequisites.
2. Observe the text in the "Notes" content area.
3. Click on the "Notes" sidebar switcher and observe the "Notes" text option and icon.

[Expected result]:
2. The text color in the "Notes" content area is white.
3. The "Notes" text option and icon color are green.

[Actual result]:
2. The text color in the "Notes" content area is dark grey(unreadable).
3. The "Notes" text option and icon color are white.

[Additional Notes]:

• Attached a screen recording of the issue:
  

[vladikoff]

wow!

[Natim]

What if you use the dark theme?

[SoftVision-EmilPasca]

None of the following scenarios improve this issue in any way:

• Windows High Contrast theme with Firefox Dark theme and Notes dark/default theme
• Windows High Contrast theme with Firefox Default/Light theme and Notes dark/default theme
• Windows High Contrast theme with a custom Firefox (accessibility) Dark theme along with Notes dark/default theme

[vladikoff]

Gonna try to fix this for v4

[vladikoff]

I tried to fix this up but I cannot take the sidebar under control of css with the high contrast theme:

[vladikoff]

@SoftVision-EmilPasca I think this is a bug in Firefox

could you please file it and link these two with it:

https://bugzilla.mozilla.org/show_bug.cgi?id=697836
https://bugzilla.mozilla.org/show_bug.cgi?id=343205

[SoftVision-EmilPasca]

Filled this isssue into bugzilla: bugzilla 1450684