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#2d2d2d
  • activityBarBadge.background#000000
  • activityBarBadge.foreground#ffffff
  • badge.background#ffffff
  • badge.foreground#4d4d4d
  • editor.background#2d2d2d
  • editor.foreground#d3d0c8
  • editor.lineHighlightBackground#74736930
  • editor.selectionBackground#515151
  • editorCursor.foreground#d3d0c8
  • editorInlayHint.background#3d3d3d
  • editorInlayHint.foreground#9668ff
  • editorWhitespace.foreground#747369
  • sideBar.background#292929
  • statusBar.background#0e0f0f
  • statusBar.debuggingBackground#ffffff
  • statusBar.debuggingForeground#505050
  • statusBar.foreground#eeeeeeee
  • statusBar.noFolderBackground#80808099
  • statusBar.noFolderForeground#e6e6e6
  • statusBarItem.remoteBackground#ffffff
  • statusBarItem.remoteForeground#3f3f3f
  • tab.activeBorderTop#eeeeeeee
  • tab.border#55555555
  • tab.inactiveBackground#00000000
  • tab.inactiveForeground#c3c3c3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
invalid.illegal.line.continuation.python#920000underline
source.python#bebdb9
comment.line.number-sign.python#909090
string.quoted.single.python, string.interpolated.python, meta.fstring.python#badaba
support.type.python#af89d3italic
string.quoted.docstring.multi.python#87aa9bitalic
meta.fstring.python#cc99cc
meta.function-call.generic.python#a3b8dfbold
constant.numeric.dec.python#e4a381
constant.numeric.float.python#f99157
none, constant.language.python#e47676
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array, punctuation.section.function.begin.python, punctuation.section.class.begin.python, punctuation.separator.arguments.python, punctuation.separator.colon.python#d3d0c8
keyword.control.flow.python, keyword.control.import.python, keyword.operator.logical.python#cc99ccffbold
meta.function.python, entity.name.function.python, punctuation.separator.parameters.python#6d90d1
meta.class.python, entity.name.type.class.python, punctuation.separator.inheritance.python#ffcc66
keyword.operator.arithmetic.python, keyword.operator.comparison.python#e4a908
support.function, support.function.builtin.python#66ccccitalic
variable.parameter.function#d3d0c8
comment, punctuation.definition.comment#747369
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#d3d0c8
none#d3d0c8
keyword.operator#d3d0c8
keyword#cc99cc
variable#f2777a
entity.name.function, meta.require, support.function.any-method#6699cc
support.class, entity.name.type.class#ffcc66
meta.entity.new.name.expr#ffcc66
keyword.other.special-method#6699cc
storage#cc99cc
support.function#66cccc
string, constant.other.symbol, entity.other.inherited-class#99cc99
constant.numeric#f99157
none#f99157
none#f99157
constant#f99157
entity.name.tag#f2777a
entity.other.attribute-name#f99157
entity.other.attribute-name.id, punctuation.definition.entity#6699cc
meta.selector#cc99cc
none#f99157
markup.heading punctuation.definition.heading, entity.name.section#6699cc
keyword.other.unit#f99157
markup.bold, punctuation.definition.bold#ffcc66bold
markup.italic, punctuation.definition.italic#cc99ccitalic
markup.raw.inline#99cc99
string.other.link#f2777a
meta.link#f99157
markup.list#f2777a
markup.quote#f99157
meta.separator#d3d0c8
markup.inserted, markup.inserted.git_gutter#99cc99
markup.deleted, markup.deleted.git_gutter#f2777a
markup.changed, markup.changed.git_gutter#cc99cc
markup.ignored, markup.ignored.git_gutter#515151
markup.untracked, markup.untracked.git_gutter#515151
constant.other.color#66cccc
string.regexp#66cccc
constant.character.escape#66cccc
punctuation.section.embedded, variable.interpolation#d27b53
invalid.illegal#ffffff
markup.deleted.git_gutter#F92672
markup.inserted.git_gutter#A6E22E
markup.changed.git_gutter#967EFB
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
comment#d4922f
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6

Shiki preview

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

Loading...

spacegray-python - Coding Theme