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#272822
  • editor.foreground#f8f8f2
  • editor.lineHighlightBackground#333333
  • editor.selectionBackground#444444
  • editorCursor.foreground#f8f8f0
  • editorWhitespace.foreground#3b3a32

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#f8f8f2
comment#aaaaaaitalic
string#a6e22e
constant.numeric#ffcc22
constant.language, meta.preprocessor#be84ff
constant.character, constant.other#be84ff
variable.language#ffcc22
keyword#ff8f7e
storage#ff8f7e
storage.type#88b8f6 italic
entity.name.class#88B8F6 underline
entity.other.inherited-class#cae682italic underline
entity.name.function#CAE682
variable.parameter#ffcc22 italic
entity.name.tag#FF8F7E
entity.other.attribute-name#cae682
support.function#88b8f6
support.constant#88B8F6
support.type, support.class#88b8f6italic
support.other.variable#ffcc22
string.constant#88b8f6
string.regexp#ffcc22
string.variable#ffffff
punctuation.definition.variable#ffffff
entity#cae682
meta.tag.sgml.doctype.xml, declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string, doctype#c8cecc
comment.block.html#aaaaaaitalic
entity.name.tag.script.htmlitalic
text.html.basic meta.tag.other.html, text.html.basic meta.tag.any.html, text.html.basic meta.tag.block.any, text.html.basic meta.tag.inline.any, text.html.basic meta.tag.structure.any.html, text.html.basic source.js.embedded.html, punctuation.separator.key-value.html#cae682
text.html.basic entity.other.attribute-name.html#cae682
text.html.basic meta.tag.structure.any.html punctuation.definition.string.begin.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html#ffffff
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#ffffff
variable.parameter.handlebars#ffcc22
support.constant.handlebars, meta.function.block.start.handlebars#88b8f6
meta.preprocessor.at-rule keyword.control.at-rule#ffcc22
meta.selector.css entity.other.attribute-name.id#ffcc22
meta.selector.css entity.other.attribute-name.class#cae682
support.type.property-name.css#88b8f6
meta.constructor.argument.css#ffcc22
punctuation.section.property-list.css#ffffff
punctuation.definition.tag.css#FF8F7E
punctuation.separator.key-value.css, punctuation.terminator.rule.css#ffffff
entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-selector.css#cae682
variable.other.less#ffffff
entity.other.less.mixin#e0fdce italic
entity.other.attribute-name.pseudo-element.less#FF8F7E
meta.function.js, entity.name.function.js, support.function.dom.js#cae682
storage.type.js#88b8f6 italic
text.html.basic source.js.embedded.html#ffffff
storage.type.function.js#88B8F6 italic
constant.numeric.js#ffcc22
meta.brace.square.js#ffffff
meta.brace.round, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js#ffffff
meta.brace.curly.js#ffffff
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#ffcc2299
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#88B8F699
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#FF8F7E99
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#ffcc22CC
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#88B8F6CC
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#FF8F7ECC
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#ffcc22
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#88B8F6
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#FF8F7E
keyword.other.phpdoc#aaaaaaitalic
source.php.embedded.block.html#ffffff
invalid#f8f8f0
invalid.deprecated#f8f8f0
meta.diff, meta.diff.header#aaaaaa
markup.deleted#ff8f7e
markup.inserted#cae682
markup.changed#a6e22e
meta.diff, meta.diff.range#88b8f6
text.plain text.html.markdown#ffffff
text.html.markdown markup.raw.inline#ff8f7e
text.html.markdown meta.dummy.line-break#e0eddd
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#ffcc22
markup.italic#cae682italic
markup.bold#cae682bold
markup.underline#cae682underline
markup.quote, punctuation.definition.blockquote.markdown#88b8f6italic
markup.quote#88b8f6 italic
string.other.link.title.markdown#88b8f6underline
markup.raw.block
punctuation.definition.list_item.markdown#ff8f7e
markup.raw.code-fence
punctuation.definition.fenced.markdown, variable.language.fenced.markdown#636050
variable.language.fenced.markdown#aaaaaa
meta.separator#ffffff33bold
markup.table#ff8f7e
other.package.exclude, other.remove#ff8f7e
support.function.builtin.shell#cae682
variable.other.normal.shell#88b8f6
source.shell#ffffff
meta.scope.for-in-loop.shell, variable.other.loop.shell#ffcc22
entity.name.function.shell#CAE682
punctuation.definition.string.end.shell, punctuation.definition.string.begin.shell#ffffff
meta.scope.case-block.shell, meta.scope.case-body.shell#ffcc22
punctuation.definition.logical-expression.shell#ffffff
comment.line.number-sign.shell#aaaaaaitalic
meta.function.makefile#88b8f6
markup.deleted.git_gutter#ff8f7e
markup.inserted.git_gutter#CAE682
markup.changed.git_gutter#967EFB
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
sublimelinter.annotations#333333 italic
sublimelinter.outline.illegal
sublimelinter.underline.illegal underline
sublimelinter.outline.warning#333333
sublimelinter.underline.warning
sublimelinter.outline.violation
sublimelinter.underline.violation
constant.numeric.line-number.find-in-files - match#ffcc22
entity.name.filename.find-in-files#87d75f
sublimelinter.mark.error#ff8f7e
sublimelinter.mark.warning#ffcc22
sublimelinter.gutter-mark#FFFFFF
col_gutter#ffffff
col_FFFFFFFF#7F7F7FFF
col_FF0000FF#CCCCCCFF
col_D2B48CFF#383838FF
col_00FFFFFF#323232FF
col_FFA500FF#2D2D2DFF
col_0000FFFF#9D9D9DFF
col_00000004#A6A6A6FF
col_FFFF0001#A7A7A7FF
col_00000001#A6A6A6FF
col_000000FF#808080FF
col_040102FF#828282FF
col_00000008#A5A5A5FF
col_00000010#A4A4A4FF
col_00000002#A6A6A6FF
col_492295FF#BABABAFF
col_008000FF#CBCBCBFF
col_00892BFF#D5D5D5FF
col_34E2E2FF#2D2D2DFF
col_56B6C2FF#1A1A1AFF
col_EEEEECFF#6D6D6DFF
col_6C71C4FF#F8F8F8FF
col_44B4CCFF#151515FF
col_839496FF#0F0F0FFF
col_3465A4FF#DDDDDDFF
col_66FF00FF#343434FF
col_272935FF#A9A9A9FF
col_8AE234FF#333333FF
col_69FF94FF#454545FF
col_2C001EFF#909090FF
col_FF6600FF#080808FF
col_D33682FF#EDEDEDFF
col_300A24FF#989898FF
col_08E8DEFF#232323FF
col_AD7FA8FF#111111FF
col_50FA7BFF#383838FF
col_E5C07BFF#434343FF
col_E06C75FF#0F0F0FFF
col_21222CFF#A2A2A2FF
col_A4FFFFFF#636363FF
col_FFCC00FF#434343FF
col_555555FF#D5D5D5FF
col_007FFFFF#E7E7E7FF
col_555753FF#D5D5D5FF
col_B57EDCFF#191919FF
col_8B00FFFF#C6C6C6FF
col_878787FF#070707FF
col_D74E42FF#F5F5F5FF
col_2AA198FF#FCFCFCFF
col_268BD2FF#F4F4F4FF
col_F5F5F5FF#757575FF
col_FFFFA5FF#747474FF
col_F8F8F2FF#777777FF
col_B58900FF#060606FF
col_FF00FFFF#E9E9E9FF
col_EEEEEEFF#6E6E6EFF
col_EEE8D5FF#676767FF
col_CC0000FF#BCBCBCFF
col_FDF6E3FF#757575FF
col_D4D7D9FF#565656FF
col_729FCFFF#171717FF
col_75507BFF#DFDFDFFF
col_BD93F9FF#2B2B2BFF
col_657B83FF#F5F5F5FF
col_8BE9FDFF#4F4F4FFF
col_98C379FF#2D2D2DFF
col_00FF00FF#151515FF
col_16C60CFF#FCFCFCFF
col_CB4B16FF#EBEBEBFF
col_4E9A06FF#F2F2F2FF
col_6272A4FF#F2F2F2FF
col_D6ACFFFF#424242FF
col_800080FF#B4B4B4FF
col_FFB86CFF#444444FF
col_FCE94FFF#5D5D5DFF
col_586E75FF#E8E8E8FF
col_A9B2C3FF#313131FF
col_9933CCFF#E2E2E2FF
col_D3D7CFFF#545454FF
col_C4A000FF#181818FF
col_06989AFF#ECECECFF
col_E5E5E5FF#656565FF
col_EF2929FF#E4E4E4FF
col_FF6E6EFF#191919FF
col_FF79C6FF#292929FF
col_5F6672FF#E5E5E5FF
col_FF92DFFF#3B3B3BFF
col_FFFF00FF#616161FF
col_CCFF04FF#535353FF
col_D19A66FF#242424FF
col_002B36FF#9F9F9FFF
col_21252BFF#A4A4A4FF
col_61AFEFFF#1E1E1EFF
col_FF5555FF#070707FF
col_93A1A1FF#1C1C1CFF
col_D2691EFF#FFFFFFFF
col_FFFFF1FF#7D7D7DFF
col_7F003FFF#ADADADFF
col_00007FFF#8E8E8EFF
col_808080FF#000000FF
col_BF1F7FFF#D9D9D9FF
col_D3D3D3FF#535353FF
col_DC143CFF#D4D4D4FF
col_AAAAAAFF#2A2A2AFF
col_005898FF#C4C4C4FF
col_FFFFFF01#A7A7A7FF
col_021F7FFF#A1A1A1FF
col_191F7FFF#A8A8A8FF
col_FF1F7FFF#ECECECFF
col_FF037FFF#DCDCDCFF
col_FF027FFF#DBDBDBFF
col_FF197FFF#E9E9E9FF
col_FFFF7FFF#707070FF
col_FFFF0CFF#636363FF
col_FFFF02FF#626262FF
col_968734FF#020202FF
col_AADDDDFF#4D4D4DFF
col_FAF0E6FF#717171FF
col_00DD00FF#010101FF
col_00DDDDFF#1A1A1AFF
col_DDDDDDFF#5D5D5DFF
col_0000DDFF#999999FF
col_DD8800FF#111111FF
col_87AFFFFF#2C2C2CFF
col_A52A2AFF#CECECEFF
col_000080FF#8E8E8EFF
col_008080FF#D9D9D9FF
col_DD0000FF#C2C2C2FF
col_800000FF#A6A6A6FF
col_005FAFFF#CBCBCBFF
col_EE1177FF#DEDEDEFF
col_DD00DDFF#DBDBDBFF
col_808000FF#F1F1F1FF
col_C0C0C0FF#404040FF
col_262721FF#A6A6A6FF
col_990000FF#ADADADFF
col_009900FF#D9D9D9FF
col_006600FF#BBBBBBFF
col_7F51C883#CACACAFF
col_060000FF#818181FF
col_330055FF#989898FF
col_FFEFEFFF#737373FF
col_556B2FFF#DDDDDDFF
col_006400FF#BABABAFF
col_8FBC8FFF#292929FF
col_90EE90FF#474747FF
col_1F3F7FFF#BCBCBCFF
col_E0E0E0FF#606060FF
col_333333FF#B3B3B3FF
col_FFF5E0FF#757575FF
col_FFC0CBFF#545454FF
col_8588B2FF#0B0B0BFF
col_ABAFE5FF#333333FF
col_DCDEF1FF#5F5F5FFF
col_FAFBFEFF#7B7B7BFF
col_DEFFDEFF#717171FF
col_BFFFBFFF#646464FF
col_7F0087FF#B5B5B5FF
col_F5EBF7FF#6F6F6FFF
col_131B1FFF#999999FF
col_20272EFF#A5A5A5FF
col_161C23FF#9B9B9BFF
col_AAFF9954#E1E1E1FF
col_FF5242FF#030303FF
col_113377FF#B0B0B0FF
Wombat from Sublime by UberKaeL - VS Code Theme