# TODO
[] Add an ADR to Minerva defining why are we using CSS custom properties
[] Switch all LESS variables using color (background,color,borders) to CSS custom properties
[] Define the light mode color palette using the LESS variables e.g. ```--color-base: @color-base;```
[] Define a night mode color palette which is enabled when the `.skin-darkmode-1` class is enabled on the body tag.
# Design spec
Additional contest: T354891#9456985
```
@color-base: #EAECF0 gray200
@color-subtle: #C8CCD1 gray300
@color-link: #6699FF blue300
@color-link-new: #6699FF blue300
@color-link-selected: #94B8FF
@color-placeholder: #A2A9B1 gray400
@color-emphasized: #FFFFFF
@color-progressive: #6699FF blue300
@color-destructive: #FF4242 red500
@color-progressive--hover: #94B8FF
@background-color-base: #202122 gray700
@background-color-secondary: #2E3136 gray675
@background-color-secondary--modern: #202122 gray700
@color-visited: #9781BD
```
# Developer sign off
Check that no LESS variables remain in the Minerva skin for the following queries:
```
ag "@(color|background-color|border-color)" --ignore resources/
```
# QA
Verify in Pixel that no colors change in the default theme.