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#98C379bold
string.quoted.multi.python, source.python#98C379bold
string.quoted.docstring.single.python, source.python#98C379bold
string.quoted.single.python#98C379bold
punctuation.section.function.begin.python, meta.function.python, source.python#ABB2BFbold
punctuation.definition.parameters.end.python, meta.function.parameters.python, meta.function.python, source.python#ABB2BFbold
punctuation.parenthesis#ABB2BFbold
punctuation.definition.arguments#ABB2BFbold
punctuation.separator.period.python, source.python#ABB2BFbold
punctuation.separator.element.python#ABB2BFbold
punctuation.separator.arguments.python#ABB2BFbold
keyword.operator.assignment.python, source.python#56B6C2bold
keyword.operator.arithmetic.python, meta.function-call.arguments.python, meta.function-call.python, source.python#56B6C2bold
storage.type.function.python, meta.function.python, source.python#C678DDbold
storage.type.class.python, meta.class.python, source.python#C678DDbold
constant.numeric#D19A66bold
keyword.operator.comparison.python, source.python#56B6C2bold
variable.parameter.function-call.python#ff6600bold
keyword.operator.logical.python#C678DDbold
constant.language.python, source.python#D19A66bold
punctuation.definition.decorator.python#61AFEFbold

Shiki preview

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

Loading...

DarculaOneDark by themer - VS Code Theme