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#0B3F3D
  • activityBar.border#ffffff15
  • activityBar.foreground#0B5F5A
  • activityBar.inactiveForeground#F7FBFB60
  • activityBarBadge.background#0B5F5A
  • activityBarBadge.foreground#0B3F3D
  • button.background#0B5F5A
  • button.foreground#0B3F3D
  • button.hoverBackground#0B5F5Add
  • editor.background#0B3F3D
  • editor.foreground#F7FBFB
  • editor.inactiveSelectionBackground#0E7C763580
  • editor.lineHighlightBackground#062F2E40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#0E7C7635
  • editorCursor.foreground#0B5F5A
  • editorGroupHeader.tabsBackground#0B3F3Ddd
  • editorLineNumber.activeForeground#0B5F5A
  • editorLineNumber.foreground#B7CFCF80
  • focusBorder#0B5F5A
  • foreground#F7FBFB
  • input.background#062F2E
  • input.border#ffffff15
  • input.foreground#F7FBFB
  • input.placeholderForeground#F7FBFB60
  • list.activeSelectionBackground#0B5F5A30
  • list.activeSelectionForeground#F7FBFB
  • list.highlightForeground#0B5F5A
  • list.hoverBackground#062F2E40
  • list.hoverForeground#F7FBFB
  • list.inactiveSelectionBackground#0B5F5A15
  • list.inactiveSelectionForeground#F7FBFB
  • selection.background#0E7C7635
  • sideBar.background#062F2E
  • sideBar.border#ffffff15
  • sideBar.foreground#F7FBFB
  • sideBarSectionHeader.background#0B3F3D80
  • sideBarSectionHeader.foreground#F7FBFB
  • sideBarTitle.foreground#0B5F5A
  • statusBar.background#0B3F3D
  • statusBar.border#ffffff15
  • statusBar.foreground#F7FBFB
  • statusBar.noFolderBackground#0B3F3D
  • tab.activeBackground#0B3F3D
  • tab.activeBorderTop#0B5F5A
  • tab.activeForeground#F7FBFB
  • tab.border#ffffff15
  • tab.inactiveBackground#062F2E60
  • tab.inactiveForeground#F7FBFB80
  • terminal.ansiBlack#0B3F3D
  • terminal.ansiBlue#0E7C76
  • terminal.ansiCyan#8FDDE6
  • terminal.ansiGreen#0B5F5A
  • terminal.ansiMagenta#137A6C
  • terminal.ansiRed#137A6C
  • terminal.ansiWhite#F7FBFB
  • terminal.ansiYellow#8FDDE6
  • terminal.background#0B3F3D
  • terminal.foreground#F7FBFB
  • titleBar.activeBackground#0B3F3D
  • titleBar.activeForeground#F7FBFB
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0B3F3D
  • titleBar.inactiveForeground#F7FBFB60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7CFCFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#0E7C76bold
storage.type, storage.modifier#0E7C76italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0B5F5A
string, punctuation.definition.string, string.template, meta.template.expression#8FDDE6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#137A6C
variable, variable.other.readwrite, variable.other.object#F7FBFB
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7FBFB
variable.parameter, meta.parameter#F7FBFBdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7FBFB80
keyword.operator#F7FBFB
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8FDDE6bold
entity.other.inherited-class#0B5F5A
entity.name.tag, punctuation.definition.tag#0E7C76
entity.other.attribute-name#0B5F5A
meta.diff, meta.diff.header#B7CFCF
markup.deleted#137A6C
markup.inserted#0B5F5A
markup.changed#8FDDE6
markup.heading, markup.heading.setext, punctuation.definition.heading#0B5F5Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8FDDE6
string.other.link.title, string.other.link.description#0B5F5A
markup.underline.link#B7CFCFunderline
punctuation.definition.list#0E7C76
markup.quote, punctuation.definition.quote#B7CFCFitalic
Morphous Theme by Ameyanagi - VS Code Theme