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#151515
  • activityBar.border#2A2A2A
  • editor.background#1F1F1F
  • editorBracketHighlight.foreground1#C3C3C3
  • editorBracketHighlight.foreground2#C3C3C3
  • editorBracketHighlight.foreground3#C3C3C3
  • editorBracketHighlight.foreground4#C3C3C3
  • editorBracketHighlight.foreground5#C3C3C3
  • editorBracketHighlight.foreground6#C3C3C3
  • editorCursor.foreground#BF86F2
  • editorGroupHeader.tabsBackground#151515
  • editorGutter.background#1F1F1F
  • panel.background#151515
  • panel.border#2A2A2A
  • sideBar.background#151515
  • sideBar.border#2A2A2A
  • sideBarSectionHeader.background#151515
  • statusBar.background#151515
  • statusBar.border#2A2A2A
  • tab.activeBackground#1F1F1F
  • tab.border#2A2A2A
  • tab.inactiveBackground#151515
  • titleBar.activeBackground#151515
  • titleBar.activeForeground#FFFFFF
  • titleBar.border#2A2A2A
  • titleBar.inactiveBackground#151515
  • titleBar.inactiveForeground#888888

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#777777
string, punctuation.definition.string#81C995
string.quoted.docstring.multi.python, string.quoted.docstring.multi.python punctuation.definition.string.begin.python, string.quoted.docstring.multi.python punctuation.definition.string.end.python#A67561
constant.numeric, constant.language, meta.object-literal.key.js#E78A43
keyword.control, storage.type.function.python, storage.type.class.python, keyword.operator.logical.python, storage.type.function.js, storage.type.js, storage.type.class.js#BF86F2
entity.name.function.python, support.function, meta.class.python, entity.name.type.class.python, punctuation.definition.inheritance.begin.python, punctuation.definition.inheritance.end.python, meta.definition.function.js#F7D161
keyword.operator#C3C3C3
punctuation, meta.brace, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, punctuation.definition.dict.begin.python, punctuation.definition.dict.end.python, punctuation.separator.python, punctuation.terminator.statement.python#C3C3C3
variable.language.special.self.python#C3C3C3
support.type, support.type.exception.python, support.function.builtin.python, meta.function-call.js#C3C3C3
support.type.python, support.type.builtin.python#699DF0
meta.fstring.python#C3C3C3
support.type.property-name.json.comments, punctuation.support.type.property-name.begin.json.comments, punctuation.support.type.property-name.end.json.comments, support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json#FA903E
string.quoted.single.json.comments, string.quoted.double.json.comments, punctuation.definition.string.begin.json.comments, punctuation.definition.string.end.json.comments#81C995

Shiki preview

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

Loading...

Gemini Python Dark Theme - Coding Theme