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#1b1b1b
  • activityBarBadge.background#ff6200
  • editor.background#1d1d1c
  • editor.foreground#e6e6e6
  • editor.hoverHighlightBackground#ff770030
  • editorHoverWidget.background#2a2a2a
  • editorHoverWidget.border#ff6200
  • editorSuggestWidget.highlightForeground#ffae00
  • list.activeSelectionBackground#333333
  • list.activeSelectionForeground#ffffff
  • sideBar.background#1b1b1b
  • sideBar.foreground#f5f5f5
  • sideBarTitle.foreground#ffae00
  • statusBar.background#2a2a2a
  • statusBar.border#ff6200
  • statusBar.foreground#ff9d2d
  • statusBarItem.remoteBackground#ff8800
  • statusBarItem.remoteForeground#ffffff
  • textLink.activeForeground#ff6200
  • textLink.foreground#ffae00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#888888italic
keyword, storage, storage.type, storage.modifier#ffae00
entity.name.function, support.function, variable.function, meta.function-call, meta.function-call.generic, meta.method-call, meta.function-call.object#fccc91
variable, variable.parameter, meta.definition.variable, meta.function.parameters, variable.other.readwrite, variable.other#e7e7e7
constant, constant.numeric, constant.language, constant.character, number#f45c11
string, markup.quote, constant.other.symbol#ff9100
entity.name.type, support.class, entity.name.class, support.type#FFCB6B
entity.other.attribute-name, support.type.property-name, variable.other.property#ffa200
source.json support.type.property-name.json#e6e6e6
meta.structure.dictionary.json meta.structure.dictionary.value.json support.type.property-name.json#FFCB6B
markup.heading.markdown, markup.heading#ffae00bold
markup.bold, markup.bold.markdown#fe910bbold
markup.italic, markup.italic.markdown#ffae00italic
markup.inline.raw.markdown#f45c11
string.other.link.title.markdown#ffa200underline
markup.underline.link.markdown#FFCB6B
markup.quote.markdown#aaaaaaitalic
entity.name.tag.yaml, support.type.property-name.yaml#fe910b
string.unquoted.block.yaml, string.unquoted.plain.out.yaml#ffffff
constant.other.reference.anchor.yaml, punctuation.definition.anchor.yaml#ffa200
constant.other.alias.yaml, punctuation.definition.alias.yaml#ff6200
punctuation.separator.key-value.mapping.yaml#888888
string.unquoted.plain.out.yaml, string.quoted.double.yaml, string.quoted.single.yaml#ffffff
JustBard Orange Theme by JustBard Technologies - VS Code Theme