Theme Colors + Accessibility

[catarak]

Nature of issue?

• Existing feature enhancement

Feature enhancement details:

There are many open issues about Accessibility and Contrast (see the Accessibility Column). Rather than address all of these individually, I think it makes sense to start by looking at the design system and adjust the colors that haven't been updated. Maybe the light and dark themes should be WCAG AA, and the high contrast theme should be WCAG AAA?

To make changes to these colors, one needs to make changes to the theme variables, which will update throughout the whole app.

To make changes to the syntax highlighting colors, one needs to change:

• Light theme
• Dark theme
• High contrast theme

This issue does not need to be completed in one big PR, rather, it can be done incrementally.

[meganindya]

@catarak Can I work on this? I'd want to begin with the light theme.

[catarak]

In looking at #1342, I think there are also some CSS specificity issues!

[elit-altum]

@catarak Can I work on the high contrast theme ? Following WCAG AAA