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.activeBackground#ffa91b
  • activityBar.activeBorder#b97a13
  • activityBar.activeFocusBorder#b97a13
  • activityBar.background#0e283b
  • activityBar.border#000000
  • activityBarBadge.background#091a25
  • badge.background#bbdaffcc
  • badge.foreground#001733
  • debugToolBar.background#001c40
  • dropdown.background#001733
  • editor.background#0e2f46
  • editor.foreground#dcdcdc
  • editor.lineHighlightBackground#0f0f0f
  • editor.selectionBackground#264f78
  • editorCursor.foreground#dcdcdc
  • editorGroup.border#404f7d
  • editorGroup.dropBackground#25375daa
  • editorGroupHeader.tabsBackground#091a25
  • editorGroupHeader.tabsBorder#000000
  • editorHoverWidget.background#001c40
  • editorHoverWidget.border#ffffff44
  • editorLineNumber.activeForeground#949494
  • editorWhitespace.foreground#ffffff40
  • editorWidget.background#001c40
  • errorForeground#a92049
  • focusBorder#bbdaff
  • input.background#001733
  • list.activeSelectionBackground#ffffff60
  • list.focusBackground#ffffff60
  • list.highlightForeground#bbdaff
  • list.hoverBackground#ffffff30
  • list.inactiveSelectionBackground#ffffff40
  • minimap.selectionHighlight#003f8e
  • peekViewResult.background#001c40
  • pickerGroup.foreground#bbdaff
  • progressBar.background#bbdaffcc
  • sideBar.background#0e283b
  • sideBar.border#000000
  • sideBar.foreground#8badc1
  • statusBar.background#00aed7
  • statusBar.border#000000
  • statusBar.debuggingBackground#00aed7
  • statusBar.noFolderBackground#00aed7
  • statusBarItem.hoverBackground#007994
  • statusBarItem.remoteBackground#0e639c
  • tab.inactiveBackground#091a25
  • terminal.ansiBlack#111111
  • terminal.ansiBlue#bbdaff
  • terminal.ansiBrightBlack#333333
  • terminal.ansiBrightBlue#80baff
  • terminal.ansiBrightCyan#78ffff
  • terminal.ansiBrightGreen#b8f171
  • terminal.ansiBrightMagenta#d778ff
  • terminal.ansiBrightRed#ff7882
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffe580
  • terminal.ansiCyan#99ffff
  • terminal.ansiGreen#d1f1a9
  • terminal.ansiMagenta#ebbbff
  • terminal.ansiRed#ff9da4
  • terminal.ansiWhite#cccccc
  • terminal.ansiYellow#ffeead
  • titleBar.activeBackground#001126

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#FFFFFF—
comment#7285B7—
keyword.operator.class, keyword.operator, constant.other, source.php.embedded.line#FFFFFF
variable, support.other.variable, string.other.link, string.regexp, entity.name.tag, entity.other.attribute-name, meta.tag, declaration.tag, markup.deleted.git_gutter#FF9DA4—
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, punctuation.section.embedded, keyword.other.unit#FFC58F
entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution, support.type, support.class#FFEEAD
string, constant.other.symbol, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter#D1F1A9
keyword.operator, constant.other.color#99FFFF—
entity.name.function, meta.function-call, support.function, keyword.other.special-method, meta.block-level, markup.changed.git_gutter#BBDAFF
keyword, storage, storage.type, entity.name.tag.css#EBBBFF
invalid#FFFFFF
meta.separator#FFFFFF—
invalid.deprecated#FFFFFF
markup.inserted.diff, markup.deleted.diff, meta.diff.header.to-file, meta.diff.header.from-file#FFFFFF—
markup.inserted.diff, meta.diff.header.to-file#718C00—
markup.deleted.diff, meta.diff.header.from-file#C82829—
meta.diff.header.from-file, meta.diff.header.to-file#FFFFFF—
meta.diff.range#3E999Fitalic
markup.quote#FFC58F—
markup.list#BBDAFF—
markup.bold, markup.italic#FFC58F—
markup.inline.raw#FF9DA4
token.info-token#6796E6—
token.warn-token#CD9731—
token.error-token#F44747—
token.debug-token#B267E6—
ThemeDatabase All Themes by enes ozturk - VS Code Theme