Skip to main content
CodingTheme

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#072539
  • activityBar.foreground#e1efff
  • editor.background#072539
  • editor.findMatchHighlightBorder#f66a59
  • editor.foreground#ffffff
  • editor.lineHighlightBackground#3b5364
  • editor.selectionBackground#0050a4
  • editor.selectionHighlightBackground#193549
  • editorBracketMatch.background#25425c
  • editorBracketMatch.border#00b4ff
  • editorCursor.foreground#ffc600
  • editorWhitespace.foreground#0d3a58
  • sideBar.background#19364b
  • sideBar.foreground#e1efff
  • terminal.ansiBlack#333333
  • terminal.ansiBlue#1478db
  • terminal.ansiBrightBlack#686868
  • terminal.ansiBrightBlue#6871ff
  • terminal.ansiBrightCyan#79e8fb
  • terminal.ansiBrightGreen#43d426
  • terminal.ansiBrightMagenta#ff77ff
  • terminal.ansiBrightRed#f92a1c
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#f1d000
  • terminal.ansiCyan#00c5c7
  • terminal.ansiGreen#3ddf2b
  • terminal.ansiMagenta#ff2c70
  • terminal.ansiRed#ff2600
  • terminal.ansiWhite#c7c7c7
  • terminal.ansiYellow#ffe700

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#0088FFitalic
string, storage.type.string, punctuation.definition.string#3ad900
constant.numeric#FF628C
constant.language#FF628C
constant.character#06a6a8
variable#FB94FFitalic bold
keyword#FF9D00bold
storage#ffc000
storage.type#FF9D00italic bold
entity.name.type, entity.name.class#FFDD00bold
entity.other.inherited-class#FF628Citalic bold
entity.name.function#F92672bold
variable.parameter#f4aba4italic
entity.name.tag#EC5f67underline
entity.other.attribute-name#FD971F
support.function#fa4789bold
support.constant#B700FF
support.class#FFDD00italic bold
support.other.variable#7DD961
invalid#F8F8F8
invalid.deprecated#F8F8F8
meta.diff, meta.diff.header#75715E
markup.deleted#F92672
markup.inserted#A6E22E
markup.changed#E6DB74
constant.numeric.line-number.find-in-files - match#AE81FFA0
entity.name.filename.find-in-files#E6DB74
markup.quote#F92672
markup.list#E6DB74
markup.bold, markup.italic#66D9EF
markup.inline.raw#FD971F
markup.heading#A6E22E
markup.heading.setext#A6E22E
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
variable.language#FD971F
storage.type.function.lambda, meta.lambda-function#FF9D00italic bold
meta.function.lambda.parameters#f4aba4italic bold
variable.parameter.function.language.special.self.python, variable.language.special.self.python#4FFFF8italic
punctuation.definition.decorator.python, entity.name.function.decorator.python, meta.function.decorator.python#F92672italic
support.function.magic.python#ff9d00bold
meta.function-call.generic.python#ffc600bold
support.function.builtin#ff9d00bold
entity.name.type.class.python#F92672bold
entity.name.function.python#F92672bold
keyword.operator.quantifier.regexp, constant.character.format.placeholder.other.python, constant.other.set.regexp, constant.character.set.regexp, constant.character.escape.regexp, keyword.operator.disjunction.regexp, support.other.match.end.regexp, entity.name.tag.backreference.regexp, entity.name.tag.backreference.regexp#06a6a8

Shiki preview

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

Loading...

Cobalt2-pydemia by Youngju Jaden Kim - VS Code Theme