Skip to main content
Coding Theme

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
Pye PyCharm Theme by med-mhamdi - VS Code Theme