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.html—italic
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