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#2B2B2B
  • activityBar.foreground#767676
  • editor.background#2B2B2B
  • editor.foreground#dbdbdb
  • editor.lineHighlightBackground#ffffff08
  • editor.lineHighlightBorder#38393800
  • editor.occurrencesHighlightBackground#80008033
  • editor.occurrencesHighlightBorder#800080
  • editor.wordHighlightBackground#c300ff1b
  • editor.wordHighlightBorder#80008000
  • editorGroupHeader.tabsBackground#2B2B2B
  • foreground#dbdbdb
  • notebook.cellBorderColor#00000000
  • notebook.cellEditorBackground#2B2D30
  • notebook.cellHoverBackground#2B2B2B
  • notebook.cellInsertionIndicator#0a770aeb
  • notebook.cellStatusBarItemHoverBackground#2B2B2B
  • notebook.editorBackground#2B2B2B
  • notebook.focusedCellBorder#0a770aeb
  • notebook.focusedEditorBorder#00000000
  • notebook.selectedCellBorder#FFFF00
  • panel.background#2B2B2B
  • sideBar.background#2B2B2B
  • sideBar.foreground#a4a4a4
  • statusBar.background#2B2B2B
  • tab.activeBackground#2B2B2B
  • tab.inactiveBackground#2B2B2B
  • titleBar.activeBackground#2B2B2B
  • titleBar.activeForeground#949494
  • titleBar.inactiveBackground#2B2B2B

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string#CE9178
comment#676675
keyword, keyword.control#569CD6
support.function.builtin#fac043
constant.numeric.dec.python#92b96b
storage.type.function.python, constant.language.python, keyword.control.flow.python, variable.parameter.function.language.special.self.python#c88cdc
meta.function-call.generic.python, keyword.operator.comparison.python#e4d314
keyword.operator.logical.python, keyword.operator.arithmetic.python, variable.parameter.function.language.python#61afe1
text.html.markdown meta.tag.inline, text.html.markdown meta.tag.block.any.html#73fd0a
string.quoted.docstring.multi.python#4f8427
text.html.markdown entity.name.tag#00fe51
text.html.markdown punctuation.definition.tag#00ffd0
text.html.markdown meta.attribute-with-value#ffff00