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#0A3D48
  • activityBar.border#ffffff15
  • activityBar.foreground#67B1E9
  • activityBar.inactiveForeground#F7F5EF60
  • activityBarBadge.background#67B1E9
  • activityBarBadge.foreground#0A3D48
  • button.background#67B1E9
  • button.foreground#0A3D48
  • button.hoverBackground#67B1E9dd
  • editor.background#0A3D48
  • editor.foreground#F7F5EF
  • editor.inactiveSelectionBackground#79EAEC3580
  • editor.lineHighlightBackground#05171F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EAEC35
  • editorCursor.foreground#67B1E9
  • editorGroupHeader.tabsBackground#0A3D48dd
  • editorLineNumber.activeForeground#67B1E9
  • editorLineNumber.foreground#9EA8AC80
  • focusBorder#67B1E9
  • foreground#F7F5EF
  • input.background#05171F
  • input.border#ffffff15
  • input.foreground#F7F5EF
  • input.placeholderForeground#F7F5EF60
  • list.activeSelectionBackground#67B1E930
  • list.activeSelectionForeground#F7F5EF
  • list.highlightForeground#67B1E9
  • list.hoverBackground#05171F40
  • list.hoverForeground#F7F5EF
  • list.inactiveSelectionBackground#67B1E915
  • list.inactiveSelectionForeground#F7F5EF
  • selection.background#79EAEC35
  • sideBar.background#05171F
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F5EF
  • sideBarSectionHeader.background#0A3D4880
  • sideBarSectionHeader.foreground#F7F5EF
  • sideBarTitle.foreground#67B1E9
  • statusBar.background#0A3D48
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F5EF
  • statusBar.noFolderBackground#0A3D48
  • tab.activeBackground#0A3D48
  • tab.activeBorderTop#67B1E9
  • tab.activeForeground#F7F5EF
  • tab.border#ffffff15
  • tab.inactiveBackground#05171F60
  • tab.inactiveForeground#F7F5EF80
  • terminal.ansiBlack#0A3D48
  • terminal.ansiBlue#79EAEC
  • terminal.ansiCyan#E7AF55
  • terminal.ansiGreen#67B1E9
  • terminal.ansiMagenta#F1CD83
  • terminal.ansiRed#F1CD83
  • terminal.ansiWhite#F7F5EF
  • terminal.ansiYellow#E7AF55
  • terminal.background#0A3D48
  • terminal.foreground#F7F5EF
  • titleBar.activeBackground#0A3D48
  • titleBar.activeForeground#F7F5EF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0A3D48
  • 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#79EAECbold
storage.type, storage.modifier#79EAECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67B1E9
string, punctuation.definition.string, string.template, meta.template.expression#E7AF55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CD83
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#E7AF55bold
entity.other.inherited-class#67B1E9
entity.name.tag, punctuation.definition.tag#79EAEC
entity.other.attribute-name#67B1E9
meta.diff, meta.diff.header#9EA8AC
markup.deleted#F1CD83
markup.inserted#67B1E9
markup.changed#E7AF55
markup.heading, markup.heading.setext, punctuation.definition.heading#67B1E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7AF55
string.other.link.title, string.other.link.description#67B1E9
markup.underline.link#9EA8ACunderline
punctuation.definition.list#79EAEC
markup.quote, punctuation.definition.quote#9EA8ACitalic