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#0A0F10
  • button.background#CD974B
  • editor.background#0E1415
  • editor.foreground#CECECE
  • editorGroupHeader.border#293334
  • editorGroupHeader.tabsBackground#0A0F10
  • editorGroupHeader.tabsBorder#293334
  • editorIndentGuide.background1#29333480
  • editorLineNumber.activeForeground#CECECE
  • editorLineNumber.foreground#323738
  • focusBorder#CD974B80
  • list.activeSelectionBackground#293334
  • list.activeSelectionForeground#CECECE
  • list.activeSelectionIconForeground#fff
  • list.highlightForeground#CD974B
  • panel.border#293334
  • settings.focusedRowBorder#CD974B
  • settings.modifiedItemIndicator#CD974B
  • sideBar.background#0A0F10
  • sideBar.border#293334
  • sideBarSectionHeader.background#0A0F10
  • sideBarSectionHeader.foreground#CECECE
  • statusBar.background#0A0F10
  • statusBar.border#293334
  • statusBar.foreground#CECECE
  • tab.activeBackground#0E1415
  • tab.activeBorder#0E1415
  • tab.activeBorderTop#CD974B
  • tab.border#293334
  • tab.inactiveBackground#0A0F10
  • tab.inactiveForeground#708B8D
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#4A88E4
  • terminal.ansiBrightBlack#777777
  • terminal.ansiBrightBlue#6F8FDB
  • terminal.ansiBrightCyan#4AC9E2
  • terminal.ansiBrightGreen#88DB3F
  • terminal.ansiBrightMagenta#E987E9
  • terminal.ansiBrightRed#F36868
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#F0BF7A
  • terminal.ansiCyan#23ACDD
  • terminal.ansiGreen#73CA50
  • terminal.ansiMagenta#915CAF
  • terminal.ansiRed#E25D56
  • terminal.ansiWhite#CECECE
  • terminal.ansiYellow#E9BF57
  • terminal.foreground#CECECE
  • textLink.activeForeground#CD974B
  • textLink.foreground#CD974B
  • textPreformat.foreground#95CB82
  • titleBar.activeBackground#0A0F10
  • titleBar.activeForeground#CECECE
  • titleBar.border#293334
  • titleBar.inactiveBackground#0A0F10
  • titleBar.inactiveForeground#708B8D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DFDF8E
string, punctuation.definition.string#95CB82
constant.character.escape#23ACDD
constant, constant.numeric, constant.language, support.constant, variable.language#CC8BC9
keyword, storage, storage.type, storage.modifier#E25D56
keyword.operator#708B8D
entity.name.function, support.function, variable.function, meta.function-call.method#71ADE7
entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, meta.type, meta.type-alias#E9BF57
variable.parameter, meta.function.parameters#F0BF7A
variable.other.property, variable.other.object.property, meta.property.object#CECECE
meta.decorator, punctuation.decorator, meta.annotation#915CAF
punctuation#708B8D
entity.name.tag#E25D56
entity.other.attribute-name#F0BF7A
support.type.property-name.css, support.type.property-name.less#71ADE7
markup.heading#71ADE7
markup.boldbold
markup.underlineunderline
markup.inline.raw#95CB82