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.activeBorder#6d6d6d
  • activityBar.background#24292e
  • activityBar.foreground#fafbfc
  • activityBarBadge.background#d64926
  • button.background#5790be
  • editor.background#f9f9f9
  • editor.foreground#24292e
  • editor.lineHighlightBackground#eaeff5
  • editorBracketMatch.background#f1f8ff
  • editorBracketMatch.border#c8e1ff
  • editorGroup.border#cecece
  • editorGroupHeader.tabsBackground#fafbfc
  • editorGroupHeader.tabsBorder#e1e4e8
  • editorIndentGuide.background#eeeeee
  • editorLineNumber.foreground#cccccc
  • focusBorder#4b4b4b
  • input.border#d1d1d1
  • list.activeSelectionBackground#5790be
  • list.activeSelectionForeground#f0f0f0
  • list.activeSelectionIconForeground#f0f0f0
  • list.focusHighlightForeground#ffffff
  • list.inactiveSelectionBackground#d0e2f0
  • menu.background#24292e
  • menu.border#494949
  • menu.foreground#cccccc
  • menu.selectionBackground#9e9e9e
  • menu.separatorBackground#494949
  • menubar.selectionBackground#494949
  • panel.background#f3f3f3
  • scrollbar.shadow#cccccc
  • sideBar.background#f3f3f3
  • sideBar.border#cecece
  • sideBar.foreground#586069
  • sideBarSectionHeader.background#e6e6e6
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#24292e
  • statusBar.background#24292e
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#d64926
  • statusBar.debuggingBorder#ff000000
  • statusBar.debuggingForeground#cccccc
  • statusBar.foreground#cccccc
  • statusBar.noFolderBackground#24292e
  • statusBar.noFolderBorder#ff000000
  • statusBar.noFolderForeground#cccccc
  • statusBarItem.remoteBackground#d64926
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#ffffff
  • tab.activeBorder#e36209
  • tab.border#e1e4e8
  • tab.inactiveBackground#fafbfc
  • tab.inactiveForeground#586069
  • terminal.background#f3f3f3
  • terminal.tab.activeBorder#00000000
  • titleBar.activeBackground#24292e
  • titleBar.activeForeground#cccccc
  • titleBar.border#ff000000
  • titleBar.inactiveBackground#24292e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#24292eff—
keyword.operator.accessor, meta.group.braces.round.function.arguments, meta.template.expression, markup.fenced_code meta.embedded.block#24292eff—
emphasis—italic
strong, markup.heading.markdown, markup.bold.markdown—bold
markup.italic.markdown—italic
meta.link.inline.markdown#005cc5underline
comment, markup.fenced_code, markup.inline#6a737d—
string#032f62—
constant.numeric, constant.language, variable.language.this, variable.other.class, variable.other.constant, meta.property-name, meta.property-value, support#005cc5—
keyword, storage.modifier, storage.type, storage.control.clojure, entity.name.function.clojure, support.function.node, support.type.property-name.json, punctuation.separator.key-value, punctuation.definition.template-expression#d73a49—
variable.parameter.function#E27F2D—
entity.name.type, entity.other.inherited-class, meta.function-call, meta.instance.constructor, entity.other.attribute-name, entity.name.function, constant.keyword.clojure#6f42c1—
entity.name.tag, string.quoted, string.regexp, string.interpolated, string.template, keyword.other.template#22863a—
token.info-token#316bcd—
token.warn-token#cd9731—
token.error-token#cd3131—
token.debug-token#800080—
[Deprecated] GitHub Sharp Theme OG by subinsebastian - VS Code Theme