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.

  • activityBar.background#1f1f1f
  • activityBar.border#1c1d1c
  • activityBar.foreground#fdfdfd
  • activityBarBadge.background#8fc269
  • editor.background#232023
  • editor.foreground#B8BDA7
  • editor.lineHighlightBackground#ffffff08
  • editor.selectionBackground#ddf0ff33
  • editorCursor.foreground#339966
  • editorGroupHeader.tabsBackground#1c1d1c
  • editorLineNumber.foreground#41463d
  • editorWhitespace.foreground#404040
  • gitDecoration.conflictingResourceForeground#f07178
  • gitDecoration.deletedResourceForeground#bb90d8
  • gitDecoration.ignoredResourceForeground#4e5350
  • gitDecoration.modifiedResourceForeground#ebc17a
  • gitDecoration.untrackedResourceForeground#769baa
  • sideBar.background#1f1f1f
  • sideBarSectionHeader.background#1f1f1f
  • sideBarTitle.foreground#8fc269
  • statusBar.background#6e9651
  • statusBar.debuggingBackground#ebc17a
  • statusBar.debuggingForeground#1f1f1f
  • statusBar.noFolderBackground#4c5c3f
  • tab.activeBackground#1f1f1f
  • tab.activeBorder#8fc269
  • tab.border#1f1f1f
  • tab.hoverBackground#8fc269
  • tab.inactiveBackground#1c1d1c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#B8BDA7
