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#212733
  • editor.foreground#5CCFE6
  • editor.inactiveSelectionBackground#283543
  • editor.lineHighlightBackground#1C222C
  • editor.selectionBackground#293847
  • editorCursor.foreground#FFCC66
  • editorIndentGuide.background#363E4A
  • editorWhitespace.foreground#39424E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#CCC9C2
comment, punctuation.definition.comment#5C6773italic
variable#c2c7cc
string, constant.other.symbol#BAE67E
constant.numeric#FFCC66
string.regexp, constant.character.escape#95E6CB
constant.language#FFCC66
constant.character, constant.other#FFCC66
variable.member#ec5f67
keyword - keyword.operator, keyword.operator.word, keyword.control, keyword.other.special-method#FFA759
keyword.operator
keyword.control.conditional#669999
punctuation.separator, punctuation.terminator#FFA759
punctuation.section#CCC9C2
punctuation.accessor#F29E74
punctuation.definition.annotation#CCC9C2CC
variable.other.dollar.only.js, variable.other.object.dollar.only.js, variable.type.dollar.only.js, support.class.dollar.only.js#FFC44C
storage#FFA759
storage.type#FFA759
(entity.name.function | entity.name.def | entity.name.function_call) - (entity.name.def.variable | entity.name.def.set)#FFD580
entity.name - (entity.name.section | entity.name.tag | entity.name.label)#73D0FF
entity.other.inherited-class#73D0FFunderline
variable.parameter#FFCC66
variable.language#5CCFE6italic
entity.name.tag, meta.tag.sgml#5CCFE6
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#5CCFE690
entity.other.attribute-name#FFD580
variable.function, variable.annotation#FFD580
support.function, support.macro#F28779
support.constant#F29E74italic
support.type, support.class#5CCFE6italic
invalid#FF3333
invalid.deprecated#FFFFFF
meta.diff, meta.diff.header#c594c5
source.ruby variable.other.readwrite#FFD580
source.css entity.name.tag, source.sass entity.name.tag, source.scss entity.name.tag, source.less entity.name.tag, source.stylus entity.name.tag#73D0FF
source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type#5C6773
support.type.property-name#5CCFE6normal
constant.numeric.line-number.find-in-files - match#5C6773
constant.numeric.line-number.match#FFA759
entity.name.filename.find-in-files#BAE67E
message.error#FF3333
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#5CCFE6
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#5CCFE6
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#5CCFE6
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#5CCFE6
source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#5CCFE6
source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#5CCFE6
source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#5CCFE6
source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#5CCFE6
source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#5CCFE6
markup.heading#FFA759bold
string.other.link, markup.underline.link#95E6CBitalic underline
punctuation.definition.image#FFD580
markup.italic#F28779italic
markup.bold#F28779bold
markup.italic markup.bold | markup.bold markup.italicbold italic
markup.raw
markup.raw.inline
meta.separator#5C6773bold
markup.quote#FFCC66italic
markup.list.numbered.bullet, markup.list punctuation.definition.list_item#95E6CB
markup.inserted#BAE67E
markup.changed#5CCFE6
markup.deleted#F28779
markup.strike#FFC44C
markup.table#5CCFE6
text.html.markdown markup.raw.inline#F29E74
text.html.markdown meta.dummy.line-break#5C6773
markup.raw.block.fenced.markdown#CCC9C2
punctuation.definition.fenced.markdown, variable.language.fenced.markdown#5C6773
variable.language.fenced.markdown#5C6773
markup.inserted.git_gutter#BAE67E
markup.changed.git_gutter#5CCFE6
markup.deleted.git_gutter#FF3333
markup.ignored.git_gutter#363E4A
markup.untracked.git_gutter#363E4A
gutter_color#FFFFFF
acejump.label.blue#FFFFFF
acejump.label.green#FFFFFF
acejump.label.orange#FFFFFF
acejump.label.purple#FFFFFF
sublimelinter.mark.warning#5CCFE6
sublimelinter.gutter-mark#FFFFFF
sublimelinter.mark.error#FF3333
entity.name.type#CCC9C2
keyword.operator#CCC9C2
punctuation.brackets.1#CCC9C2
punctuation.brackets.2#ec5f67
punctuation.brackets.3#bae67e
punctuation.brackets.4#73d0ff
Dark Theme MAKRO by Jeppe Kinslev - VS Code Theme