claude-theme
Publisher: dnrmThemes in package: 1
A Claude inspired 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.background#1F1E1D
- activityBar.foreground#C3C0B6
- activityBarBadge.background#D97757
- activityBarBadge.foreground#FFFFFF
- badge.background#D97757
- badge.foreground#FFFFFF
- button.background#D97757
- button.foreground#FFFFFF
- button.hoverBackground#B05730
- debugExceptionWidget.background#1A1915
- debugExceptionWidget.border#D97757
- debugToolBar.background#1A1915
- dropdown.background#1A1915
- dropdown.border#3E3E38
- dropdown.foreground#C3C0B6
- editor.background#262624
- editor.foreground#C3C0B6
- editor.lineHighlightBackground#3E3E3844
- editor.selectionBackground#3E3E38
- editor.selectionHighlightBackground#3E3E38AA
- editorCursor.foreground#D97757
- editorHoverWidget.background#1A1915
- editorHoverWidget.border#3E3E38
- editorIndentGuide.activeBackground#3E3E38
- editorIndentGuide.background#3E3E3844
- editorLineNumber.activeForeground#D97757
- editorLineNumber.foreground#B7B5A9
- editorSuggestWidget.background#1A1915
- editorSuggestWidget.border#3E3E38
- editorSuggestWidget.foreground#C3C0B6
- editorSuggestWidget.highlightForeground#D97757
- editorSuggestWidget.selectedBackground#3E3E3866
- editorWidget.background#1A1915
- editorWidget.border#3E3E38
- input.background#1A1915
- input.border#3E3E38
- input.foreground#C3C0B6
- input.placeholderForeground#B7B5A9
- list.activeSelectionBackground#D9775744
- list.activeSelectionForeground#FFFFFF
- list.hoverBackground#3E3E3844
- list.hoverForeground#FAF9F5
- list.inactiveSelectionBackground#3E3E3866
- list.inactiveSelectionForeground#FAF9F5
- menubar.selectionBackground#3E3E38
- menubar.selectionForeground#FAF9F5
- panel.background#1A1915
- panel.border#3E3E38
- panelTitle.activeForeground#D97757
- panelTitle.inactiveForeground#B7B5A9
- scrollbar.shadow#00000022
- scrollbarSlider.activeBackground#D9775744
- scrollbarSlider.background#3E3E3844
- scrollbarSlider.hoverBackground#3E3E3888
- sideBar.background#1F1E1D
- sideBar.foreground#C3C0B6
- sideBarSectionHeader.background#1A1915
- sideBarSectionHeader.foreground#C3C0B6
- sideBarTitle.foreground#C3C0B6
- statusBar.background#1F1E1D
- statusBar.debuggingBackground#D97757
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#C3C0B6
- statusBar.noFolderBackground#1F1E1D
- tab.activeBackground#262624
- tab.activeBorderTop#D97757
- tab.activeForeground#FAF9F5
- tab.inactiveBackground#1F1E1D
- tab.inactiveForeground#B7B5A9
- terminal.ansiBlack#1A1915
- terminal.ansiBlue#7aafca
- terminal.ansiBrightBlack#525152
- terminal.ansiBrightBlue#83bfd3
- terminal.ansiBrightCyan#83d3bf
- terminal.ansiBrightGreen#b1d383
- terminal.ansiBrightMagenta#d383bf
- terminal.ansiBrightRed#f08a87
- terminal.ansiBrightWhite#FAF9F5
- terminal.ansiBrightYellow#f0d283
- terminal.ansiCyan#78c0af
- terminal.ansiGreen#a3c778
- terminal.ansiMagenta#c278af
- terminal.ansiRed#e77e7c
- terminal.ansiWhite#C3C0B6
- terminal.ansiYellow#e7c470
- terminal.background#1A1915
- terminal.foreground#C3C0B6
- titleBar.activeBackground#1F1E1D
- titleBar.activeForeground#C3C0B6
- titleBar.inactiveBackground#1A1915
- titleBar.inactiveForeground#B7B5A9
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9a8f7f | — |
| string, punctuation.definition.string | #b3cb88 | — |
| constant.numeric | #c278af | — |
| constant.language | #e77e7c | — |
| constant.character | #c278af | — |
| constant.other | #e7c470 | — |
| variable | #e0ded6 | — |
| variable.parameter | #c278af | — |
| variable.other.readwrite.instance | #7aafca | — |
| keyword | #e77e7c | — |
| keyword.control | #e77e7c | — |
| keyword.operator | #78c0af | — |
| keyword.other | #e77e7c | — |
| storage | #e77e7c | — |
| storage.type | #e79c70 | — |
| storage.modifier | #e77e7c | — |
| entity.name.class, entity.name.type.class | #e7c470 | — |
| entity.name.type | #e7c470 | — |
| entity.name.namespace | #7aafca | — |
| entity.name.function | #b3cb88 | — |
| support.function | #78c0af | — |
| variable.other.property | #7aafca | — |
| support.variable.property | #7aafca | — |
| entity.name.tag | #e77e7c | — |
| entity.other.attribute-name | #e7c470 | — |
| punctuation.definition.tag | #7aafca | — |
| string.quoted.double.html, string.quoted.single.html | #b3cb88 | — |
| support.type.property-name.css | #7aafca | — |
| support.constant.property-value.css | #c278af | — |
| keyword.other.unit | #c278af | — |
| punctuation | #c4c0b6 | — |
| meta.brace | #c4c0b6 | — |
| keyword.control.special-method.ruby | #e79c70 | — |
| constant.other.symbol.ruby | #c278af | — |
| variable.other.readwrite.instance.ruby | #7aafca | — |
| variable.other.readwrite.global.ruby, variable.other.readwrite.global.pre-defined.ruby | #e77e7c | — |
| markup.bold | #e7c470 | bold |
| markup.italic | #e7c470 | italic |
| markup.heading | #e77e7c | bold |
| markup.underline.link | #78c0af | — |
| constant.language.null, constant.language.boolean, constant.language.undefined | #e77e7c | — |
| entity.name.function.special | #e79c70 | — |
| meta.object-literal.key, variable.other.property.js | #7aafca | — |
| entity.other.attribute-name.id.css | #e79c70 | — |
| punctuation.section.embedded.ruby, source.ruby.embedded.source | #78c0af | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...