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#181818
  • activityBarBadge.background#7bbdff
  • activityBarBadge.foreground#181818
  • banner.background#181818
  • button.background#7bbdff
  • button.foreground#181818
  • dropdown.background#181818
  • editor.background#1f1f1f
  • editor.foreground#d8d8d8
  • editor.selectionBackground#4d4d4d
  • editorBracketHighlight.foreground1#fffd78
  • editorBracketHighlight.foreground2#6cffa4
  • editorBracketHighlight.foreground3#628cff
  • editorBracketHighlight.foreground4#e552ff
  • editorBracketHighlight.foreground5#ff4b90
  • editorBracketHighlight.foreground6#ff915a
  • editorError.foreground#ff3e3e
  • editorGroupHeader.tabsBackground#181818
  • editorGutter.addedBackground#6eff69
  • editorGutter.deletedBackground#ff3e3e
  • editorGutter.modifiedBackground#ffea8a
  • editorInfo.foreground#4fd6ff
  • editorWarning.foreground#ffd932
  • errorForeground#ff3e3e
  • focusBorder#909090
  • foreground#d8d8d8
  • list.activeSelectionBackground#4d4d4d
  • panel.background#181818
  • sideBar.background#181818
  • statusBar.background#181818
  • statusBar.debuggingBackground#ff8d74
  • statusBar.debuggingForeground#181818
  • statusBar.noFolderBackground#181818
  • tab.inactiveBackground#181818
  • titleBar.activeBackground#181818
  • titleBar.inactiveBackground#181818
  • toolbar.activeBackground#181818

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition, storage.modifier, keyword, keyword.operator.wordlike, storage.type, entity.name.section.markdown#ff8d74
keyword.constant, constant.language#f7afaf
keyword.operator, punctuation#909090
entity.name.class, entity.name.type, entity.name.namespace, entity.other.inherited-class, support.class, support.type, variable.other.object#7bbdff
variable.other.enummember, entity.name.variable.enum-member#b8e3ff
entity.name.function, entity.name.method, support.function, meta.function-call#abff8d
variable, variable.parameter, constant, meta.function-call.arguments, variable.other.object.property#d8d8d8
variable.other.readonly, constant#b8e3ff
string, punctuation.definition.string, storage.type.string, markup.inline.raw.string.markdown#fffa9f
constant.numeric#f5c8ff
comment, punctuation.definition.comment#909090italic
markup.strikethroughstrikethrough
markup.italicitalic
markup.boldbold
markup.bold markup.italicbold italic
Faded Prism Color Theme by ryanabx - VS Code Theme