Claude Theme
Publisher: LumidewThemes in package: 2
A warm and comfortable theme pack inspired by Claude AI's web interface, includes both light and dark variants
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#333333
- activityBar.border#404040
- activityBar.foreground#F5F5F5
- activityBar.inactiveForeground#B8B8B8
- activityBarBadge.background#D97706
- activityBarBadge.foreground#FFFFFF
- button.background#D97706
- button.foreground#FFFFFF
- button.hoverBackground#B45309
- dropdown.background#333333
- dropdown.border#404040
- dropdown.foreground#F5F5F5
- editor.background#1A1A1A
- editor.foreground#F5F5F5
- editor.lineHighlightBackground#2A2A2A
- editor.selectionBackground#D9770626
- editorCursor.foreground#D97706
- editorGroup.border#404040
- editorGroupHeader.tabsBackground#2A2A2A
- editorWhitespace.foreground#888888
- errorForeground#DC2626
- focusBorder#D97706
- foreground#F5F5F5
- input.background#333333
- input.border#404040
- input.placeholderForeground#888888
- inputOption.activeBackground#D97706
- inputOption.activeBorder#D97706
- list.activeSelectionBackground#D9770626
- list.activeSelectionForeground#F5F5F5
- list.focusBackground#D9770620
- list.hoverBackground#1A1A1A
- list.inactiveSelectionBackground#2A2A2A
- menu.background#333333
- menu.border#404040
- menu.foreground#F5F5F5
- menu.selectionBackground#D9770626
- menu.selectionForeground#F5F5F5
- notifications.background#333333
- notifications.border#404040
- notifications.foreground#F5F5F5
- panel.background#1A1A1A
- panel.border#404040
- panelTitle.activeForeground#F5F5F5
- panelTitle.inactiveForeground#B8B8B8
- scrollbarSlider.activeBackground#404040
- scrollbarSlider.background#40404060
- scrollbarSlider.hoverBackground#40404080
- selection.background#D9770626
- sideBar.background#333333
- sideBar.border#404040
- sideBar.foreground#B8B8B8
- sideBarSectionHeader.background#333333
- statusBar.background#222222
- statusBar.border#404040
- statusBar.foreground#B8B8B8
- statusBar.noFolderBackground#222222
- statusBarItem.remoteBackground#D97706
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#1A1A1A
- tab.activeForeground#F5F5F5
- tab.border#404040
- tab.inactiveBackground#2A2A2A
- tab.inactiveForeground#B8B8B8
- titleBar.activeBackground#222222
- titleBar.activeForeground#F5F5F5
- titleBar.border#404040
- titleBar.inactiveBackground#222222
- titleBar.inactiveForeground#B8B8B8
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #888888 | italic |
| keyword, storage.modifier, keyword.operator.new, keyword.operator.delete, keyword.operator.logical | #FF6B9D | — |
| storage.type, entity.name.type, entity.name.class, support.type, support.class | #C197FF | — |
| entity.name.function, support.function | #5AA3FF | — |
| constant.numeric | #4ECDC4 | — |
| string | #5CDB95 | — |
| variable.parameter | #FFB84D | — |
| variable, meta.definition.variable | #F5F5F5 | — |
| keyword.control.directive.include, punctuation.definition.directive | #FF6B9D | |
| string.include, punctuation.definition.string.begin.include, punctuation.definition.string.end.include | #4ECDC4 | — |
| punctuation | #F5F5F5 | — |
| entity.name.tag, meta.tag.sgml.html, markup.deleted.git_gutter | #FF6B9D | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #5AA3FF | — |
| string.quoted.double.html, string.quoted.single.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #5CDB95 | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #888888 | — |
| support.type.property-name.css, meta.property-name.css | #FFB84D | — |
| support.constant.property-value.css, meta.property-value.css, constant.numeric.css, keyword.other.unit.css | #4ECDC4 | — |
| punctuation.separator.key-value.css, punctuation.terminator.rule.css | #F5F5F5 | — |
| punctuation.section.property-list.begin.css, punctuation.section.property-list.end.css | #888888 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #C197FF | — |