Chartres Blue Cathedral Theme
Publisher: VehshanaanThemes in package: 2
Inspired by the stained glass of Chartres Cathedral — a dark and a light theme built around the legendary cobalt blue.
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.activeBorder#FFFFFF
- activityBar.activeFocusBorder#FFFFFF
- activityBar.background#2E4C9B
- activityBar.border#2E4C9B
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#A8C4E8
- activityBarBadge.background#9B1B30
- activityBarBadge.foreground#FFFFFF
- badge.background#2E4C9B
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#1E293B
- breadcrumb.background#F5F0E8
- breadcrumb.focusForeground#1E293B
- breadcrumb.foreground#6B7280
- button.background#2E4C9B
- button.border#2E4C9B
- button.foreground#FFFFFF
- button.hoverBackground#3D6AB5
- button.secondaryBackground#E0DACF
- button.secondaryForeground#1E293B
- button.secondaryHoverBackground#D6D0C4
- debugExceptionWidget.background#F5F0E8
- debugExceptionWidget.border#2E4C9B
- debugToolBar.background#F0EBE0
- descriptionForeground#6B7280
- diffEditor.border#2E4C9B4D
- diffEditor.insertedLineBackground#1A804C0D
- diffEditor.insertedTextBackground#1A804C26
- diffEditor.removedLineBackground#9B1B300D
- diffEditor.removedTextBackground#9B1B3026
- dropdown.background#FFFFFF
- dropdown.border#D6D0C4
- dropdown.foreground#1E293B
- dropdown.listBackground#FFFFFF
- editor.background#F5F0E8
- editor.findMatchBackground#2E4C9B66
- editor.findMatchHighlightBackground#2E4C9B33
- editor.findRangeHighlightBackground#2E4C9B1A
- editor.foreground#1E293B
- editor.hoverHighlightBackground#2E4C9B1A
- editor.inactiveSelectionBackground#2E4C9B26
- editor.lineHighlightBackground#EDE8DD
- editor.lineHighlightBorder#EDE8DD
- editor.selectionBackground#2E4C9B33
- editor.selectionHighlightBackground#2E4C9B1A
- editor.wordHighlightBackground#2E4C9B26
- editor.wordHighlightStrongBackground#2E4C9B40
- editorBracketHighlight.foreground1#2E4C9B
- editorBracketHighlight.foreground2#A05810
- editorBracketHighlight.foreground3#9B1B30
- editorBracketHighlight.foreground4#1A804C
- editorBracketHighlight.foreground5#6B5B8A
- editorBracketHighlight.foreground6#1A7490
- editorBracketMatch.background#2E4C9B26
- editorBracketMatch.border#2E4C9B80
- editorCodeLens.foreground#9CA0A6
- editorCursor.foreground#2E4C9B
- editorError.foreground#9B1B30
- editorGutter.addedBackground#1A804C
- editorGutter.background#F5F0E8
- editorGutter.deletedBackground#9B1B30
- editorGutter.foldingControlForeground#B8B0A4
- editorGutter.modifiedBackground#A05810
- editorHint.foreground#1A804C
- editorIndentGuide.activeBackground#2E4C9B4D
- editorIndentGuide.background#E0DACF
- editorInfo.foreground#2E4C9B
- editorLightBulb.foreground#A05810
- editorLightBulbAutoFix.foreground#1A804C
- editorLineNumber.activeForeground#6B7280
- editorLineNumber.foreground#B8B0A4
- editorOverviewRuler.border#E0DACF
- editorOverviewRuler.errorForeground#9B1B30
- editorOverviewRuler.findMatchForeground#2E4C9B99
- editorOverviewRuler.infoForeground#2E4C9B
- editorOverviewRuler.selectionHighlightForeground#2E4C9B66
- editorOverviewRuler.warningForeground#A05810
- editorOverviewRuler.wordHighlightForeground#2E4C9B66
- editorOverviewRuler.wordHighlightStrongForeground#2E4C9B80
- editorRuler.foreground#E0DACF
- editorUnnecessaryCode.border#D6D0C4
- editorWarning.foreground#A05810
- errorForeground#9B1B30
- extensionButton.prominentBackground#2E4C9B
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#3D6AB5
- focusBorder#2E4C9B
- foreground#1E293B
- gitDecoration.addedResourceForeground#1A804C
- gitDecoration.conflictingResourceForeground#A05810
- gitDecoration.deletedResourceForeground#9B1B30
- gitDecoration.ignoredResourceForeground#9CA0A6
- gitDecoration.modifiedResourceForeground#A05810
- gitDecoration.stageDeletedResourceForeground#9B1B30
- gitDecoration.stageModifiedResourceForeground#A05810
- gitDecoration.submoduleResourceForeground#6B7280
- gitDecoration.untrackedResourceForeground#2E4C9B
- icon.foreground#6B7280
- input.background#FFFFFF
- input.border#D6D0C4
- input.foreground#1E293B
- input.placeholderForeground#9CA0A6
- inputOption.activeBackground#2E4C9B26
- inputOption.activeBorder#2E4C9B
- inputOption.activeForeground#2E4C9B
- inputValidation.errorBackground#F8E8E8
- inputValidation.errorBorder#9B1B30
- inputValidation.infoBackground#E8F0F8
- inputValidation.infoBorder#2E4C9B
- inputValidation.warningBackground#F8F0E0
- inputValidation.warningBorder#A05810
- keybindingLabel.background#EDE8DD
- keybindingLabel.border#D6D0C4
- keybindingLabel.bottomBorder#D6D0C4
- keybindingLabel.foreground#1E293B
- list.activeSelectionBackground#2E4C9B26
- list.activeSelectionForeground#1E293B
- list.dropBackground#2E4C9B1A
- list.errorForeground#9B1B30
- list.focusBackground#2E4C9B1A
- list.focusForeground#1E293B
- list.highlightForeground#2E4C9B
- list.hoverBackground#EDE8DD
- list.hoverForeground#1E293B
- list.inactiveSelectionBackground#2E4C9B1A
- list.inactiveSelectionForeground#1E293B
- list.warningForeground#A05810
- listFilterWidget.background#F5F0E8
- listFilterWidget.noMatchesOutline#9B1B30
- listFilterWidget.outline#2E4C9B
- menu.background#FFFFFF
- menu.border#E0DACF
- menu.foreground#1E293B
- menu.selectionBackground#2E4C9B26
- menu.selectionForeground#1E293B
- menu.separatorBackground#E0DACF
- menubar.selectionBackground#2E4C9B1A
- menubar.selectionForeground#1E293B
- minimap.background#F5F0E8
- minimap.errorHighlight#9B1B30
- minimap.findMatchHighlight#2E4C9B66
- minimap.selectionHighlight#2E4C9B40
- minimap.warningHighlight#A05810
- minimapGutter.addedBackground#1A804C
- minimapGutter.deletedBackground#9B1B30
- minimapGutter.modifiedBackground#A05810
- notificationCenter.border#E0DACF
- notificationCenterHeader.background#EDE8DD
- notificationLink.foreground#2E4C9B
- notifications.background#F5F0E8
- notifications.border#E0DACF
- notificationToast.border#E0DACF
- panel.background#F0EBE0
- panel.border#E0DACF
- panel.foreground#1E293B
- panelInput.border#D6D0C4
- panelTitle.activeForeground#1A2D5E
- panelTitle.border#2E4C9B
- panelTitle.inactiveForeground#6B7280
- peekView.background#F5F0E8
- peekView.border#2E4C9B
- peekViewEditor.background#F5F0E8
- peekViewEditor.matchHighlightBackground#2E4C9B33
- peekViewResult.background#F0EBE0
- peekViewResult.fileForeground#1E293B
- peekViewResult.lineForeground#9CA0A6
- peekViewResult.matchHighlightBackground#2E4C9B33
- peekViewResult.selectionBackground#2E4C9B26
- peekViewTitle.background#F0EBE0
- peekViewTitleDescription.foreground#6B7280
- peekViewTitleLabel.foreground#1E293B
- progressBar.background#2E4C9B
- quickInput.background#FFFFFF
- quickInput.foreground#1E293B
- quickInputList.focusBackground#2E4C9B1A
- scrollbar.shadow#0000001A
- scrollbarSlider.activeBackground#2E4C9B66
- scrollbarSlider.background#2E4C9B33
- scrollbarSlider.hoverBackground#2E4C9B4D
- selection.background#2E4C9B33
- settings.headerForeground#1E293B
- settings.modifiedItemIndicator#2E4C9B
- sideBar.background#F0EBE0
- sideBar.border#E0DACF
- sideBar.foreground#1E293B
- sideBarSectionHeader.background#EDE8DD
- sideBarSectionHeader.border#E0DACF
- sideBarSectionHeader.foreground#1E293B
- sideBarTitle.foreground#6B7280
- statusBar.background#1A2D5E
- statusBar.border#1A2D5E
- statusBar.debuggingBackground#2E4C9B
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#2E4C9B
- statusBarItem.activeBackground#2E4C9B4D
- statusBarItem.errorBackground#9B1B30
- statusBarItem.hoverBackground#2E4C9B33
- statusBarItem.prominentBackground#2E4C9B
- statusBarItem.prominentHoverBackground#3D6AB5
- statusBarItem.remoteBackground#2E4C9B
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#A05810
- tab.activeBackground#F5F0E8
- tab.activeBorder#2E4C9B
- tab.activeBorderTop#2E4C9B
- tab.activeForeground#1A2D5E
- tab.border#E0DACF
- tab.hoverBackground#EDE8DD
- tab.hoverBorder#2E4C9B4D
- tab.hoverForeground#1E293B
- tab.inactiveBackground#F0EBE0
- tab.inactiveForeground#6B7280
- tab.lastPinnedBorder#E0DACF
- tab.unfocusedActiveBorder#E0DACF
- tab.unfocusedInactiveForeground#9CA0A6
- terminal.ansiBlack#1E293B
- terminal.ansiBlue#2E4C9B
- terminal.ansiBrightBlack#6B7280
- terminal.ansiBrightBlue#3D6AB5
- terminal.ansiBrightCyan#28A8B8
- terminal.ansiBrightGreen#28B868
- terminal.ansiBrightMagenta#8870A8
- terminal.ansiBrightRed#C82838
- terminal.ansiBrightWhite#F5F0E8
- terminal.ansiBrightYellow#C89028
- terminal.ansiCyan#1A7490
- terminal.ansiGreen#1A804C
- terminal.ansiMagenta#705890
- terminal.ansiRed#9B1B30
- terminal.ansiWhite#D6D0C4
- terminal.ansiYellow#A05810
- terminal.background#F5F0E8
- terminal.foreground#1E293B
- terminal.selectionBackground#2E4C9B33
- terminalCursor.background#F5F0E8
- terminalCursor.foreground#2E4C9B
- titleBar.activeBackground#1A2D5E
- titleBar.activeForeground#FFFFFF
- titleBar.border#E0DACF
- titleBar.inactiveBackground#F0EBE0
- titleBar.inactiveForeground#6B7280
- welcomePage.background#F5F0E8
- welcomePage.buttonBackground#2E4C9B
- welcomePage.buttonHoverBackground#3D6AB5
- window.activeBorder#2E4C9B
- window.inactiveBorder#E0DACF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block, comment.line.double-slash, comment.block.documentation | #9CA0A6 | italic |
| string, string.quoted, string.quoted.double, string.quoted.single, string.template | #1A804C | — |
| string.regexp | #9A2818 | — |
| string.quoted.docstring, string.quoted.other.multiline | #1A804C | italic |
| keyword, keyword.control, keyword.operator.word, keyword.other | #2E4C9B | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #2E4C9B | italic |
| storage, storage.type, storage.type.class, storage.type.function, storage.type.interface, storage.type.enum | #2E4C9B | — |
| storage.modifier, storage.modifier.abstract, storage.modifier.static, storage.modifier.public, storage.modifier.private, storage.modifier.protected, storage.modifier.async, storage.modifier.const | #6B7280 | — |
| constant, constant.language, constant.numeric, constant.character, constant.other | #A05010 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #A05010 | — |
| variable, variable.other | #1E293B | — |
| variable.language, variable.language.this, variable.language.super, variable.language.self | #A05810 | — |
| variable.parameter, variable.parameter.function | #445060 | — |
| entity.name.function, entity.name.function.constructor | #A05810 | — |
| entity.name.type, entity.name.type.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.type-alias | #1A7490 | — |
| entity.name.class | #1A7490 | — |
| entity.name.namespace, entity.name.module | #1A7490 | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.xml | #2E4C9B | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.css | #A05010 | — |
| support.function, support.function.console, support.function.DOM, support.function.builtin | #2E4C9B | — |
| support.class, support.type, support.type.builtin | #1A7490 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator | #B8B0A4 | — |
| punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.xml | #9CA0A6 | — |
| punctuation.definition.comment | #9CA0A6 | italic |
| punctuation.definition.string, punctuation.definition.string.begin, punctuation.definition.string.end | #1A804C | — |
| meta.tag, meta.tag.html, meta.tag.xml | #6B7280 | — |
| meta.array, meta.object, meta.block | #1E293B | — |
| invalid, invalid.illegal | #9B1B30 | underline |
| invalid.deprecated | #9B1B30 | underline |
| markup.heading, markup.heading.markdown | #2E4C9B | bold |
| markup.list, markup.list.markdown | #A05810 | — |
| markup.bold | #1E293B | bold |
| markup.italic | #1E293B | italic |
| markup.inline.raw, markup.fenced_code.block | #1A804C | — |
| support.type.property-name.css, support.type.property-name | #1E293B | — |
| entity.name.tag.css, entity.name.tag.reference.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #A05810 | — |
| string.template.js, string.template.ts, string.template.jsx, string.template.tsx | #1A804C | — |
| punctuation.definition.template-expression | #6B7280 | — |