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#ffffff
  • activityBar.border#08131a24
  • activityBar.foreground#08131a
  • activityBar.inactiveForeground#08131a80
  • activityBarBadge.background#08131a
  • activityBarBadge.foreground#ffffff
  • button.background#08131a
  • button.foreground#ffffff
  • button.hoverBackground#1a1a1a
  • dropdown.background#ffffff
  • dropdown.border#08131a24
  • editor.background#FFFFFF
  • editor.findMatchBackground#FFF26B80
  • editor.findMatchHighlightBackground#FFF26B
  • editor.foreground#08131a
  • editor.lineHighlightBackground#00000000
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#1E7B6540
  • editorCursor.foreground#0A131A
  • editorError.foreground#BC3852
  • editorGroup.border#08131a24
  • editorGroupHeader.tabsBackground#ffffff
  • editorGroupHeader.tabsBorder#08131a24
  • editorInfo.background#AC7A2D20
  • editorInfo.border#AC7A2D
  • editorInfo.foreground#AC7A2D
  • editorLineNumber.activeForeground#08131a
  • editorLineNumber.foreground#08131a80
  • editorWarning.background#ffc20e20
  • editorWarning.border#ffc20e
  • editorWarning.foreground#ffc20e
  • errorForeground#BC3852
  • focusBorder#00000000
  • foreground#08131a
  • gitDecoration.modifiedResourceForeground#AC7A2D
  • icon.foreground#08131a80
  • input.background#ffffff
  • input.border#08131a24
  • input.foreground#08131a
  • input.placeholderForeground#08131a80
  • list.activeSelectionBackground#F5F8FA
  • list.activeSelectionForeground#08131a
  • list.focusBackground#F5F8FA
  • list.highlightForeground#08131a
  • list.hoverBackground#F5F8FA
  • list.inactiveSelectionBackground#ffffff
  • selection.background#1E7B6540
  • sideBar.background#ffffff
  • sideBar.border#08131a24
  • sideBar.foreground#08131a
  • sideBarSectionHeader.background#ffffff
  • sideBarSectionHeader.border#08131a24
  • sideBarSectionHeader.foreground#08131a
  • sideBarTitle.foreground#08131a
  • statusBar.background#F5F8FA
  • statusBar.border#08131a24
  • statusBar.debuggingBackground#1E7B65
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#08131a
  • statusBar.noFolderBackground#F5F8FA
  • tab.activeBackground#ffffff
  • tab.activeBorderTop#08131a
  • tab.activeForeground#08131a
  • tab.activeModifiedBorder#AC7A2D
  • tab.border#08131a24
  • tab.inactiveBackground#ffffff
  • tab.inactiveForeground#08131a80
  • tab.lastPinnedBorder#AC7A2D
  • tab.unfocusedActiveModifiedBorder#AC7A2D
  • titleBar.activeBackground#ffffff
  • titleBar.activeForeground#08131a
  • titleBar.border#08131a24
  • titleBar.inactiveBackground#ffffff
  • titleBar.inactiveForeground#08131a80
  • widget.shadow#08131a24

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
text.html.markdown, markup.bold.markdown, markup.list.unnumbered.markdown, entity.name.section.markdown, markup.heading.markdown, markup.italic.markdown, markup.quote.markdown, punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown#08131a
markup.bold.markdown#08131abold
markup.italic.markdown#08131AA8italic
markup.heading.markdown, entity.name.section.markdown#08131abold
comment, punctuation.definition.comment#6a737ditalic
constant.other.color#08131a—
keyword, punctuation.definition.keyword, storage.type, storage.modifier#BC3852—
variable, meta.definition.variable.js, entity.name.function, entity.name.class, support.function, support.class, support.type, meta.object-literal.key#AC7A2D—
string, punctuation.definition.string, string.template#1E7B65—
constant.numeric, constant.language, constant.character, constant.other#08131A—
entity.name.tag, punctuation.definition.tag#1E7B65—
entity.other.attribute-name#AC7A2D—
string.regexp, constant.character.escape#1E7B65—
punctuation.section.embedded#BC3852—
invalid#BC3852bold