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#183D4E
  • activityBar.border#ffffff15
  • activityBar.foreground#C9E967
  • activityBar.inactiveForeground#F2F6F460
  • activityBarBadge.background#C9E967
  • activityBarBadge.foreground#183D4E
  • button.background#C9E967
  • button.foreground#183D4E
  • button.hoverBackground#C9E967dd
  • editor.background#183D4E
  • editor.foreground#F2F6F4
  • editor.inactiveSelectionBackground#79C8EC3580
  • editor.lineHighlightBackground#070D1240
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79C8EC35
  • editorCursor.foreground#C9E967
  • editorGroupHeader.tabsBackground#183D4Edd
  • editorLineNumber.activeForeground#C9E967
  • editorLineNumber.foreground#D0E6E180
  • focusBorder#C9E967
  • foreground#F2F6F4
  • input.background#070D12
  • input.border#ffffff15
  • input.foreground#F2F6F4
  • input.placeholderForeground#F2F6F460
  • list.activeSelectionBackground#C9E96730
  • list.activeSelectionForeground#F2F6F4
  • list.highlightForeground#C9E967
  • list.hoverBackground#070D1240
  • list.hoverForeground#F2F6F4
  • list.inactiveSelectionBackground#C9E96715
  • list.inactiveSelectionForeground#F2F6F4
  • selection.background#79C8EC35
  • sideBar.background#070D12
  • sideBar.border#ffffff15
  • sideBar.foreground#F2F6F4
  • sideBarSectionHeader.background#183D4E80
  • sideBarSectionHeader.foreground#F2F6F4
  • sideBarTitle.foreground#C9E967
  • statusBar.background#183D4E
  • statusBar.border#ffffff15
  • statusBar.foreground#F2F6F4
  • statusBar.noFolderBackground#183D4E
  • tab.activeBackground#183D4E
  • tab.activeBorderTop#C9E967
  • tab.activeForeground#F2F6F4
  • tab.border#ffffff15
  • tab.inactiveBackground#070D1260
  • tab.inactiveForeground#F2F6F480
  • terminal.ansiBlack#183D4E
  • terminal.ansiBlue#79C8EC
  • terminal.ansiCyan#E7AD55
  • terminal.ansiGreen#C9E967
  • terminal.ansiMagenta#83F1C9
  • terminal.ansiRed#83F1C9
  • terminal.ansiWhite#F2F6F4
  • terminal.ansiYellow#E7AD55
  • terminal.background#183D4E
  • terminal.foreground#F2F6F4
  • titleBar.activeBackground#183D4E
  • titleBar.activeForeground#F2F6F4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#183D4E
  • titleBar.inactiveForeground#F2F6F460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D0E6E1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79C8ECbold
storage.type, storage.modifier#79C8ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#C9E967
string, punctuation.definition.string, string.template, meta.template.expression#E7AD55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1C9
variable, variable.other.readwrite, variable.other.object#F2F6F4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F2F6F4
variable.parameter, meta.parameter#F2F6F4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F2F6F480
keyword.operator#F2F6F4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7AD55bold
entity.other.inherited-class#C9E967
entity.name.tag, punctuation.definition.tag#79C8EC
entity.other.attribute-name#C9E967
meta.diff, meta.diff.header#D0E6E1
markup.deleted#83F1C9
markup.inserted#C9E967
markup.changed#E7AD55
markup.heading, markup.heading.setext, punctuation.definition.heading#C9E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7AD55
string.other.link.title, string.other.link.description#C9E967
markup.underline.link#D0E6E1underline
punctuation.definition.list#79C8EC
markup.quote, punctuation.definition.quote#D0E6E1italic