== Background
In T363849 we discovered that although integrating Codex design tokens v1.5 goes a long way in getting VisualEditor to support dark-mode, there are a few (i.e. 4 ) colors in VisualEditor itself that should be updated to use Codex design tokens as well.
== Requirements
VisualEditor should convert the 4 hardcoded colors in `src/themes/wikimediaui.less` into Codex design tokens.
To do this, `@wikimedia/codex-design-tokens` v.1.5 should be added as a dependency and the colors should be replaced as follows:
```lang=less
/* 馃憠 @import "@wikimedia/codex-design-tokens/theme-wikimedia-ui.less" */
.ve-ui-targetWidget {
border: 1px solid #a2a9b1; /* 馃憠 @border-base; */
> :last-child {
&-focused {
border-color: #36c; /* 馃憠 @border-color-progressive; */
box-shadow: inset 0 0 0 1px #36c; /* 馃憠 @color-progressive; */
}
&:not( .oo-ui-pendingElement-pending ) {
background: #fff; /* 馃憠 @background-color-base */
}
&-readOnly:not( .oo-ui-pendingElement-pending ) {
background: #f8f9fa; /* 馃憠 @background-color-neutral-subtle; */
}
...
}
```