Skip to main content
Coding Theme

Color themes

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
ThemeDatabase All Themes by enes ozturk - VS Code Theme