Skip to main content
CodingTheme

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#ffffff1a
  • activityBarBadge.background#007acc
  • badge.background#ffffff1a
  • editor.background#242424
  • editor.foreground#cccccc
  • editor.lineHighlightBackground#ffffff0b
  • editor.selectionBackground#204182cc
  • editorGutter.background#ffffff0b
  • editorSuggestWidget.background#303030
  • editorSuggestWidget.highlightForeground#cc6e2f
  • editorSuggestWidget.selectedBackground#204182cc
  • sideBar.background#242424
  • sideBar.border#ffffff1a
  • statusBar.background#ffffff1a
  • statusBar.foreground#cccccc
  • tab.activeBackground#ffffff1a
  • tab.activeBorder#0c7d9d
  • tab.inactiveBackground#ffffff0b
  • titleBar.activeBackground#ffffff1a
  • titleBar.activeForeground#cccccc
  • titleBar.inactiveBackground#ffffff10

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#7F848Eitalic
keyword.control.flow.python, source.python#C678DDitalic
keyword.control.import.python, source.python#C678DDitalic
string.quoted.docstring.multi.python, source.python#98C379
string.quoted.multi.python, source.python#98C379
string.quoted.docstring.single.python, source.python#98C379
string.quoted.single.python#98C379
punctuation.section.function.begin.python, meta.function.python, source.python#ABB2BF
punctuation.definition.parameters.end.python, meta.function.parameters.python, meta.function.python, source.python#ABB2BF
punctuation.parenthesis#ABB2BF
punctuation.definition.arguments#ABB2BF
punctuation.separator.period.python, source.python#ABB2BF
punctuation.separator.element.python#ABB2BF
punctuation.separator.arguments.python#ABB2BF
keyword.operator.assignment.python, source.python#56B6C2
keyword.operator.arithmetic.python, meta.function-call.arguments.python, meta.function-call.python, source.python#56B6C2
storage.type.function.python, meta.function.python, source.python#C678DD
storage.type.class.python, meta.class.python, source.python#C678DD
constant.numeric#D19A66
keyword.operator.comparison.python, source.python#56B6C2
variable.parameter.function-call.python#ff6600
keyword.operator.logical.python#C678DD
constant.language.python, source.python#D19A66
punctuation.definition.decorator.python#61AFEFbold

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

DarculaOneDark by themer - VS Code Theme