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#080B12
  • activityBar.border#ffffff15
  • activityBar.foreground#67B1E9
  • activityBar.inactiveForeground#f6f7f460
  • activityBarBadge.background#67B1E9
  • activityBarBadge.foreground#080B12
  • button.background#67B1E9
  • button.foreground#080B12
  • button.hoverBackground#67B1E9dd
  • editor.background#080B12
  • editor.foreground#f6f7f4
  • editor.inactiveSelectionBackground#79B8EC3580
  • editor.lineHighlightBackground#07090D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79B8EC35
  • editorCursor.foreground#67B1E9
  • editorGroupHeader.tabsBackground#080B12dd
  • editorLineNumber.activeForeground#67B1E9
  • editorLineNumber.foreground#c7ccd680
  • focusBorder#67B1E9
  • foreground#f6f7f4
  • input.background#07090D
  • input.border#ffffff15
  • input.foreground#f6f7f4
  • input.placeholderForeground#f6f7f460
  • list.activeSelectionBackground#67B1E930
  • list.activeSelectionForeground#f6f7f4
  • list.highlightForeground#67B1E9
  • list.hoverBackground#07090D40
  • list.hoverForeground#f6f7f4
  • list.inactiveSelectionBackground#67B1E915
  • list.inactiveSelectionForeground#f6f7f4
  • selection.background#79B8EC35
  • sideBar.background#07090D
  • sideBar.border#ffffff15
  • sideBar.foreground#f6f7f4
  • sideBarSectionHeader.background#080B1280
  • sideBarSectionHeader.foreground#f6f7f4
  • sideBarTitle.foreground#67B1E9
  • statusBar.background#080B12
  • statusBar.border#ffffff15
  • statusBar.foreground#f6f7f4
  • statusBar.noFolderBackground#080B12
  • tab.activeBackground#080B12
  • tab.activeBorderTop#67B1E9
  • tab.activeForeground#f6f7f4
  • tab.border#ffffff15
  • tab.inactiveBackground#07090D60
  • tab.inactiveForeground#f6f7f480
  • terminal.ansiBlack#080B12
  • terminal.ansiBlue#79B8EC
  • terminal.ansiCyan#55D8E7
  • terminal.ansiGreen#67B1E9
  • terminal.ansiMagenta#83ABF1
  • terminal.ansiRed#83ABF1
  • terminal.ansiWhite#f6f7f4
  • terminal.ansiYellow#55D8E7
  • terminal.background#080B12
  • terminal.foreground#f6f7f4
  • titleBar.activeBackground#080B12
  • titleBar.activeForeground#f6f7f4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#080B12
  • titleBar.inactiveForeground#f6f7f460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c7ccd6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79B8ECbold
storage.type, storage.modifier#79B8ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67B1E9
string, punctuation.definition.string, string.template, meta.template.expression#55D8E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83ABF1
variable, variable.other.readwrite, variable.other.object#f6f7f4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f6f7f4
variable.parameter, meta.parameter#f6f7f4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f6f7f480
keyword.operator#f6f7f4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55D8E7bold
entity.other.inherited-class#67B1E9
entity.name.tag, punctuation.definition.tag#79B8EC
entity.other.attribute-name#67B1E9
meta.diff, meta.diff.header#c7ccd6
markup.deleted#83ABF1
markup.inserted#67B1E9
markup.changed#55D8E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67B1E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55D8E7
string.other.link.title, string.other.link.description#67B1E9
markup.underline.link#c7ccd6underline
punctuation.definition.list#79B8EC
markup.quote, punctuation.definition.quote#c7ccd6italic