Add a high-contrast theme & improvements for the forced-colors mode

[paulbauriegel]

Add a high-contrast theme & improvements for the forced-colors mode

• Invisible borders for key items to make them visible in forced colors mode via border: 1px solid var(--bg-opacity-1)
• Set a button outline of 5px in forced colors to make selections visible via @media (forced-colors: active)
• add a new high contrast theme to the theme.scss & to the settings menu
• all new colors in the new high-contrast theme should create enough contrast for WCAG AAA
• replace some hard coded colors with the colors from the current theme
• add hexToCssHsl to the Color.ts and resolveCssVariable to the RecordStatus.ts to use theme vars there too

The high contrast theme is currently basically the light theme with stronger colors so that it complies with WCAG AAA

In the forced color mode you can now see certain features that where not visible before:

Forced contrast mode depends on the implementation of the OS & browser therefore the selected labels I cannot just highlight with a background color and I did it with a thick border.

Type of change

• New feature (non-breaking change which adds functionality)

How Has This Been Tested Local Build - Firefox Nightly + Chromium

Checklist

• I added relevant documentation
• I followed the style guidelines of this project
• I did a self-review of my code
• I made corresponding changes to the documentation
• I confirm My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• I have added relevant notes to the CHANGELOG.md file (See https://keepachangelog.com/)

[leiyre]

This is fantastic @paulbauriegel ! Thank you very much for your contribution