Claret
Publisher: cfbenderThemes in package: 2
A warm, refined dark and light color 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#211618
- activityBar.foreground#DDD3C7
- activityBar.inactiveForeground#71685E
- activityBarBadge.background#C75B7A
- activityBarBadge.foreground#180810
- badge.background#C75B7A
- badge.foreground#180810
- breadcrumb.activeSelectionForeground#C75B7A
- breadcrumb.focusForeground#DDD3C7
- breadcrumb.foreground#9E9288
- button.background#C75B7A
- button.foreground#180810
- button.hoverBackground#B04A68
- dropdown.background#211618
- dropdown.border#3A2E25
- dropdown.foreground#DDD3C7
- editor.background#180810
- editor.findMatchBackground#D4A76A44
- editor.findMatchHighlightBackground#D4A76A22
- editor.foreground#DDD3C7
- editor.lineHighlightBackground#2B1F22
- editor.selectionBackground#2B1F2299
- editor.wordHighlightBackground#2B1F2266
- editorBracketHighlight.foreground1#C75B7A
- editorBracketHighlight.foreground2#D4A76A
- editorBracketHighlight.foreground3#8995A8
- editorBracketHighlight.foreground4#8FA86E
- editorBracketHighlight.foreground5#BDB3A7
- editorBracketHighlight.foreground6#9E9288
- editorBracketHighlight.unexpectedBracket.foreground#C44536
- editorBracketMatch.background#2B1F22
- editorBracketMatch.border#C75B7A
- editorCursor.foreground#C75B7A
- editorError.foreground#C44536
- editorGroupHeader.tabsBackground#211618
- editorGutter.addedBackground#8FA86E
- editorGutter.deletedBackground#C44536
- editorGutter.modifiedBackground#D4A76A
- editorIndentGuide.activeBackground1#71685E
- editorIndentGuide.background1#3A2E25
- editorInfo.foreground#8995A8
- editorLineNumber.activeForeground#D4A76A
- editorLineNumber.foreground#71685E
- editorSuggestWidget.selectedBackground#2B1F22
- editorWarning.foreground#D4A76A
- editorWidget.background#211618
- editorWidget.border#3A2E25
- focusBorder#C75B7A66
- foreground#DDD3C7
- gitDecoration.addedResourceForeground#8FA86E
- gitDecoration.conflictingResourceForeground#C75B7A
- gitDecoration.deletedResourceForeground#C44536
- gitDecoration.modifiedResourceForeground#D4A76A
- gitDecoration.untrackedResourceForeground#8995A8
- input.background#211618
- input.border#3A2E25
- input.foreground#DDD3C7
- input.placeholderForeground#71685E
- inputOption.activeBorder#C75B7A
- list.activeSelectionBackground#2B1F22
- list.activeSelectionForeground#DDD3C7
- list.focusBackground#2B1F22
- list.highlightForeground#C75B7A
- list.hoverBackground#2B1F2288
- minimap.findMatchHighlight#D4A76A44
- minimap.selectionHighlight#2B1F2299
- minimapGutter.addedBackground#8FA86E
- minimapGutter.deletedBackground#C44536
- minimapGutter.modifiedBackground#D4A76A
- panel.background#211618
- panel.border#3A2E25
- panelTitle.activeBorder#C75B7A
- panelTitle.activeForeground#DDD3C7
- panelTitle.inactiveForeground#9E9288
- peekView.border#C75B7A
- peekViewEditor.background#211618
- peekViewResult.background#211618
- peekViewTitle.background#2B1F22
- peekViewTitleDescription.foreground#9E9288
- peekViewTitleLabel.foreground#DDD3C7
- scrollbar.shadow#18081088
- scrollbarSlider.activeBackground#3A2E25AA
- scrollbarSlider.background#3A2E2544
- scrollbarSlider.hoverBackground#3A2E2588
- selection.background#2B1F2299
- sideBar.background#211618
- sideBar.border#3A2E25
- sideBar.foreground#BDB3A7
- sideBarSectionHeader.background#2B1F22
- sideBarSectionHeader.foreground#DDD3C7
- sideBarTitle.foreground#DDD3C7
- statusBar.background#2B1F22
- statusBar.debuggingBackground#C44536
- statusBar.debuggingForeground#DDD3C7
- statusBar.foreground#BDB3A7
- statusBar.noFolderBackground#2B1F22
- tab.activeBackground#180810
- tab.activeBorderTop#C75B7A
- tab.activeForeground#DDD3C7
- tab.border#3A2E25
- tab.inactiveBackground#211618
- tab.inactiveForeground#9E9288
- terminal.ansiBlack#180810
- terminal.ansiBlue#8995A8
- terminal.ansiBrightBlack#71685E
- terminal.ansiBrightBlue#6E7A90
- terminal.ansiBrightCyan#6E7A90
- terminal.ansiBrightGreen#7A9460
- terminal.ansiBrightMagenta#B04A68
- terminal.ansiBrightRed#B33A2E
- terminal.ansiBrightWhite#BDB3A7
- terminal.ansiBrightYellow#C5975B
- terminal.ansiCyan#8995A8
- terminal.ansiGreen#8FA86E
- terminal.ansiMagenta#C75B7A
- terminal.ansiRed#C44536
- terminal.ansiWhite#DDD3C7
- terminal.ansiYellow#D4A76A
- terminal.background#180810
- terminal.foreground#DDD3C7
- titleBar.activeBackground#211618
- titleBar.activeForeground#BDB3A7
- titleBar.inactiveBackground#211618
- titleBar.inactiveForeground#71685E
- widget.shadow#18081088
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #71685E | italic |
| keyword, storage.type, storage.modifier | #C75B7A | — |
| keyword.control | #C75B7A | italic |
| keyword.operator | #9E9288 | — |
| entity.name.function, support.function | #D4A76A | — |
| string, string.quoted | #8FA86E | — |
| constant.numeric | #D4A76A | — |
| constant.language.boolean, constant.language | #D4A76A | — |
| entity.name.type, support.type, entity.name.class, entity.name.interface | #8995A8 | — |
| constant, variable.other.constant | #8995A8 | — |
| constant.language.symbol | #8995A8 | — |
| variable, variable.other.readwrite | #DDD3C7 | — |
| variable.parameter | #BDB3A7 | — |
| variable.other.property, variable.other.object.property | #BDB3A7 | — |
| meta.preprocessor, keyword.control.directive, keyword.control.import | #D4A76A | — |
| invalid, invalid.illegal | #C44536 | — |
| entity.name.label | #C75B7A | — |
| entity.name.tag | #C75B7A | — |
| entity.other.attribute-name | #D4A76A | — |
| support.type.property-name | #8995A8 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator | #9E9288 | — |
| punctuation.definition.string | #8FA86E | — |
| constant.character.escape | #D4A76A | — |
| markup.heading, entity.name.section | #C75B7A | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline.link, string.other.link | #8995A8 | — |
| markup.inline.raw, markup.fenced_code.block | #8FA86E | — |