Skip to main content
CodingTheme

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#E2E2E2
  • activityBar.border#A0A0A0
  • activityBar.foreground#000000
  • breadcrumb.background#FFFFFF
  • editor.background#FFFFFF
  • editor.foldBackground#00000000
  • editor.foreground#000000
  • editor.lineHighlightBackground#E8F2FE
  • editorError.foreground#FF0080
  • editorGroupHeader.noTabsBackground#EEEEEE
  • editorGroupHeader.tabsBackground#EEEEEE
  • editorGroupHeader.tabsBorder#A0A0A0
  • editorGutter.background#F8F8F8
  • editorHoverWidget.background#FFFFFF
  • editorHoverWidget.border#A0A0A0
  • editorHoverWidget.foreground#000000
  • editorInfo.foreground#82A0BE
  • editorLineNumber.foreground#787878
  • editorOverviewRuler.background#F8F8F8
  • editorSuggestWidget.background#FFFFFF
  • editorSuggestWidget.border#A0A0A0
  • editorSuggestWidget.foreground#000000
  • editorWarning.foreground#F4C82D
  • foreground#2E3436
  • input.border#A0A0A0
  • menu.background#E2E2E2
  • minimap.background#F8F8F8
  • panel.background#FFFFFF
  • panel.border#A0A0A0
  • sideBar.background#FFFFFF
  • sideBar.border#A0A0A0
  • sideBarSectionHeader.background#E2E2E2
  • sideBarSectionHeader.border#A0A0A0
  • statusBar.background#E2E2E2
  • statusBar.border#A0A0A0
  • statusBar.debuggingBackground#E2E2E2
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#E2E2E2
  • statusBarItem.hoverBackground#FFFFFF
  • tab.activeBackground#FFFFFF
  • tab.activeBorder#FFFFFF
  • tab.activeForeground#000000
  • tab.border#A0A0A0
  • tab.hoverBackground#FFFFFF
  • tab.inactiveBackground#EEEEEE
  • tab.inactiveForeground#2E3436
  • textLink.foreground#134A8E
  • titleBar.activeBackground#E2E2E2
  • titleBar.border#A0A0A0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source.java comment, comment.line.java-properties#3F7F5F—
comment.block.javadoc.java, comment#3F5FBF—
keyword.other.documentation.javadoc.java#7F9FBFbold
entity.other.attribute-name.localname.xml, entity.other.attribute-name.xml, variable.language.documentroot.xml, support.type.property-name.json#7F007F—
entity.name.tag.localname.xml, entity.name.tag.xml, keyword.other.doctype.xml#3F7F7F—
constant.character.entity.xml#2A00FF—
punctuation.definition.tag.xml#008080—
entity.name.tag.yaml, source.editorconfig keyword.other.definition#268BD2—
string.unquoted.plain.out.yaml, string.quoted.double.yaml, string.quoted.single.yaml, source.editorconfig constant.language#2AA198—
source.yaml constant.numeric, source.editorconfig constant.numeric#D33682—
source.yaml constant.language, source.editorconfig constant.language.boolean#B58900—
markup.italic.markdown—italic
markup.bold.markdown—bold
markup.bold.markdown markup.italic.markdown—bold italic
markup.heading.markdown#172F47bold
markup.inline.raw.string.markdown, markup.fenced_code.block.markdown#4444CC—
markup.quote.markdown#265691—
entity.name.type.class.java, entity.name.type.enum.java, entity.other.inherited-class.java, storage.type.java, variable.other.object.java, storage.type.generic.java, storage.type.object.array.java, entity.name.function.java, meta.embedded.block, support.constant.java-properties, punctuation.separator.key-value.java-properties#000000—
constant.other.enum.java#0000C0italic bold
punctuation.definition.annotation.java, storage.type.annotation.java#646464—
variable.other.definition.java, variable.parameter.java#6A3E3E—
storage.modifier.java, storage.modifier.extends.java, storage.modifier.super.java, storage.modifier.implements.java, storage.type.primitive.java, storage.type.primitive.array.java, constant.language.java, keyword.other.import.java, keyword.other.package.java, keyword.control.java, keyword.control.new.java, keyword.control.try.java, keyword.control.catch.java, keyword.control.finally.java, keyword.control.throw.java, keyword.operator.instanceof.java, variable.language.java, variable.language.this.java, variable.other.object.property.java#7F0055bold
constant.numeric#000000—
constant.numeric.json#FF0000—
constant.language.json#FF8C00—
string.quoted.double, string.quoted.single, string.unquoted.java-properties#2A00FF—
string.quoted.double.xml, string.quoted.double.json—italic

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...