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.activeBackground#666666
  • activityBar.activeBorder#ffffff
  • editor.background#312321
  • editor.foreground#e6e1c4
  • editor.lineHighlightBackground#028d4c66
  • editor.selectionBackground#a40042
  • editorCursor.foreground#dddddd
  • editorRuler.foreground#333333
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#e6e1c4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#007022
  • editorWhitespace.foreground#5b413d
  • quickInput.background#252526
  • quickInput.foreground#cccccc
  • quickInputList.focusBackground#007022
  • quickInputTitle.background#ffffff1b
  • tab.activeBackground#4e3532
  • tab.activeBorder#37c400
  • tab.activeForeground#ffffff
  • tab.activeModifiedBorder#3399cc
  • tab.border#252526
  • tab.inactiveBackground#080808
  • tab.inactiveForeground#686060
  • tab.inactiveModifiedBorder#3399cc80
  • tab.lastPinnedBorder#585858
  • tab.unfocusedActiveBackground#463533
  • tab.unfocusedActiveBorder#258100
  • tab.unfocusedActiveForeground#ffffff80
  • tab.unfocusedActiveModifiedBorder#3399cc80
  • tab.unfocusedInactiveBackground#2d2d2d
  • tab.unfocusedInactiveForeground#ffffff40
  • tab.unfocusedInactiveModifiedBorder#3399cc40

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#cec0b4bbitalic
string.quoted.double.block.python#6B4E32italic
constant#6C99BB
entity#EFAC32
keyword#EF5D32
storage#EF5D32
string#D9D762italic
support#E6E1C4
variable#7DAF9C
invalid.deprecated#CC4232italic underline
invalid.illegal#E6E1C4
string constant#6C99BBitalic
string.regexp#8856D2
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#BE73FD
string variable#8A9A95
support.function#EFAC32
support.constant#6C99BB
meta.preprocessor.c#8996A8
meta.preprocessor.c keyword#AFC4DB
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#86B4BB
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#86B4BB
meta.diff, meta.diff.header, meta.separator#F8F8F8italic
markup.deleted#F8F8F8
markup.changed#F8F8F8
markup.inserted#F8F8F8
keyword.control.at-rule.sass#EF5D32
variable.parameter#7DAF9C
keyword.control.untitled, entity.other.attribute-name.class.sass, entity.other.attribute-name.id.sass, entity.other.attribute-name.tag.pseudo-class#EFAC32
support.type.property-name.sass#E6E1C4
support.constant.property-value.sass#C699BB
meta.selector.css entity.name.tag, meta.selector.css entity.other.attribute-name.class, meta.selector.css entity.other.attribute-name.id#EFAC32
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#C699BB
meta.property-value support.constant.named-color.css, meta.property-value constant#6C99BB
comment#CEC0B4BBitalic
punctuation.definition.comment#CEC0B4BBitalic
keyword - keyword.operatoritalic
keyword.controlitalic
storageitalic
storage.typeitalic
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
Birds of Paradise (Ronny) by Ronny Haryanto - VS Code Theme