invisibles#ffffffff
dont.match
dont.match
console.error#ff0000ff
console.input#5fafb0ff
console.prompt#8384a1ff
console.warning#ffd700ff
console.debug#ffec8bff
hyperlink#548fa0ff
dont.match
markup.deleted#f8f8f8ff
markup.inserted#f8f8f8ff
markup.changed#f8f8f8ff
markup.underline#c0c0c0ffunderline
markup.bold#c0c0c0ffbold
markup.italic#c0c0c0ffitalic
meta.diff, meta.diff.header#f8f8f8ffitalic
meta.separator.diff#336699italic
meta.separator#ffffffff
property#879ab5ff
dont.match
comment#8B7D6Cffitalic
constant#90B4CBitalic
entity#e0b60dff
entity.name.function.js#e0b60dff
entity.name.class.python#9F67A8
keyword#5EAB30
keyword.operator.logical, keyword.operator.string.php, keyword.operator.key.php#5EAB30bold italic
keyword.operator.assignment#5EAB30bold
keyword.operator.arithmetic.js#5EAB30bold
keyword.operator.assignment.python#9996BAbold
keyword.other.important.css#e0b60d
storage#C99152ff
punctuation.section.group.begin, punctuation.section.group.end, punctuation.section.block.begin, punctuation.section.block.endbold
punctuation.section.array.begin.php, punctuation.section.array.end.php#9996BAbold
punctuation.section.block.begin.php, punctuation.section.block.end.php#e0b60dbold
meta.embedded.block.php, meta.embedded.line.php#e0b60d
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#9F67A8
string punctuation.section.embedded.begin.php, string punctuation.section.embedded.end.php#9F67A8italic
meta.array.php#e0b60d
meta.block#9FB760
punctuation.terminator#E0B60D
punctuation.separator#e0b60dbold
punctuation.separator.key-value.html#9996BA
punctuation.separator.key-value.python#0095A0bold italic
string#9FB760
punctuation.definition.string#9FB760
meta.object-literal.key#0095A0
meta.structure.dictionary-or-set.python#B8BDA7
punctuation.section.function.begin.python, punctuation.section.dictionary.begin.python, punctuation.section.dictionary.end.python, punctuation.section.list.begin.python, punctuation.section.list.end.python, punctuation.section.class.begin.python#e0b60dbold
punctuation.section.dictionary-or-set.end.python, punctuation.section.dictionary-or-set.begin.python#e0b60ditalic
meta.statement.import.python#C99152
punctuation.section.arguments.begin.python, punctuation.section.arguments.end.python#ffffff
support#C96248ff
variable#339966ff
variable.language.this.js#C96248ff
variable.function#E2C484
meta.function-call, meta.object-literal#37DACD
meta.function-call.php#37DACD
meta.function-call.js.variable.function.js#ff0000
variable.parameter#B864C7
variable.other.object.js#BE99C5
punctuation.definition.variable.php#80B290
variable.language.python#9F67A8
variable.parameter.python#0095A0
entity.other.attribute-name.html, entity.other.attribute-name.class.html, entity.other.attribute-name.id.html#0095A0ffitalic
invalid.deprecated#d2a8a1ffitalic,underline
invalid.illegal#f8f8f8ff
text.html.ruby source#c8c8c8ff
entity.other.inherited-class#9996BAffitalic
string source#D9B26Fffitalic
string constant#B8D275
string.regexp#e9c062ff
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#cf7d34ff
string variable#339966
support.function#E0A235
meta.function-call.arguments.python#55A432
meta.item-access.python#983E47
support.constant#cf6a4cff
meta.preprocessor.c#8996a8ff
meta.preprocessor.c keyword#afc4dbff
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string#494949ff
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#698145ff
declaration.tag.inline, declaration.tag.inline entity, source entity.name.tag, source entity.other.attribute-name, meta.tag.inline, meta.tag.inline entity#339966ff
entity.name.tag.css#7FB285ff
entity.other.pseudo-class#55A432
entity.other.pseudo-element, entity.other.pseudo-class.css.sass#55A432italic
entity.other.attribute-name.id#B864C7
entity.other.attribute-name.class#E2C484
source.scss#e0b60d
support.type.property-name.css#0095A0ff
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#718242
meta.preprocessor.at-rule keyword.control.at-rule#cc7832ff
meta.property-value support.constant.named-color.css, meta.property-value constant#718242
meta.constructor.argument.css#8f9d6aff
meta.diff, meta.diff.header, meta.separator#f8f8f8ffitalic
markup.deleted#f8f8f8ff
markup.changed#f8f8f8ff
markup.inserted#f8f8f8ff
meta.string-contents.quoted.double.php variable.other.php#1cf615ff
markup.list#f9ee98ff
markup.heading#cf6a4cff
override.searchResultIndication
override.xmlTagPairOccurrenceIndication
override.htmlTagPairOccurrenceIndication
override.rubyBlockPairOccurrenceIndication
override.pydevOccurrenceIndication#336699
markup.deleted.git_gutter#F92672
markup.inserted.git_gutter#A6E22E
markup.changed.git_gutter#967EFB
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
col_gutter#ffffff
col_3467D1FF#E3E3E3FF
col_983E47FF#D9D9D9FF
col_CC7832FF#090909FF
col_7FB285FF#1D1D1DFF
col_8996A8FF#141414FF
col_8B7D6CFF#FFFFFFFF
col_FFFFFF08#A8A8A8FF
col_9F67A8FF#FFFFFFFF
col_562D56BF#B6B6B6FF
col_0095A0FF#E9E9E9FF
col_FFEC8BFF#666666FF
col_C0C0C0FF#404040FF
col_565656FF#D6D6D6FF
col_967EFBFF#131313FF
col_C8C8C8FF#484848FF
col_5FAFB0FF#171717FF
col_F92672FF#EDEDEDFF
col_C99152FF#1A1A1AFF
col_8A9A95FF#141414FF
col_404040FF#C0C0C0FF
col_CF6A4CFF#040404FF
col_879AB5FF#171717FF
col_000000FF#808080FF
col_F9EE98FF#676767FF
col_420E09FF#9C9C9CFF
col_B8BDA7FF#383838FF
col_E9C062FF#414141FF
col_DFDFDFFF#5F5F5FFF
col_253B22FF#B1B1B1FF
col_9B7A9DFF#070707FF
col_AFC4DBFF#404040FF
col_C96248FF#FDFDFDFF
col_FFD700FF#4A4A4AFF
col_F8F8F8FF#787878FF
col_B8D275FF#3F3F3FFF
col_4A410DFF#BDBDBDFF
col_1CF615FF#1B1B1BFF
col_55A432FF#FFFFFFFF
col_D9B26FFF#363636FF
col_DDF0FF33#C9C9C9FF
col_9B703FFF#F7F7F7FF
col_5C82AFFF#FBFBFBFF
col_8F9D6AFF#131313FF
col_8384A1FF#070707FF
col_E0B60DFF#2F2F2FFF
col_339966FF#F4F4F4FF
col_9996BAFF#1B1B1BFF
col_D2A8A1FF#333333FF
col_B16DC2FF#0B0B0BFF
col_CDA869FF#2B2B2BFF
col_FF0000FF#CCCCCCFF
col_282427FF#A5A5A5FF
col_CF7D34FF#0D0D0DFF
col_698145FF#F5F5F5FF
col_A6E22EFF#3B3B3BFF
col_494949FF#C9C9C9FF
col_336699FF#DCDCDCFF
col_548FA0FF#FFFFFFFF
col_0E2231FF#9D9D9DFF
col_FFFFFFFF#7F7F7FFF
col_221F22FF#A0A0A0FF
col_808080FF#000000FF
col_1B1B1BFF#9B9B9BFF
col_7F7F7FFF#FFFFFFFF
col_2F2F2FFF#AFAFAFFF
col_676767FF#E7E7E7FF
col_131313FF#939393FF
col_B1B1B1FF#313131FF
col_070707FF#878787FF
col_141414FF#949494FF
col_D9D9D9FF#595959FF
col_A0A0A0FF#202020FF
col_9C9C9CFF#1C1C1CFF
col_A8A8A8FF#282828FF
col_1A1A1AFF#9A9A9AFF
col_CCCCCCFF#4C4C4CFF
col_090909FF#898989FF
col_E9E9E9FF#696969FF
col_0D0D0DFF#8D8D8DFF
col_FBFBFBFF#7B7B7BFF
col_C9C9C9FF#494949FF
col_0B0B0BFF#8B8B8BFF
col_F7F7F7FF#777777FF
col_B6B6B6FF#363636FF
col_333333FF#B3B3B3FF
col_363636FF#B6B6B6FF
col_484848FF#C8C8C8FF
col_4A4A4AFF#CACACAFF
col_3F3F3FFF#BFBFBFFF
col_FDFDFDFF#7D7D7DFF
col_DCDCDCFF#5C5C5CFF
col_D6D6D6FF#565656FF
col_414141FF#C1C1C1FF
col_F5F5F5FF#757575FF
col_2B2B2BFF#ABABABFF
col_040404FF#848484FF
col_666666FF#E6E6E6FF
col_171717FF#979797FF
col_787878FF#F8F8F8FF
col_3B3B3BFF#BBBBBBFF
col_BDBDBDFF#3D3D3DFF
col_EDEDEDFF#6D6D6DFF
col_1D1D1DFF#9D9D9DFF
col_F4F4F4FF#747474FF
col_A5A5A5FF#252525FF
col_383838FF#B8B8B8FF
col_E3E3E3FF#636363FF
col_5F5F5FFF#DFDFDFFF
col_9D9D9DFF#1D1D1DFF
col_E6E6E6FF#666666FF
col_3D3D3DFF#BDBDBDFF
col_9B9B9BFF#1B1B1BFF
col_282828FF#A8A8A8FF
col_B8B8B8FF#383838FF
col_8B8B8BFF#0B0B0BFF
col_6D6D6DFF#EDEDEDFF
col_E7E7E7FF#676767FF
col_1C1C1CFF#9C9C9CFF
col_CACACAFF#4A4A4AFF
col_AFAFAFFF#2F2F2FFF
col_595959FF#D9D9D9FF
col_949494FF#141414FF
col_C1C1C1FF#414141FF
col_5C5C5CFF#DCDCDCFF
col_777777FF#F7F7F7FF
col_B3B3B3FF#333333FF
col_BBBBBBFF#3B3B3BFF
col_939393FF#131313FF
col_898989FF#090909FF
col_636363FF#E3E3E3FF
col_979797FF#171717FF
col_313131FF#B1B1B1FF
col_878787FF#070707FF
col_7D7D7DFF#FDFDFDFF
col_747474FF#F4F4F4FF
col_252525FF#A5A5A5FF
col_757575FF#F5F5F5FF
col_BFBFBFFF#3F3F3FFF
col_4C4C4CFF#CCCCCCFF
col_202020FF#A0A0A0FF
col_848484FF#040404FF
col_9A9A9AFF#1A1A1AFF
col_7B7B7BFF#FBFBFBFF
col_696969FF#E9E9E9FF
col_8D8D8DFF#0D0D0DFF
col_ABABABFF#2B2B2BFF
col_FEFEFEFF#7E7E7EFF
col_232023FF#A1A1A1FF
col_A1A1A1FF#212121FF
col_7E7E7EFF#FEFEFEFF
col_212121FF#A1A1A1FF
col_9CE7DAFF#4F4F4FFF
col_4F4F4FFF#CFCFCFFF
col_CFCFCFFF#4F4F4FFF
col_BEA43DFF#202020FF
col_E2C484FF#454545FF
col_454545FF#C5C5C5FF
col_C5C5C5FF#454545FF
col_BE99C5FF#292929FF
col_292929FF#A9A9A9FF
col_A9A9A9FF#292929FF
col_FFC46FFF#4B4B4BFF
col_4B4B4BFF#CBCBCBFF
col_CBCBCBFF#4B4B4BFF
col_5CBEA3FF#1D1D1DFF
col_67C497FF#232323FF
col_232323FF#A3A3A3FF
col_A3A3A3FF#232323FF
col_9FB760FF#252525FF
col_B864C7FF#080808FF
col_080808FF#888888FF
col_888888FF#080808FF
col_54982BFF#F7F7F7FF
col_5EAB30FF#050505FF
col_050505FF#858585FF
col_858585FF#050505FF
col_8BA057FF#111111FF
col_111111FF#919191FF
col_919191FF#111111FF
col_EFEFEFFF#6F6F6FFF
col_0A2234FF#9C9C9CFF
col_ECEEEFCC#444444FF
col_808181FF#000000FF
col_ECEEEFF2#636363FF
col_5A98CBFF#0B0B0BFF
col_999999FF#191919FF
col_000000CC#868686FF
col_FCA200FF#2A2A2AFF
col_000000BF#888888FF
col_2A2A2AFF#AAAAAAFF
col_6F6F6FFF#EFEFEFFF
col_060606FF#868686FF
col_868686FF#060606FF
col_191919FF#999999FF
col_AAAAAAFF#2A2A2AFF
col_444444FF#C4C4C4FF
col_C4C4C4FF#444444FF
col_90B4CBFF#2B2B2BFF
col_FF77FFFF#2F2F2FFF
col_FF77FF77#E3E3E3FF
col_F7F7F7EA#656565FF
col_0A2335FF#9D9D9DFF
col_656565FF#E5E5E5FF
col_E5E5E5FF#656565FF
col_37DACDFF#272727FF
col_272727FF#A7A7A7FF
col_A7A7A7FF#272727FF
col_E0A235FF#282828FF
col_A6B083FF#272727FF
col_DAE0C3FF#5A5A5AFF
col_5A5A5AFF#DADADAFF
col_DADADAFF#5A5A5AFF
col_DAFFC3FF#6D6D6DFF
col_008800FF#CFCFCFFF
col_005500FF#B1B1B1FF
col_447755FF#E3E3E3FF
col_80B290FF#1F1F1FFF
col_1F1F1FFF#9F9F9FFF
col_9F9F9FFF#1F1F1FFF
col_5B5B5BFF#DBDBDBFF
col_DBDBDBFF#5B5B5BFF
col_112244FF#A0A0A0FF
col_ACBAD4FF#383838FF
col_EAEAEAFF#6A6A6AFF
col_B0BED9FF#3C3C3CFF
col_A6B4CDFF#323232FF
col_0C0C0CFF#8C8C8CFF
col_F3F3F3FF#737373FF
col_A9B7D1FF#353535FF
col_FFFFFFE5#686868FF
col_F9F9F9FF#797979FF
col_FAFAFAFF#7A7A7AFF
col_585858FF#D8D8D8FF
col_A8B5CFFF#343434FF
col_DDDDDDFF#5D5D5DFF
col_AFBDD8FF#3B3B3BFF
col_ACBAD5FF#383838FF
col_AAB7D1FF#363636FF
col_ECECECFF#6C6C6CFF
col_A3B0C9FF#2E2E2EFF
col_FFFFFF01#A2A2A2FF
col_F6F6F6FF#767676FF
col_F1F1F1FF#717171FF
col_A5B2CBFF#303030FF
col_A2AEC7FF#2D2D2DFF
col_AEBCD6FF#3A3A3AFF
col_FCFCFCFF#7C7C7CFF
col_0984AEFF#E4E4E4FF
col_00000026#9C9C9CFF
col_1E73BEFF#E2E2E2FF
col_7E7D7EFF#FDFDFDFF
col_0F85B7FF#E7E7E7FF
col_DD9640FF#212121FF
col_DE871DFF#141414FF
col_FFFFFFCC#525252FF
col_525252FF#D2D2D2FF
col_D8D8D8FF#585858FF
col_686868FF#E8E8E8FF
col_323232FF#B2B2B2FF
col_2D2D2DFF#ADADADFF
col_353535FF#B5B5B5FF
col_3A3A3AFF#BABABAFF
col_737373FF#F3F3F3FF
col_7C7C7CFF#FCFCFCFF
col_A2A2A2FF#222222FF
col_3C3C3CFF#BCBCBCFF
col_303030FF#B0B0B0FF
col_6C6C6CFF#ECECECFF
col_E2E2E2FF#626262FF
col_2E2E2EFF#AEAEAEFF
col_797979FF#F9F9F9FF
col_343434FF#B4B4B4FF
col_5D5D5DFF#DDDDDDFF
col_767676FF#F6F6F6FF
col_6A6A6AFF#EAEAEAFF
col_7A7A7AFF#FAFAFAFF
col_E4E4E4FF#646464FF
col_717171FF#F1F1F1FF
col_8C8C8CFF#0C0C0CFF
col_E8E8E8FF#686868FF
col_D2D2D2FF#525252FF
col_BCBCBCFF#3C3C3CFF
col_B4B4B4FF#343434FF
col_222222FF#A2A2A2FF
col_BABABAFF#3A3A3AFF
col_B2B2B2FF#323232FF
col_626262FF#E2E2E2FF
col_B5B5B5FF#353535FF
col_B0B0B0FF#303030FF
col_AEAEAEFF#2E2E2EFF
col_ADADADFF#2D2D2DFF
col_646464FF#E4E4E4FF
col_00000019#9D9D9DFF
col_F99E31FF#2C2C2CFF
col_0C5A7AFF#C6C6C6FF
col_88926CFF#0A0A0AFF
col_0F2D41FF#A6A6A6FF
col_97BD4BFF#242424FF
col_E1FAEAFF#707070FF
col_FFECEBFF#717171FF
col_0D2532FF#9F9F9FFF
col_EB5757FF#030303FF
col_E1F5FAFF#6F6F6FFF
col_4BB877FF#0F0F0FFF
col_FFF5E5FF#767676FF
col_DD882EFF#171717FF
col_554467FF#CDCDCDFF
col_70B276FF#171717FF
col_00ABAFFF#F8F8F8FF
col_344353FF#C0C0C0FF
col_153E59FF#B4B4B4FF
col_FFFF00FF#616161FF
col_172B42FF#A7A7A7FF
col_20BF6BFF#050505FF
col_B9711CFF#FCFCFCFF
col_2B4058FF#BCBCBCFF
col_509054FF#F6F6F6FF
col_FC5C65FF#0C0C0CFF
col_00648EFF#CACACAFF
col_5B6774FF#E4E4E4FF
col_8BC090FF#2A2A2AFF
col_FFFFFF99#262626FF
col_0990B7FF#ECECECFF
col_CECECEFF#4E4E4EFF
col_E08624FF#151515FF
col_A46497FF#FCFCFCFF
col_B2B8B8FF#363636FF
col_55446AFF#CDCDCDFF
col_B81C23FF#CBCBCBFF
col_9FC632FF#292929FF
col_1E9095FF#EEEEEEFF
col_49A8ACFF#0C0C0CFF
col_F99400FF#212121FF
col_163E58FF#B5B5B5FF
col_7FA21BFF#080808FF
col_11345AFF#ADADADFF
col_EEEEEEFF#6E6E6EFF
col_0085B2FF#E2E2E2FF
col_D4D4D4FF#545454FF
col_FFA014FF#2C2C2CFF
col_FF9800FF#252525FF
col_E08623FF#151515FF
col_46A9ADFF#0B0B0BFF
col_F69532FF#262626FF
col_E1A63FFF#2B2B2BFF
col_C88431FF#0E0E0EFF
col_97BD44FF#232323FF
col_F1F4F8FF#737373FF
col_0B2434FF#9E9E9EFF
col_A0A437FF#161616FF
col_00000072#929292FF
col_969696FF#161616FF
col_0E2433FF#9F9F9FFF
col_DB951CFF#1C1C1CFF
col_FFFFFFB2#3C3C3CFF
col_0E0E0EFF#8E8E8EFF
col_707070FF#F0F0F0FF
col_CDCDCDFF#4D4D4DFF
col_161616FF#969696FF
col_262626FF#A6A6A6FF
col_545454FF#D4D4D4FF
col_616161FF#E1E1E1FF
col_2C2C2CFF#ACACACFF
col_151515FF#959595FF
col_9E9E9EFF#1E1E1EFF
col_030303FF#838383FF
col_4E4E4EFF#CECECEFF
col_6E6E6EFF#EEEEEEFF
col_C6C6C6FF#464646FF
col_242424FF#A4A4A4FF
col_A6A6A6FF#262626FF
col_0F0F0FFF#8F8F8FFF
col_929292FF#121212FF
col_0A0A0AFF#8A8A8AFF
col_A4A4A4FF#242424FF
col_959595FF#151515FF
col_838383FF#030303FF
col_8E8E8EFF#0E0E0EFF
col_4D4D4DFF#CDCDCDFF
col_8A8A8AFF#0A0A0AFF
col_8F8F8FFF#0F0F0FFF
col_F0F0F0FF#707070FF
col_ACACACFF#2C2C2CFF
col_464646FF#C6C6C6FF
col_E1E1E1FF#616161FF
col_1E1E1EFF#9E9E9EFF
col_121212FF#929292FF
col_D5D5D5FF#555555FF
col_555555FF#D5D5D5FF
col_5BC0DEFF#252525FF
col_F0AD4EFF#363636FF
col_5CB85CFF#121212FF
col_428BCAFF#FCFCFCFF
col_337AB7FF#EBEBEBFF
col_00000023#9C9C9CFF
col_D9534FFF#FAFAFAFF
col_A6A6A7FF#262626FF
col_FFFF19FF#646464FF
col_FFFF02FF#626262FF
col_FFFFFF7F#0F0F0FFF
col_FFFFFFA5#303030FF
col_5BA7C1FF#131313FF
col_63C3C5FF#262626FF
col_756983FF#EFEFEFFF
col_4B3A61FF#C3C3C3FF
col_B9D767FF#414141FF
col_076787FF#CDCDCDFF
col_11334AFF#ABABABFF
col_C3C3C3FF#434343FF
col_EBEBEBFF#6B6B6BFF
col_6B6B6BFF#EBEBEBFF
col_434343FF#C3C3C3FF

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Forest Focus - Coding Theme