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