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#1e1d1e
  • activityBar.foreground#caccca
  • activityBar.inactiveForeground#9e9e9e
  • activityBarBadge.background#307bf6
  • activityBarBadge.foreground#ffffff
  • button.background#373636
  • button.foreground#caccca
  • button.hoverBackground#353436
  • debugToolBar.background#131313
  • diffEditor.insertedTextBackground#0c461966
  • diffEditor.removedTextBackground#46190c66
  • editor.background#131313
  • editor.foreground#E2E2E2
  • editor.hoverHighlightBackground#ffffff14
  • editor.inactiveSelectionBackground#ffffff1c
  • editor.lineHighlightBackground#272727
  • editor.selectionBackground#ffffff36
  • editor.selectionHighlightBackground#ffffff24
  • editor.wordHighlightBackground#ffffff20
  • editor.wordHighlightStrongBackground#ffffff2a
  • editor.wordHighlightTextBackground#ffffff1c
  • editorBracketHighlight.foreground1#AAAAAA
  • editorBracketHighlight.foreground2#AAAAAA
  • editorBracketHighlight.foreground3#AAAAAA
  • editorBracketHighlight.foreground4#AAAAAA
  • editorBracketHighlight.foreground5#AAAAAA
  • editorBracketHighlight.foreground6#AAAAAA
  • editorBracketHighlight.unexpectedBracket.foreground#f14c4c
  • editorBracketMatch.background#00000000
  • editorBracketMatch.border#888888
  • editorError.foreground#f14c4c
  • editorGutter.background#131313
  • editorHint.foreground#b5b5b5
  • editorInfo.foreground#3794ff
  • editorLineNumber.activeForeground#E2E2E2
  • editorLineNumber.foreground#888888
  • editorRuler.foreground#3a3a3a
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#5d5945
  • input.background#131313
  • input.border#404040
  • input.foreground#caccca
  • input.placeholderForeground#9e9e9e
  • list.activeSelectionBackground#353436
  • list.activeSelectionForeground#dddddd
  • list.focusOutline#3a3a3a
  • list.hoverBackground#353436
  • list.inactiveSelectionBackground#474646
  • panel.background#1e1d1e
  • panel.border#404040
  • panelTitle.activeForeground#dddddd
  • panelTitle.inactiveForeground#9e9e9e
  • scrollbarSlider.activeBackground#5c5d5d
  • scrollbarSlider.background#4c4d4daa
  • scrollbarSlider.hoverBackground#4c4d4d
  • sideBar.background#1e1d1e
  • sideBar.foreground#caccca
  • sideBarSectionHeader.background#232323
  • sideBarSectionHeader.foreground#caccca
  • statusBar.background#272727
  • statusBar.foreground#caccca
  • statusBar.noFolderBackground#272727
  • tab.activeBackground#131313
  • tab.activeForeground#dddddd
  • tab.border#404040
  • tab.inactiveBackground#232323
  • tab.inactiveForeground#9e9e9e
  • terminal.ansiBlack#e8e4cf
  • terminal.ansiBlue#082190
  • terminal.ansiBrightBlack#57564f
  • terminal.ansiBrightBlue#81a9f6
  • terminal.ansiBrightCyan#5bdfd8
  • terminal.ansiBrightGreen#9de478
  • terminal.ansiBrightMagenta#d86de9
  • terminal.ansiBrightRed#dd6f61
  • terminal.ansiBrightWhite#3a3a3a
  • terminal.ansiBrightYellow#857f5c
  • terminal.ansiCyan#3db6b0
  • terminal.ansiGreen#76ba53
  • terminal.ansiMagenta#ae30c2
  • terminal.ansiRed#a8473b
  • terminal.ansiWhite#131313
  • terminal.ansiYellow#e1d797
  • terminal.background#131313
  • terminal.foreground#e8e4cf
  • terminal.inactiveSelectionBackground#ffffff1c
  • terminal.selectionBackground#ffffff36
  • textLink.foreground#307bf6
  • titleBar.activeBackground#1e1d1e
  • titleBar.activeForeground#caccca
  • titleBar.inactiveBackground#1e1d1e
  • titleBar.inactiveForeground#9e9e9e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line, comment.block, comment.block.documentation, punctuation.definition.comment#888888
keyword, storage.type, storage.modifier, keyword.control, keyword.other, keyword.operator.word, keyword.operator.new, keyword.operator.expression, keyword.operator.logical.python#C5A023
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.logical, keyword.operator.comparison, keyword.operator.relational, keyword.operator.increment, keyword.operator.decrement, keyword.operator.ternary, keyword.operator.type#C5A023
string, string.quoted, string.template, string.interpolated, string.regexp, punctuation.definition.string#48A62C
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.decimal#BF5D07
variable, variable.other, variable.parameter, variable.language, variable.language.self, variable.language.this, entity.name, entity.name.function, entity.name.type, entity.name.class, entity.name.namespace, entity.name.module, entity.other.inherited-class, support.function, support.class, support.type, support.constant, support.variable, support.other.namespace, meta.function-call#E2E2E2
meta.brace, meta.brace.round, meta.brace.square, meta.brace.curly, punctuation.bracket, punctuation.brackets, punctuation.parenthesis, punctuation.parentheses, punctuation.curlybrace, punctuation.curlybraces, punctuation.section.brackets, punctuation.section.parens, punctuation.section.curly, punctuation.section.dictionary, punctuation.section.set, punctuation.section.block, punctuation.section.group, punctuation.section.scope, punctuation.section.class, punctuation.section.inheritance, punctuation.section.parameters, punctuation.section.arguments, punctuation.definition.inheritance, punctuation.definition.dict, punctuation.definition.set, punctuation.definition.list, punctuation.definition.tuple, punctuation.definition.bracket, punctuation.definition.brackets, punctuation.definition.brace, punctuation.definition.braces, punctuation.definition.curly, punctuation.definition.parenthesis, punctuation.definition.parentheses, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.array, punctuation.definition.dictionary, punctuation.definition.expression, punctuation.definition.block, punctuation.definition.interpolation, punctuation.definition.binding, punctuation.definition.typeparameters, punctuation.definition.typearguments, punctuation.definition.generic, punctuation.separator, punctuation.separator.colon, punctuation.separator.comma, punctuation.separator.semicolon, punctuation.separator.key-value, punctuation.separator.dictionary, punctuation.separator.parameters, punctuation.separator.arguments, punctuation.separator.array, punctuation.separator.tuple, punctuation.separator.list, punctuation.separator.sequence, punctuation.separator.delimiter, punctuation.separator.annotation, punctuation.separator.type, punctuation.separator.slice, punctuation.separator.scope, punctuation.terminator, punctuation.terminator.statement, punctuation.terminator.rule, punctuation.semi, punctuation.colon, punctuation.comma, punctuation.type, punctuation.section.embedded, punctuation.section#AAAAAA