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.

  • editor.background#040a16
  • editor.foreground#b9bdb6
  • editor.lineHighlightBackground#ffffff0f
  • editor.selectionBackground#253b76ff
  • editorCursor.foreground#ffffff
  • editorWhitespace.foreground#404040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
mcol_FF0000FF#4C0000FF—
mcol_text_FF0000FF#FF0000FF—
mcol_0000FFFF#00004CFF—
mcol_text_0000FFFF#0000FFFF—
mcol_008000FF#7FFF7FFF—
mcol_text_008000FF#008000FF—
mcol_00FF00FF#004C00FF—
mcol_text_00FF00FF#00FF00FF—
mcol_000000FF#FFFFFFFF—
mcol_text_000000FF#000000FF—
mcol_FF0000FF#4C0000FF—
mcol_text_FF0000FF#FF0000FF—
mcol_0000FFFF#00004CFF—
mcol_text_0000FFFF#0000FFFF—
mcol_008000FF#7FFF7FFF—
mcol_text_008000FF#008000FF—
mcol_00FF00FF#004C00FF—
mcol_text_00FF00FF#00FF00FF—
mcol_FF0000FF#4C0000FF—
mcol_text_FF0000FF#FF0000FF—
mcol_0000FFFF#00004CFF—
mcol_text_0000FFFF#0000FFFF—
mcol_008000FF#7FFF7FFF—
mcol_text_008000FF#008000FF—
mcol_00FF00FF#004C00FF—
mcol_text_00FF00FF#00FF00FF—
mcol_000000FF#FFFFFFFF—
mcol_text_000000FF#000000FF—
mcol_FF0000FF#4C0000FF—
mcol_text_FF0000FF#FF0000FF—
mcol_0000FFFF#00004CFF—
mcol_text_0000FFFF#0000FFFF—
mcol_008000FF#7FFF7FFF—
mcol_text_008000FF#008000FF—
mcol_00FF00FF#004C00FF—
mcol_text_00FF00FF#00FF00FF—
mcol_FF0000FF#4C0000FF—
mcol_text_FF0000FF#FF0000FF—
mcol_000000FF#FFFFFFFF—
mcol_text_000000FF#000000FF—
mcol_0000FFFF#00004CFF—
mcol_text_0000FFFF#0000FFFF—
mcol_008000FF#7FFF7FFF—
mcol_text_008000FF#008000FF—
mcol_00FF00FF#004C00FF—
mcol_text_00FF00FF#00FF00FF—
mcol_FF0000FF#4C0000FF—
mcol_text_FF0000FF#FF0000FF—
mcol_0000FFFF#00004CFF—
mcol_text_0000FFFF#0000FFFF—
mcol_008000FF#7FFF7FFF—
mcol_text_008000FF#008000FF—
mcol_00FF00FF#004C00FF—
mcol_text_00FF00FF#00FF00FF—
mcol_a0adafFF#505D5EFF—
mcol_text_a0adafFF#a0adafFF—
mcol_222222FF#DDDDDDFF—
mcol_text_222222FF#222222FF—
mcol_ffff3333#CBCC00FF—
mcol_text_ffff3333#ffff3333—
mcol_0000FFFF#00004CFF—
mcol_text_0000FFFF#0000FFFF—
mcol_F20180FF#4C0028FF—
mcol_text_F20180FF#F20180FF—
mcol_010180FF#7F7FFDFF—
mcol_text_010180FF#010180FF—
mcol_00FF00FF#004C00FF—
mcol_text_00FF00FF#00FF00FF—
mcol_D2B48CFF#73552CFF—
mcol_text_D2B48CFF#D2B48CFF—
mcol_ddddddFF#212121FF—
mcol_text_ddddddFF#ddddddFF—
mcol_ffff33FF#CBCC00FF—
mcol_text_ffff33FF#ffff33FF—
mcol_404040FF#BFBFBFFF—
mcol_text_404040FF#404040FF—
mcol_CC0180FF#FE32B2FF—
mcol_text_CC0180FF#CC0180FF—
mcol_FF0000FF#4C0000FF—
mcol_text_FF0000FF#FF0000FF—
mcol_dddddddd#212121FF—
mcol_text_dddddddd#dddddddd—
mcol_ffffffFF#000000FF—
mcol_text_ffffffFF#ffffffFF—
mcol_00ff00FF#004C00FF—
mcol_text_00ff00FF#00ff00FF—
mcol_000000FF#FFFFFFFF—
mcol_text_000000FF#000000FF—
mcol_ff3300FF#4C0F00FF—
mcol_text_ff3300FF#ff3300FF—
mcol_00000000#FFFFFFFF—
mcol_text_00000000#00000000—
mcol_008000FF#7FFF7FFF—
mcol_text_008000FF#008000FF—
mcol_ccccccFF#323232FF—
mcol_text_ccccccFF#ccccccFF—
mcol_0000ffFF#00004CFF—
mcol_text_0000ffFF#0000ffFF—
mcol_0000ffff#00004CFF—
mcol_text_0000ffff#0000ffff—
mcol_E60180FF#4C002AFF—
mcol_text_E60180FF#E60180FF—
mcol_D90180FF#4C002CFF—
mcol_text_D90180FF#D90180FF—
mcol_ffffffff#000000FF—
mcol_text_ffffffff#ffffffff—
mcol_ff0000FF#4C0000FF—
mcol_text_ff0000FF#ff0000FF—
mcol_FFFFFFFF#000000FF—
mcol_text_FFFFFFFF#FFFFFFFF—
—#b9bdb6—
invisibles#404040ff—
invalid.deprecated#ab2a1dffitalic
keyword#5ce638ff—
keyword.operator#fbde2dff—
markup.deleted#f8f8f8ff—
support.constant#5ce638ff—
hyperlink#548fa0ff—
keyword.other.function#fbde2dffbold
string#5ce638ff—
constant.other.placeholder#ff6400ff—
punctuation.section#00ffffff—
markup.bold#b9bdb6ffbold
console.warning#cccc33ff—
comment.block#aeaeaeffitalic
entity#5ba1cfff—
console.prompt#d8fa3cff—
meta.function-call#5ba1cf—
variable.other.php, variable.parameter.php#b9bdb6—
meta.function-call.py#becde6ff—
console.error#ca0000ff—
meta.separator.diff#ffffffffitalic
markup.inserted#f8f8f8ff—
variable.language#fdefa2ffitalic
entity.name.section#ffffffff—
keyword.other.modifiers#fbde2dffbold
markup.underline#b9bdb6ffunderline
constant#5ce638ff—
comment#aeaeaeff—
meta.diff, meta.diff.header#f8f8f8ffitalic
storage#fbde2dff—
entity.other.inherited-class#ff6400ffitalic
entity.other.attribute-name#e0e8ffff—
keyword.other.class#fbde2dffbold
meta.verbatim#61ce3cff—
meta.separator#ffffffff—
support#879ab5ff—
invalid.illegal#f8f8f8ff—
meta.tag#7f90aaff—
property#879ab5ff—
markup.italic#b9bdb6ffitalic
markup.changed#f8f8f8ff—
keyword.control#fbde2dff—
keyword.type.variant#d5e0f3ff—
console.input#61ce3cff—
meta.tag.entity#7f90aaff—
keyword.control.import#fbde2dffitalic
override.searchResultIndication——
override.xmlTagPairOccurrenceIndication——
override.htmlTagPairOccurrenceIndication——
override.rubyBlockPairOccurrenceIndication——
override.pydevOccurrenceIndication——
sublimelinter.mark.error#D02000—
sublimelinter.gutter-mark#FFFFFF—
sublimelinter.mark.warning#DDB700—
CH_color_000000ff#FFFFFFFF—
CH_text_color_000000ff#000000ff—
CH_color_ccccccff#323232FF—
CH_text_color_ccccccff#ccccccff—
CH_color_ffffffff#000000FF—
CH_text_color_ffffffff#ffffffff—
CH_color_ddbb22ff#42380AFF—
CH_text_color_ddbb22ff#ddbb22ff—
CH_color_ccaa33ff#3D320FFF—
CH_text_color_ccaa33ff#ccaa33ff—
ISO Theme by Uniquite - VS Code Theme