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#213C40
  • activityBar.border#ffffff15
  • activityBar.foreground#67DAE9
  • activityBar.inactiveForeground#f8fcfb60
  • activityBarBadge.background#67DAE9
  • activityBarBadge.foreground#213C40
  • button.background#67DAE9
  • button.foreground#213C40
  • button.hoverBackground#67DAE9dd
  • editor.background#213C40
  • editor.foreground#f8fcfb
  • editor.inactiveSelectionBackground#79E4EC3580
  • editor.lineHighlightBackground#0B1B1E40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79E4EC35
  • editorCursor.foreground#67DAE9
  • editorGroupHeader.tabsBackground#213C40dd
  • editorLineNumber.activeForeground#67DAE9
  • editorLineNumber.foreground#6f858480
  • focusBorder#67DAE9
  • foreground#f8fcfb
  • input.background#0B1B1E
  • input.border#ffffff15
  • input.foreground#f8fcfb
  • input.placeholderForeground#f8fcfb60
  • list.activeSelectionBackground#67DAE930
  • list.activeSelectionForeground#f8fcfb
  • list.highlightForeground#67DAE9
  • list.hoverBackground#0B1B1E40
  • list.hoverForeground#f8fcfb
  • list.inactiveSelectionBackground#67DAE915
  • list.inactiveSelectionForeground#f8fcfb
  • selection.background#79E4EC35
  • sideBar.background#0B1B1E
  • sideBar.border#ffffff15
  • sideBar.foreground#f8fcfb
  • sideBarSectionHeader.background#213C4080
  • sideBarSectionHeader.foreground#f8fcfb
  • sideBarTitle.foreground#67DAE9
  • statusBar.background#213C40
  • statusBar.border#ffffff15
  • statusBar.foreground#f8fcfb
  • statusBar.noFolderBackground#213C40
  • tab.activeBackground#213C40
  • tab.activeBorderTop#67DAE9
  • tab.activeForeground#f8fcfb
  • tab.border#ffffff15
  • tab.inactiveBackground#0B1B1E60
  • tab.inactiveForeground#f8fcfb80
  • terminal.ansiBlack#213C40
  • terminal.ansiBlue#79E4EC
  • terminal.ansiCyan#55E7D1
  • terminal.ansiGreen#67DAE9
  • terminal.ansiMagenta#83E6F1
  • terminal.ansiRed#83E6F1
  • terminal.ansiWhite#f8fcfb
  • terminal.ansiYellow#55E7D1
  • terminal.background#213C40
  • terminal.foreground#f8fcfb
  • titleBar.activeBackground#213C40
  • titleBar.activeForeground#f8fcfb
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#213C40
  • titleBar.inactiveForeground#f8fcfb60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6f8584italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79E4ECbold
storage.type, storage.modifier#79E4ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67DAE9
string, punctuation.definition.string, string.template, meta.template.expression#55E7D1
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83E6F1
variable, variable.other.readwrite, variable.other.object#f8fcfb
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f8fcfb
variable.parameter, meta.parameter#f8fcfbdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f8fcfb80
keyword.operator#f8fcfb
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7D1bold
entity.other.inherited-class#67DAE9
entity.name.tag, punctuation.definition.tag#79E4EC
entity.other.attribute-name#67DAE9
meta.diff, meta.diff.header#6f8584
markup.deleted#83E6F1
markup.inserted#67DAE9
markup.changed#55E7D1
markup.heading, markup.heading.setext, punctuation.definition.heading#67DAE9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7D1
string.other.link.title, string.other.link.description#67DAE9
markup.underline.link#6f8584underline
punctuation.definition.list#79E4EC
markup.quote, punctuation.definition.quote#6f8584italic