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#4070D0
- activityBar.activeFocusBorder#80B0F0
- activityBar.background#0F1E3E
- activityBar.border#1E3460
- activityBar.foreground#D6E2F0
- activityBar.inactiveForeground#6B7E9E
- activityBarBadge.background#4070D0
- activityBarBadge.foreground#FFFFFF
- badge.background#4070D0
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#D6E2F0
- breadcrumb.background#1A2C4E
- breadcrumb.focusForeground#D6E2F0
- breadcrumb.foreground#8892A8
- button.background#4070D0
- button.border#4070D0
- button.foreground#FFFFFF
- button.hoverBackground#5080D8
- button.secondaryBackground#223C6C
- button.secondaryForeground#D6E2F0
- button.secondaryHoverBackground#254888
- debugExceptionWidget.background#112448
- debugExceptionWidget.border#4070D0
- debugToolBar.background#0F1E3E
- descriptionForeground#8892A8
- diffEditor.border#4070D066
- diffEditor.insertedLineBackground#2D6B4F1A
- diffEditor.insertedTextBackground#2D6B4F33
- diffEditor.removedLineBackground#9B1B301A
- diffEditor.removedTextBackground#9B1B3033
- dropdown.background#152646
- dropdown.border#223C6C
- dropdown.foreground#D6E2F0
- dropdown.listBackground#0D1836
- editor.background#1A2C4E
- editor.findMatchBackground#4070D080
- editor.findMatchHighlightBackground#4070D040
- editor.findRangeHighlightBackground#4070D025
- editor.foreground#D6E2F0
- editor.hoverHighlightBackground#4070D033
- editor.inactiveSelectionBackground#4070D033
- editor.lineHighlightBackground#1E3460
- editor.lineHighlightBorder#1E3460
- editor.selectionBackground#4070D04D
- editor.selectionHighlightBackground#4070D02E
- editor.wordHighlightBackground#4070D040
- editor.wordHighlightStrongBackground#4070D059
- editorBracketHighlight.foreground1#80B0F0
- editorBracketHighlight.foreground2#C9A84C
- editorBracketHighlight.foreground3#9B1B30
- editorBracketHighlight.foreground4#2D6B4F
- editorBracketHighlight.foreground5#B8862D
- editorBracketHighlight.foreground6#80B0F0
- editorBracketMatch.background#4070D040
- editorBracketMatch.border#80B0F066
- editorCodeLens.foreground#6B7E9E
- editorCursor.foreground#80B0F0
- editorError.foreground#C7364A
- editorGutter.addedBackground#2D6B4F
- editorGutter.background#1A2C4E
- editorGutter.deletedBackground#9B1B30
- editorGutter.foldingControlForeground#6B7E9E
- editorGutter.modifiedBackground#B8862D
- editorHint.foreground#2D6B4F
- editorIndentGuide.activeBackground#4070D066
- editorIndentGuide.background#223C6C
- editorInfo.foreground#80B0F0
- editorLightBulb.foreground#C9A84C
- editorLightBulbAutoFix.foreground#2D6B4F
- editorLineNumber.activeForeground#8892A8
- editorLineNumber.foreground#556888
- editorOverviewRuler.border#0D1836
- editorOverviewRuler.errorForeground#9B1B30
- editorOverviewRuler.findMatchForeground#4070D0CC
- editorOverviewRuler.infoForeground#4070D0
- editorOverviewRuler.selectionHighlightForeground#4070D080
- editorOverviewRuler.warningForeground#B8862D
- editorOverviewRuler.wordHighlightForeground#4070D080
- editorOverviewRuler.wordHighlightStrongForeground#4070D099
- editorRuler.foreground#223C6C
- editorUnnecessaryCode.border#556888
- editorWarning.foreground#B8862D
- errorForeground#C7364A
- extensionButton.prominentBackground#4070D0
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#5080D8
- focusBorder#4070D0
- foreground#D6E2F0
- gitDecoration.addedResourceForeground#3D8B63
- gitDecoration.conflictingResourceForeground#B8862D
- gitDecoration.deletedResourceForeground#C7364A
- gitDecoration.ignoredResourceForeground#556888
- gitDecoration.modifiedResourceForeground#C9A84C
- gitDecoration.stageDeletedResourceForeground#C7364A
- gitDecoration.stageModifiedResourceForeground#C9A84C
- gitDecoration.submoduleResourceForeground#8892A8
- gitDecoration.untrackedResourceForeground#80B0F0
- icon.foreground#8892A8
- input.background#152646
- input.border#223C6C
- input.foreground#D6E2F0
- input.placeholderForeground#6B7E9E
- inputOption.activeBackground#4070D040
- inputOption.activeBorder#4070D0
- inputOption.activeForeground#D6E2F0
- inputValidation.errorBackground#1A0B10
- inputValidation.errorBorder#9B1B30
- inputValidation.infoBackground#112448
- inputValidation.infoBorder#4070D0
- inputValidation.warningBackground#1A150D
- inputValidation.warningBorder#B8862D
- keybindingLabel.background#1E3460
- keybindingLabel.border#223C6C
- keybindingLabel.bottomBorder#0D1836
- keybindingLabel.foreground#D6E2F0
- list.activeSelectionBackground#4070D033
- list.activeSelectionForeground#D6E2F0
- list.activeSelectionIconForeground#D6E2F0
- list.dropBackground#4070D040
- list.errorForeground#C7364A
- list.focusBackground#4070D040
- list.focusForeground#D6E2F0
- list.highlightForeground#80B0F0
- list.hoverBackground#1E3460
- list.hoverForeground#D6E2F0
- list.inactiveSelectionBackground#4070D026
- list.inactiveSelectionForeground#D6E2F0
- list.inactiveSelectionIconForeground#8892A8
- list.warningForeground#B8862D
- listFilterWidget.background#152646
- listFilterWidget.noMatchesOutline#9B1B30
- listFilterWidget.outline#4070D0
- menu.background#152646
- menu.border#1E3460
- menu.foreground#D6E2F0
- menu.selectionBackground#4070D040
- menu.selectionForeground#D6E2F0
- menu.separatorBackground#223C6C
- menubar.selectionBackground#4070D033
- menubar.selectionForeground#D6E2F0
- minimap.background#0D1836
- minimap.errorHighlight#9B1B30
- minimap.findMatchHighlight#4070D080
- minimap.selectionHighlight#4070D060
- minimap.warningHighlight#B8862D
- minimapGutter.addedBackground#2D6B4F
- minimapGutter.deletedBackground#9B1B30
- minimapGutter.modifiedBackground#B8862D
- notificationCenter.border#1E3460
- notificationCenterHeader.background#0D1836
- notificationLink.foreground#80B0F0
- notifications.background#152646
- notifications.border#1E3460
- notificationToast.border#1E3460
- panel.background#183052
- panel.border#1E3460
- panel.foreground#D6E2F0
- panelInput.border#223C6C
- panelTitle.activeForeground#D6E2F0
- panelTitle.border#4070D0
- panelTitle.inactiveForeground#6B7E9E
- peekView.background#152646
- peekView.border#4070D0
- peekViewEditor.background#1A2C4E
- peekViewEditor.matchHighlightBackground#4070D040
- peekViewResult.background#0D1836
- peekViewResult.fileForeground#D6E2F0
- peekViewResult.lineForeground#6B7E9E
- peekViewResult.matchHighlightBackground#4070D040
- peekViewResult.selectionBackground#4070D033
- peekViewTitle.background#0D1836
- peekViewTitleDescription.foreground#8892A8
- peekViewTitleLabel.foreground#D6E2F0
- progressBar.background#4070D0
- quickInput.background#152646
- quickInput.foreground#D6E2F0
- quickInputList.focusBackground#4070D040
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#4070D080
- scrollbarSlider.background#4070D040
- scrollbarSlider.hoverBackground#4070D060
- selection.background#4070D059
- settings.headerForeground#D6E2F0
- settings.modifiedItemIndicator#4070D0
- sideBar.background#152646
- sideBar.border#1E3460
- sideBar.foreground#D6E2F0
- sideBarSectionHeader.background#0D1836
- sideBarSectionHeader.border#1E3460
- sideBarSectionHeader.foreground#D6E2F0
- sideBarTitle.foreground#8892A8
- statusBar.background#122042
- statusBar.border#1E3460
- statusBar.debuggingBackground#1A4080
- statusBar.debuggingForeground#D6E2F0
- statusBar.foreground#D6E2F0
- statusBar.noFolderBackground#112448
- statusBarItem.activeBackground#4070D033
- statusBarItem.errorBackground#9B1B30
- statusBarItem.hoverBackground#1E3460
- statusBarItem.prominentBackground#4070D0
- statusBarItem.prominentHoverBackground#5080D8
- statusBarItem.remoteBackground#4070D0
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#B8862D
- tab.activeBackground#1A2C4E
- tab.activeBorder#4070D0
- tab.activeBorderTop#80B0F0
- tab.activeForeground#D6E2F0
- tab.border#1E3460
- tab.hoverBackground#1E3460
- tab.hoverBorder#4070D066
- tab.hoverForeground#D6E2F0
- tab.inactiveBackground#0D1836
- tab.inactiveForeground#6B7E9E
- tab.lastPinnedBorder#223C6C
- tab.unfocusedActiveBorder#1E3460
- tab.unfocusedInactiveForeground#556888
- terminal.ansiBlack#1E3460
- terminal.ansiBlue#4070D0
- terminal.ansiBrightBlack#556888
- terminal.ansiBrightBlue#80B0F0
- terminal.ansiBrightCyan#5A9ABF
- terminal.ansiBrightGreen#3D8B63
- terminal.ansiBrightMagenta#8B7AA8
- terminal.ansiBrightRed#C7364A
- terminal.ansiBrightWhite#F0F4FA
- terminal.ansiBrightYellow#D4B860
- terminal.ansiCyan#3B7A9E
- terminal.ansiGreen#2D6B4F
- terminal.ansiMagenta#6B5B8A
- terminal.ansiRed#9B1B30
- terminal.ansiWhite#D6E2F0
- terminal.ansiYellow#C9A84C
- terminal.background#1A2C4E
- terminal.foreground#D6E2F0
- terminal.selectionBackground#4070D04D
- terminalCursor.background#1A2C4E
- terminalCursor.foreground#80B0F0
- titleBar.activeBackground#0F1E3E
- titleBar.activeForeground#D6E2F0
- titleBar.border#1E3460
- titleBar.inactiveBackground#0F1E3E
- titleBar.inactiveForeground#6B7E9E
- welcomePage.background#1A2C4E
- welcomePage.buttonBackground#4070D0
- welcomePage.buttonHoverBackground#5080D8
- window.activeBorder#4070D0
- window.inactiveBorder#0D1836
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block, comment.line.double-slash, comment.block.documentation | #6B7E9E | italic |
| string, string.quoted, string.quoted.double, string.quoted.single, string.template | #7BB896 | — |
| string.regexp | #C9A84C | — |
| string.quoted.docstring, string.quoted.other.multiline | #7BB896 | italic |
| keyword, keyword.control, keyword.operator.word, keyword.other | #80B0F0 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #80B0F0 | italic |
| storage, storage.type, storage.type.class, storage.type.function, storage.type.interface, storage.type.enum | #80B0F0 | — |
| storage.modifier, storage.modifier.abstract, storage.modifier.static, storage.modifier.public, storage.modifier.private, storage.modifier.protected, storage.modifier.async, storage.modifier.const | #8892A8 | — |
| constant, constant.language, constant.numeric, constant.character, constant.other | #D4A047 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #D4A047 | — |
| variable, variable.other | #D6E2F0 | — |
| variable.language, variable.language.this, variable.language.super, variable.language.self | #B8862D | — |
| variable.parameter, variable.parameter.function | #D4E2F5 | — |
| entity.name.function, entity.name.function.constructor | #C9A84C | — |
| entity.name.type, entity.name.type.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.type-alias | #5A9ABF | — |
| entity.name.class | #5A9ABF | — |
| entity.name.namespace, entity.name.module | #5A9ABF | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.xml | #4070D0 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.css | #B8862D | — |
| support.function, support.function.console, support.function.DOM, support.function.builtin | #80B0F0 | — |
| support.class, support.type, support.type.builtin | #5A9ABF | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator | #6B7E9E | — |
| punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.xml | #556888 | — |
| punctuation.definition.comment | #6B7E9E | italic |
| punctuation.definition.string, punctuation.definition.string.begin, punctuation.definition.string.end | #7BB896 | — |
| meta.tag, meta.tag.html, meta.tag.xml | #8892A8 | — |
| meta.array, meta.object, meta.block | #D6E2F0 | — |
| invalid, invalid.illegal | #C7364A | underline |
| invalid.deprecated | #9B1B30 | underline |
| markup.heading, markup.heading.markdown | #80B0F0 | bold |
| markup.list, markup.list.markdown | #C9A84C | — |
| markup.bold | #D6E2F0 | bold |
| markup.italic | #D6E2F0 | italic |
| markup.inline.raw, markup.fenced_code.block | #7BB896 | — |
| support.type.property-name.css, support.type.property-name | #D6E2F0 | — |
| entity.name.tag.css, entity.name.tag.reference.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #C9A84C | — |
| string.template.js, string.template.ts, string.template.jsx, string.template.tsx | #7BB896 | — |
| punctuation.definition.template-expression | #8892A8 | — |