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#191919
  • checkbox.border#6B6B6B
  • editor.background#121212
  • editor.foreground#ececec
  • editor.lineHighlightBorder#F81CE54D
  • editor.selectionBackground#F81CE54D
  • foreground#ececec
  • minimap.selectionHighlight#F81CE54D
  • sideBar.background#191919
  • statusBarItem.remoteBackground#16825D
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0050B2
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#005AFF
  • terminal.ansiBrightCyan#03E5E6
  • terminal.ansiBrightGreen#07D800
  • terminal.ansiBrightMagenta#FF00FF
  • terminal.ansiBrightRed#FF0000
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFFF00
  • terminal.ansiCyan#03A5B2
  • terminal.ansiGreen#00A500
  • terminal.ansiMagenta#B300B3
  • terminal.ansiRed#AC1400
  • terminal.ansiWhite#D3D3D3
  • terminal.ansiYellow#FFD700
  • terminal.background#121212
  • terminal.selectionBackground#F81CE54D
  • titleBar.activeForeground#ececec

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python#F8F8F2
comment#88846F
string#E6DB74
punctuation.definition.template-expression, punctuation.section.embedded#F92672
meta.template.expression#F8F8F2
constant.numeric#AE81FF
numeric-suffix#66D9EFitalic
constant.language#AE81FF
constant.character, constant.other, variable.other.constant#AE81FF
variable, punctuation.accessor#F8F8F2
keyword#F92672
storage#F92672
storage.type#66D9EFitalic
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution#A6E22Eunderline
entity.other.inherited-class#A6E22Eitalic
meta.definition.function, entity.name.function#A6E22E
storage.type.function.arrow#F92672
meta.function-call#66D9EF
variable.parameter#FD971Fitalic
entity.name.tag#F92672
entity.other.attribute-name#A6E22E
variable.function, variable.annotation, meta.function-call.generic#66D9EF
support.function#66D9EF
support.constant#66D9EF
support.type, support.class#66D9EFitalic
support.other.variable
invalid#F92672
invalid.deprecated#F44747
support.type.property-name, meta.structure.dictionary.json string.quoted.double.json#CFCFC2
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#A6E22Ebold
markup.heading.markdownbold
markup.quote.markdown#75715Eitalic
markup.bold.markdownbold
string.other.link.title.markdown, string.other.link.description.markdown#AE81FF
markup.underline.link.markdown, markup.underline.link.image.markdown#E6DB74
markup.italic.markdownitalic
markup.strikethroughstrikethrough
markup.list.unnumbered.markdown, markup.list.numbered.markdown#F8F8F2
punctuation.definition.list.begin.markdown#A6E22E
token.info-token#6796e6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
variable.language#FD971Fitalic
storage.type.modifier.access#F92672
entity.name.function.definition, meta.definition#A6E22E
entity.name.function.call#66D9EF
meta.brace.round.js, punctuation.terminator.statement.js#F8F8F2
support.class.dart#66D9EF
entity.name.function.dart#66D9EF
punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, meta.function-call.arguments.python#F8F8F2
entity.name.function.python#A6E22E
support.function.magic#66D9EF
storage.type.function.async#F92672
punctuation.definition.decorator.python#F92672
punctuation.separator.period.python#F8F8F2
entity.name.function.decorator.python#66D9EF
entity.other.attribute-name.pragma.preprocessor#F92672
punctuation.separator.colon#F8F8F2
punctuation.section.arguments.begin.bracket.round, punctuation.section.arguments.end.bracket.round, punctuation.separator.delimiter, punctuation.section.block.begin.bracket.curly, punctuation.section.block.end.bracket.curly, punctuation.section.parens.begin.bracket.round, punctuation.section.parens.end.bracket.round, punctuation.definition.begin.bracket.square, punctuation.definition.end.bracket.square, storage.modifier.array.bracket.square, punctuation.separator.dot-access#F8F8F2
punctuation.separator.pointer-access#F92672
entity.name.function.go#A6E22E
support.function.go#66D9EF
keyword.function.go, keyword.struct.go, keyword.interface.go#66D9EF
entity.name.type.namespace.cs#FFFFFF
keyword.type.cs, keyword.other.get.cs, keyword.other.set.cs, keyword.other.namespace.cs, keyword.other.class.cs, keyword.other.struct.cs#66D9EFitalic
entity.name.function.cs#A6E22E
entity.name.variable.parameter.cs#FD971Fitalic
keyword.other.this.cs#FD971Fitalic
inherit-class#A6E22Eitalic
punctuation.squarebracket-attribute.open.cs, punctuation.squarebracket-attribute.close.cs#F92672bold
keyword.operator.logical#FD971F
variable#0080FF
variable.parameter.fish, source.option.fish#AE81FF
string.unquoted.argument.shell, variable.other.lua, variable.other.property, variable.other.assignment.shell#F8F8F2
entity.name.function#A6E22E
entity.name.command, variable.function.fish, meta.function-call.name.fish, support.type.property-name#66D9EF
punctuation.definition.annotation, punctuation.definition.case-pattern, punctuation.separator, storage.type.function#F92672
keyword.other.definition.ini#66D9EF
entity.name.tag.yaml#66D9EF
keyword.control.ssh_config#66D9EF
SuperGreatMonokai by SuperGregM - VS Code Theme