Skip to main content
Coding Theme

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.activeBackground#2C2E2F
  • activityBar.activeBorder#2C2E2F
  • activityBar.background#1E1F22
  • activityBar.border#323232
  • activityBar.foreground#BBBBBB
  • breadcrumb.background#1E1F22
  • editor.background#1E1F22
  • editor.foldBackground#3A3A3A
  • editor.foreground#A9B7C6
  • editor.lineHighlightBackground#323232
  • editorError.foreground#BC3F3C
  • editorGroupHeader.border#323232
  • editorGroupHeader.noTabsBackground#3C3F41
  • editorGroupHeader.tabsBackground#3C3F41
  • editorGroupHeader.tabsBorder#323232
  • editorGutter.background#1E1F22
  • editorHoverWidget.background#46484A
  • editorHoverWidget.border#565656
  • editorHoverWidget.foreground#BBBBBB
  • editorIndentGuide.activeBackground#373737
  • editorIndentGuide.background#373737
  • editorInfo.foreground#AEAE80
  • editorLineNumber.activeForeground#A4A3A3
  • editorLineNumber.foreground#606366
  • editorOverviewRuler.background#2B2B2B
  • editorSuggestWidget.background#46484A
  • editorSuggestWidget.border#565656
  • editorSuggestWidget.foreground#BBBBBB
  • editorSuggestWidget.highlightForeground#589DF6
  • editorSuggestWidget.selectedBackground#113A5C
  • editorWarning.foreground#F49810
  • foreground#BBBBBB
  • gitDecoration.addedResourceForeground#629755
  • gitDecoration.deletedResourceForeground#6C6C6C
  • gitDecoration.ignoredResourceForeground#848504
  • gitDecoration.modifiedResourceForeground#6897BB
  • gitDecoration.untrackedResourceForeground#D1675A
  • input.border#323232
  • list.activeSelectionBackground#2F65CA
  • list.activeSelectionForeground#BBBBBB
  • list.inactiveSelectionBackground#0D293E
  • menu.background#3C3F41
  • menu.border#515151
  • menu.foreground#BBBBBB
  • menu.separatorBackground#515151
  • minimap.background#2B2B2B
  • notifications.background#4E5052
  • notifications.border#54585A
  • panel.background#3C3F41
  • panel.border#323232
  • sideBar.background#2B2D30
  • sideBar.border#323232
  • sideBarSectionHeader.background#3C3F41
  • sideBarSectionHeader.border#323232
  • statusBar.background#2B2D30
  • statusBar.border#515151
  • statusBar.debuggingBackground#3C3F41
  • statusBar.foreground#BBBBBB
  • statusBar.noFolderBackground#3C3F41
  • statusBarItem.hoverBackground#4C5052
  • tab.activeBackground#1E1F22
  • tab.activeBorder#57A8F5
  • tab.activeForeground#BBBBBB
  • tab.border#1E1F22
  • tab.hoverForeground#FFFFFF
  • tab.inactiveBackground#1E1F22
  • tab.inactiveForeground#BBBBBB
  • terminal.ansiBlack#FFFFFF
  • terminal.ansiBlue#5394EC
  • terminal.ansiBrightBlack#555555
  • terminal.ansiBrightBlue#7EAEF1
  • terminal.ansiBrightCyan#6CDADA
  • terminal.ansiBrightGreen#A8C023
  • terminal.ansiBrightMagenta#FF99FF
  • terminal.ansiBrightRed#FF8785
  • terminal.ansiBrightWhite#1F1F1F
  • terminal.ansiBrightYellow#FFFF00
  • terminal.ansiCyan#299999
  • terminal.ansiGreen#A8C023
  • terminal.ansiMagenta#AE8ABE
  • terminal.ansiRed#FF6B68
  • terminal.ansiWhite#999999
  • terminal.ansiYellow#D6BF55
  • terminal.background#1E1F22
  • terminal.border#1E1F22
  • terminal.foreground#BBBBBB
  • textLink.foreground#589DF6
  • titleBar.activeBackground#3C3F41
  • titleBar.border#515151
  • titleBar.inactiveBackground#3D3F41
  • widget.shadow#00000080

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#808080—
comment.block.javadoc.java, comment.line.number-sign.yaml#629755italic
keyword.other.documentation.javadoc.java#629755italic
string.other.link.title.markdown, string.other.link.description.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#287BDEunderline
markup.underline.link.markdown, markup.underline.link.image.markdown#FFC66Ditalic
markup.inline.raw.string.markdown, markup.fenced_code.block.markdown, string.other.link.description.title.markdown, punctuation.separator.key-value.java-properties#808080—
entity.other.attribute-name.localname.xml, entity.other.attribute-name.xml, variable.language.documentroot.xml#BABABA—
entity.name.tag.localname.xml, entity.name.tag.xml, keyword.other.doctype.xml, punctuation.definition.tag.xml#E8BF6A—
constant.character.entity.xml#6D9CBE—
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, variable.other.definition.java, entity.name.function.java, meta.embedded.block, source.editorconfig punctuation.definition.brace, source.editorconfig keyword.operator#A9B7C6
support.type.property-name.json, entity.name.tag.namespace.xml, entity.other.attribute-name.namespace.xml, source.editorconfig keyword.other.definition#9876AA—
constant.other.enum.java, markup.heading.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#9876AAitalic
punctuation.definition.annotation.java, storage.type.annotation.java#B2AD60—
comment.block.javadoc.java variable.parameter.java#A9B7C6—
punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json, constant.language.json, entity.name.tag.yaml, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.constant.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, constant.other.reference.link.markdown, 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, punctuation.separator.delimiter.java, punctuation.terminator.java, constant.character.escape, entity.name.section.group-title.editorconfig, support.constant.java-properties#CC7832—
constant.numeric#2CABB8—
string.quoted.double, string.quoted.single, markup.quote.markdown, source.editorconfig constant.language, source.editorconfig constant.numeric, string.unquoted.java-properties#6AAB73—
IntelliYay Theme by Alejandro Ferrero - VS Code Theme