themes/ — split view
Epic and Arctic Frost, side by side.
Rendered side by side, without the toggle, so you can compare them directly. Each pane shows that theme's own workbench tokens as JSON — highlighted by the theme colouring itself.
{
"activityBar.background": "#25293a",
"sideBar.background": "#25293a",
"editor.background": "#292d3e",
"editorLineNumber.foreground": "#9f9f9f6e",
"tab.activeBackground": "#3d435c",
"tab.activeBorder": "#5454bc",
"statusBar.background": "#292d3e",
"button.background": "#5454bc",
"textLink.foreground": "#8c8ccf",
"focusBorder": "#5454bc",
"terminal.ansiBrightMagenta": "#d670d6",
"terminal.ansiBrightCyan": "#29b8db"
}Purple-magenta accent over a deep indigo editor.
{
"activityBar.background": "#0a0c16",
"sideBar.background": "#0a0c16",
"editor.background": "#0d0f1a",
"editorLineNumber.foreground": "#9f9f9f6e",
"tab.activeBackground": "#32375a",
"tab.activeBorder": "#4a9eff",
"statusBar.background": "#0d0f1a",
"button.background": "#4a9eff",
"textLink.foreground": "#4a9eff",
"focusBorder": "#4a9eff",
"terminal.ansiBrightMagenta": "#d670d6",
"terminal.ansiBrightCyan": "#29b8db"
}Glacial blues over near-black navy.
Token by token
Every value below is read straight out of the extension's theme JSON at build time — the same files VS Code loads. Hover a colour for its hex.
| Workbench token | Epic Theme | Arctic Frost |
|---|---|---|
Accentbutton.background | #5454bc | #4a9eff |
Editor backgroundeditor.background | #292d3e | #0d0f1a |
Editor foregroundeditor.foreground | #d9d8d8 | #d9d8d8 |
Activity baractivityBar.background | #25293a | #0a0c16 |
SidebarsideBar.background | #25293a | #0a0c16 |
Active tabtab.activeBackground | #3d435c | #32375a |
Tab accent railtab.activeBorder | #5454bc | #4a9eff |
Status barstatusBar.background | #292d3e | #0d0f1a |
Selectionlist.activeSelectionBackground | #393f56 | #22264a |
LinkstextLink.foreground | #8c8ccf | #4a9eff |
Install both from the Marketplace and switch with Ctrl+K Ctrl+T, or try them first inthe playground.