Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#0E031B
  • activityBar.border#0E031B60
  • activityBar.foreground#4AAFD1
  • editor.background#0E031B
  • editor.foreground#E78BB9
  • editor.lineHighlightBackground#0E031B50
  • editor.selectionBackground#C5A7C330
  • editorCursor.foreground#FF77AA
  • editorLineNumber.activeForeground#C5A7C3
  • editorLineNumber.foreground#48B9DF
  • editorSuggestWidget.background#0E031B
  • editorSuggestWidget.foreground#48B9DF
  • editorSuggestWidget.selectedBackground#B23C6B20
  • editorWhitespace.foreground#48B9DF40
  • input.background#2A1048
  • input.foreground#4AAFD1
  • sideBar.background#0E031B
  • sideBar.foreground#BCA8BF
  • statusBar.background#48B9DF
  • statusBar.foreground#0E031B
  • tab.activeBackground#B23C6B50
  • tab.activeForeground#E78BB9
  • tab.inactiveBackground#B23C6B20
  • tab.inactiveForeground#4AAFD1AF
  • terminal.ansiBlack#120622
  • terminal.ansiBlue#48B9DF
  • terminal.ansiBrightBlack#5C6370
  • terminal.ansiBrightBlue#82AAFF
  • terminal.ansiBrightCyan#89DDFF
  • terminal.ansiBrightGreen#A6E22E
  • terminal.ansiBrightMagenta#F07178
  • terminal.ansiBrightRed#FF869A
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFD866
  • terminal.ansiCyan#89DDFF
  • terminal.ansiGreen#72C376
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#FF5370
  • terminal.ansiWhite#D0D0D0
  • terminal.ansiYellow#FFCB6B
  • terminal.background#0E031B
  • terminal.foreground#E78BB9
  • terminalCursor.background#FF77AA
  • terminalCursor.foreground#FF77AA
  • titleBar.activeBackground#0E031B
  • titleBar.activeForeground#E78BB9

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.tag, meta.tag#FF77AAbold
entity.other.attribute-name, attribute.name#4AAFD1
string.quoted.double, string.quoted.single#C5A7C3
variable, meta.jsx.children.js#72C376italic
keyword.operator, punctuation.definition.string#65DBFF
comment#6D6F7Citalic
source.css entity.name.tag, source.css support.type.property-name, source.css keyword.control.at-rule#4AAFD1
source.css support.constant.property-value, source.css constant.other.color.rgb-value, source.css constant.other.unit#72C376
source.json constant.language, source.json support.type.property-name#FF77AA
source.json string.quoted.double.json#C5A7C3
source.json punctuation.separator.key-value#65DBFF