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.background#0C4D5A
  • activityBar.border#ffffff15
  • activityBar.foreground#1E6FAE
  • activityBar.inactiveForeground#F7F5EF60
  • activityBarBadge.background#1E6FAE
  • activityBarBadge.foreground#0C4D5A
  • button.background#1E6FAE
  • button.foreground#0C4D5A
  • button.hoverBackground#1E6FAEdd
  • editor.background#0C4D5A
  • editor.foreground#F7F5EF
  • editor.inactiveSelectionBackground#55C0C23580
  • editor.lineHighlightBackground#08253240
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#55C0C235
  • editorCursor.foreground#1E6FAE
  • editorGroupHeader.tabsBackground#0C4D5Add
  • editorLineNumber.activeForeground#1E6FAE
  • editorLineNumber.foreground#9EA8AC80
  • focusBorder#1E6FAE
  • foreground#F7F5EF
  • input.background#082532
  • input.border#ffffff15
  • input.foreground#F7F5EF
  • input.placeholderForeground#F7F5EF60
  • list.activeSelectionBackground#1E6FAE30
  • list.activeSelectionForeground#F7F5EF
  • list.highlightForeground#1E6FAE
  • list.hoverBackground#08253240
  • list.hoverForeground#F7F5EF
  • list.inactiveSelectionBackground#1E6FAE15
  • list.inactiveSelectionForeground#F7F5EF
  • selection.background#55C0C235
  • sideBar.background#082532
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F5EF
  • sideBarSectionHeader.background#0C4D5A80
  • sideBarSectionHeader.foreground#F7F5EF
  • sideBarTitle.foreground#1E6FAE
  • statusBar.background#0C4D5A
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F5EF
  • statusBar.noFolderBackground#0C4D5A
  • tab.activeBackground#0C4D5A
  • tab.activeBorderTop#1E6FAE
  • tab.activeForeground#F7F5EF
  • tab.border#ffffff15
  • tab.inactiveBackground#08253260
  • tab.inactiveForeground#F7F5EF80
  • terminal.ansiBlack#0C4D5A
  • terminal.ansiBlue#55C0C2
  • terminal.ansiCyan#D49A3A
  • terminal.ansiGreen#1E6FAE
  • terminal.ansiMagenta#E8E2D6
  • terminal.ansiRed#E8E2D6
  • terminal.ansiWhite#F7F5EF
  • terminal.ansiYellow#D49A3A
  • terminal.background#0C4D5A
  • terminal.foreground#F7F5EF
  • titleBar.activeBackground#0C4D5A
  • titleBar.activeForeground#F7F5EF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0C4D5A
  • titleBar.inactiveForeground#F7F5EF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9EA8ACitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#55C0C2bold
storage.type, storage.modifier#55C0C2italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1E6FAE
string, punctuation.definition.string, string.template, meta.template.expression#D49A3A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E8E2D6
variable, variable.other.readwrite, variable.other.object#F7F5EF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F5EF
variable.parameter, meta.parameter#F7F5EFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F5EF80
keyword.operator#F7F5EF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#D49A3Abold
entity.other.inherited-class#1E6FAE
entity.name.tag, punctuation.definition.tag#55C0C2
entity.other.attribute-name#1E6FAE
meta.diff, meta.diff.header#9EA8AC
markup.deleted#E8E2D6
markup.inserted#1E6FAE
markup.changed#D49A3A
markup.heading, markup.heading.setext, punctuation.definition.heading#1E6FAEbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#D49A3A
string.other.link.title, string.other.link.description#1E6FAE
markup.underline.link#9EA8ACunderline
punctuation.definition.list#55C0C2
markup.quote, punctuation.definition.quote#9EA8ACitalic