Improve contrast of red and green background colors in the changelog

[fabi125]

NetBox version

v4.3.6

Feature type

Other

Proposed functionality

Current Colors

The contrast of the red and green background for added and removed content is currently quite poor:

Light Mode

• Red contrast is 2.21: https://coolors.co/contrast-checker/374151-d63939
• Green contrast is 3.76: https://coolors.co/contrast-checker/374151-2fb344

Dark Mode

• Red contrast is 3.77: https://coolors.co/contrast-checker/e5e7eb-d63939
• Green contrast is 2.22: https://coolors.co/contrast-checker/e5e7eb-2fb344

Suggested Colors

I'd like to propose #FFCECB as a new red and #ACEEBB as a new green for light mode and #5C1720 as a new red and #4421 as a new green for dark mode.

Light Mode

• Red #FFCECB contrast is 7.33: https://coolors.co/contrast-checker/374151-ffcecb
• Green #ACEEBB contrast is 7.71: https://coolors.co/contrast-checker/374151-aceebb

Dark Mode

• Red #5C1720 contrast is 10.61: https://coolors.co/contrast-checker/e5e7eb-5c1720
• Green Allow Change of Default For Config-Context YAML JSON toggle mode #4421 contrast is 9.17: https://coolors.co/contrast-checker/e5e7eb-004421

Use case

The current background and text color combination can make the text hard to read.

Database changes

None

External dependencies

None

[fabi125]

To keep things simple, Tabler also provides colors that could be used here: --tblr-green-lt and --tblr-red-lt

[jnovinger]

Bootstrap v5.3+ has color variables defined (like $green-200 or $red-300) that we should use for this.