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#C9E2ED
  • activityBar.border#ffffff15
  • activityBar.foreground#67D8E9
  • activityBar.inactiveForeground#FAFBFC60
  • activityBarBadge.background#67D8E9
  • activityBarBadge.foreground#C9E2ED
  • button.background#67D8E9
  • button.foreground#C9E2ED
  • button.hoverBackground#67D8E9dd
  • editor.background#C9E2ED
  • editor.foreground#FAFBFC
  • editor.inactiveSelectionBackground#79BCEC3580
  • editor.lineHighlightBackground#07121740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79BCEC35
  • editorCursor.foreground#67D8E9
  • editorGroupHeader.tabsBackground#C9E2EDdd
  • editorLineNumber.activeForeground#67D8E9
  • editorLineNumber.foreground#A2A8AE80
  • focusBorder#67D8E9
  • foreground#FAFBFC
  • input.background#071217
  • input.border#ffffff15
  • input.foreground#FAFBFC
  • input.placeholderForeground#FAFBFC60
  • list.activeSelectionBackground#67D8E930
  • list.activeSelectionForeground#FAFBFC
  • list.highlightForeground#67D8E9
  • list.hoverBackground#07121740
  • list.hoverForeground#FAFBFC
  • list.inactiveSelectionBackground#67D8E915
  • list.inactiveSelectionForeground#FAFBFC
  • selection.background#79BCEC35
  • sideBar.background#071217
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFBFC
  • sideBarSectionHeader.background#C9E2ED80
  • sideBarSectionHeader.foreground#FAFBFC
  • sideBarTitle.foreground#67D8E9
  • statusBar.background#C9E2ED
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFBFC
  • statusBar.noFolderBackground#C9E2ED
  • tab.activeBackground#C9E2ED
  • tab.activeBorderTop#67D8E9
  • tab.activeForeground#FAFBFC
  • tab.border#ffffff15
  • tab.inactiveBackground#07121760
  • tab.inactiveForeground#FAFBFC80
  • terminal.ansiBlack#C9E2ED
  • terminal.ansiBlue#79BCEC
  • terminal.ansiCyan#55CAE7
  • terminal.ansiGreen#67D8E9
  • terminal.ansiMagenta#83F1B6
  • terminal.ansiRed#83F1B6
  • terminal.ansiWhite#FAFBFC
  • terminal.ansiYellow#55CAE7
  • terminal.background#C9E2ED
  • terminal.foreground#FAFBFC
  • titleBar.activeBackground#C9E2ED
  • titleBar.activeForeground#FAFBFC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#C9E2ED
  • titleBar.inactiveForeground#FAFBFC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A2A8AEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79BCECbold
storage.type, storage.modifier#79BCECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67D8E9
string, punctuation.definition.string, string.template, meta.template.expression#55CAE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1B6
variable, variable.other.readwrite, variable.other.object#FAFBFC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFBFC
variable.parameter, meta.parameter#FAFBFCdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFBFC80
keyword.operator#FAFBFC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55CAE7bold
entity.other.inherited-class#67D8E9
entity.name.tag, punctuation.definition.tag#79BCEC
entity.other.attribute-name#67D8E9
meta.diff, meta.diff.header#A2A8AE
markup.deleted#83F1B6
markup.inserted#67D8E9
markup.changed#55CAE7
markup.heading, markup.heading.setext, punctuation.definition.heading#67D8E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55CAE7
string.other.link.title, string.other.link.description#67D8E9
markup.underline.link#A2A8AEunderline
punctuation.definition.list#79BCEC
markup.quote, punctuation.definition.quote#A2A8AEitalic