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#185e20
  • activityBar.border#ffffff15
  • activityBar.foreground#ffba00
  • activityBar.inactiveForeground#fff7e860
  • activityBarBadge.background#ffba00
  • activityBarBadge.foreground#185e20
  • button.background#ffba00
  • button.foreground#185e20
  • button.hoverBackground#ffba00dd
  • editor.background#185e20
  • editor.foreground#fff7e8
  • editor.inactiveSelectionBackground#ff5a003580
  • editor.lineHighlightBackground#0f181740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ff5a0035
  • editorCursor.foreground#ffba00
  • editorGroupHeader.tabsBackground#185e20dd
  • editorLineNumber.activeForeground#ffba00
  • editorLineNumber.foreground#4caf5080
  • focusBorder#ffba00
  • foreground#fff7e8
  • input.background#0f1817
  • input.border#ffffff15
  • input.foreground#fff7e8
  • input.placeholderForeground#fff7e860
  • list.activeSelectionBackground#ffba0030
  • list.activeSelectionForeground#fff7e8
  • list.highlightForeground#ffba00
  • list.hoverBackground#0f181740
  • list.hoverForeground#fff7e8
  • list.inactiveSelectionBackground#ffba0015
  • list.inactiveSelectionForeground#fff7e8
  • selection.background#ff5a0035
  • sideBar.background#0f1817
  • sideBar.border#ffffff15
  • sideBar.foreground#fff7e8
  • sideBarSectionHeader.background#185e2080
  • sideBarSectionHeader.foreground#fff7e8
  • sideBarTitle.foreground#ffba00
  • statusBar.background#185e20
  • statusBar.border#ffffff15
  • statusBar.foreground#fff7e8
  • statusBar.noFolderBackground#185e20
  • tab.activeBackground#185e20
  • tab.activeBorderTop#ffba00
  • tab.activeForeground#fff7e8
  • tab.border#ffffff15
  • tab.inactiveBackground#0f181760
  • tab.inactiveForeground#fff7e880
  • terminal.ansiBlack#185e20
  • terminal.ansiBlue#ff5a00
  • terminal.ansiCyan#1e63e9
  • terminal.ansiGreen#ffba00
  • terminal.ansiMagenta#2e7d32
  • terminal.ansiRed#2e7d32
  • terminal.ansiWhite#fff7e8
  • terminal.ansiYellow#1e63e9
  • terminal.background#185e20
  • terminal.foreground#fff7e8
  • titleBar.activeBackground#185e20
  • titleBar.activeForeground#fff7e8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#185e20
  • titleBar.inactiveForeground#fff7e860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4caf50italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ff5a00bold
storage.type, storage.modifier#ff5a00italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#ffba00
string, punctuation.definition.string, string.template, meta.template.expression#1e63e9
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2e7d32
variable, variable.other.readwrite, variable.other.object#fff7e8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff7e8
variable.parameter, meta.parameter#fff7e8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff7e880
keyword.operator#fff7e8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#1e63e9bold
entity.other.inherited-class#ffba00
entity.name.tag, punctuation.definition.tag#ff5a00
entity.other.attribute-name#ffba00
meta.diff, meta.diff.header#4caf50
markup.deleted#2e7d32
markup.inserted#ffba00
markup.changed#1e63e9
markup.heading, markup.heading.setext, punctuation.definition.heading#ffba00bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#1e63e9
string.other.link.title, string.other.link.description#ffba00
markup.underline.link#4caf50underline
punctuation.definition.list#ff5a00
markup.quote, punctuation.definition.quote#4caf50italic