# TODOThe experimental Codex build provides CSS variable support and a palette. Following T358059, we want to copy the approach in Minerva inside Vector 2022.
[] 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# Acceptance criteria
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[] Vector 2022 uses the Codex experimental CSS build
@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 Vector skin for the following queries:
[] Vector 2022 has a light mode color palette using the LESS variables e.g. ```--color-base: @color-base;```
ag "@(color|background-color|border-color)" --ignore resources/skins.vector.styles.legacy/variables.less resources/skins.vector.styles/variables.less
```
[] Vector 2022 has a night mode color palette identical to Minerva's which is enabled when the `.skin-darkmode-1` class is enabled on the body tag.