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.activeBorder#D97706
- activityBar.background#FFFBF5
- activityBar.border#F3E8DB
- activityBar.foreground#374151
- activityBar.inactiveForeground#9CA3AF
- activityBarBadge.background#D97706
- activityBarBadge.foreground#FFFFFF
- badge.background#FFF7ED
- badge.foreground#D97706
- breadcrumb.activeSelectionForeground#D97706
- breadcrumb.focusForeground#D97706
- breadcrumb.foreground#6B7280
- breadcrumbPicker.background#FFFFFF
- button.background#D97706
- button.foreground#FFFFFF
- button.hoverBackground#B45309
- button.secondaryBackground#F3F4F6
- button.secondaryForeground#374151
- button.secondaryHoverBackground#E5E7EB
- checkbox.background#FFFFFF
- checkbox.border#D1D5DB
- checkbox.foreground#374151
- descriptionForeground#6B7280
- diffEditor.diagonalFill#E5E7EB
- diffEditor.insertedTextBackground#10B98115
- diffEditor.removedTextBackground#EF444415
- dropdown.background#FFFFFF
- dropdown.border#E5E7EB
- dropdown.foreground#374151
- dropdown.listBackground#FFFFFF
- editor.background#FFFFFF
- editor.findMatchBackground#FDE04750
- editor.findMatchHighlightBackground#FDE04730
- editor.findRangeHighlightBackground#F3F4F6
- editor.foreground#374151
- editor.hoverHighlightBackground#D9770610
- editor.inactiveSelectionBackground#D9770610
- editor.lineHighlightBackground#FFF7ED
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#D9770620
- editor.selectionHighlightBackground#D9770615
- editor.wordHighlightBackground#D9770620
- editor.wordHighlightStrongBackground#D9770630
- editorBracketMatch.background#D9770620
- editorBracketMatch.border#D9770660
- editorCodeLens.foreground#9CA3AF
- editorCursor.foreground#D97706
- editorGroup.border#E5E7EB
- editorGroupHeader.tabsBackground#FFFBF5
- editorGroupHeader.tabsBorder#F3E8DB
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#E5E7EB
- editorIndentGuide.activeBackground#D1D5DB
- editorIndentGuide.background#F3F4F6
- editorLineNumber.activeForeground#D97706
- editorLineNumber.foreground#D1D5DB
- editorLink.activeForeground#D97706
- editorRuler.foreground#F3F4F6
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#E5E7EB
- editorSuggestWidget.foreground#374151
- editorSuggestWidget.highlightForeground#D97706
- editorSuggestWidget.selectedBackground#FFF7ED
- editorWhitespace.foreground#E5E7EB
- editorWidget.background#FFFFFF
- editorWidget.border#E5E7EB
- editorWidget.foreground#374151
- errorForeground#DC2626
- focusBorder#D97706
- foreground#374151
- gitDecoration.addedResourceForeground#059669
- gitDecoration.conflictingResourceForeground#7C3AED
- gitDecoration.deletedResourceForeground#DC2626
- gitDecoration.ignoredResourceForeground#9CA3AF
- gitDecoration.modifiedResourceForeground#D97706
- gitDecoration.submoduleResourceForeground#6B7280
- gitDecoration.untrackedResourceForeground#059669
- icon.foreground#6B7280
- input.background#FFFFFF
- input.border#E5E7EB
- input.foreground#374151
- input.placeholderForeground#9CA3AF
- inputOption.activeBackground#FFF7ED
- inputOption.activeBorder#D97706
- inputOption.activeForeground#D97706
- inputValidation.errorBackground#FEF2F2
- inputValidation.errorBorder#DC2626
- inputValidation.infoBackground#EFF6FF
- inputValidation.infoBorder#3B82F6
- inputValidation.warningBackground#FFFBEB
- inputValidation.warningBorder#F59E0B
- list.activeSelectionBackground#FFF7ED
- list.activeSelectionForeground#D97706
- list.dropBackground#FFF7ED
- list.errorForeground#DC2626
- list.focusBackground#FFF7ED
- list.focusForeground#374151
- list.highlightForeground#D97706
- list.hoverBackground#F9FAFB
- list.hoverForeground#111827
- list.inactiveSelectionBackground#F3F4F6
- list.inactiveSelectionForeground#374151
- list.warningForeground#F59E0B
- menubar.selectionBackground#FFF7ED
- menubar.selectionForeground#D97706
- minimap.errorHighlight#DC2626
- minimap.findMatchHighlight#D97706
- minimap.selectionHighlight#D97706
- minimap.warningHighlight#F59E0B
- minimapSlider.activeBackground#6B728030
- minimapSlider.background#6B728010
- minimapSlider.hoverBackground#6B728020
- notebook.cellBorderColor#E5E7EB
- notebook.cellInsertionIndicator#D97706
- notebook.cellStatusBarItemHoverBackground#F3F4F6
- notebook.focusedCellBackground#FFF7ED
- notebook.focusedCellBorder#D97706
- notebook.symbolHighlightBackground#FFF7ED
- peekView.border#D97706
- peekViewEditor.background#FFF7ED
- peekViewEditor.matchHighlightBackground#D9770630
- peekViewEditorGutter.background#FFF7ED
- peekViewResult.background#FFFFFF
- peekViewResult.fileForeground#374151
- peekViewResult.lineForeground#6B7280
- peekViewResult.matchHighlightBackground#D9770630
- peekViewResult.selectionBackground#FFF7ED
- peekViewResult.selectionForeground#D97706
- peekViewTitle.background#FFFFFF
- peekViewTitleDescription.foreground#6B7280
- peekViewTitleLabel.foreground#D97706
- sash.hoverBorder#D97706
- scrollbar.shadow#00000005
- scrollbarSlider.activeBackground#6B728060
- scrollbarSlider.background#6B728020
- scrollbarSlider.hoverBackground#6B728040
- selection.background#D9770630
- sideBar.background#FFFBF5
- sideBar.border#F3E8DB
- sideBar.foreground#4B5563
- sideBarSectionHeader.background#FFFBF5
- sideBarSectionHeader.border#F3E8DB
- sideBarSectionHeader.foreground#111827
- sideBarTitle.foreground#111827
- statusBar.background#FFFBF5
- statusBar.border#F3E8DB
- statusBar.debuggingBackground#D97706
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#4B5563
- statusBar.noFolderBackground#FFFBF5
- statusBar.noFolderForeground#4B5563
- statusBarItem.activeBackground#FFF7ED
- statusBarItem.hoverBackground#FFF7ED
- statusBarItem.prominentBackground#FFF7ED
- statusBarItem.prominentHoverBackground#00000008
- statusBarItem.remoteBackground#D97706
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#FFFFFF
- tab.activeBorderTop#D97706
- tab.activeForeground#D97706
- tab.border#F3E8DB
- tab.hoverBackground#FFFFFF
- tab.inactiveBackground#FFFBF5
- tab.inactiveForeground#6B7280
- tab.unfocusedActiveBackground#FFFFFF
- tab.unfocusedActiveBorderTop#9CA3AF
- tab.unfocusedActiveForeground#374151
- terminal.ansiBlack#000000
- terminal.ansiBlue#2563EB
- terminal.ansiBrightBlack#6B7280
- terminal.ansiBrightBlue#3B82F6
- terminal.ansiBrightCyan#06B6D4
- terminal.ansiBrightGreen#10B981
- terminal.ansiBrightMagenta#D946EF
- terminal.ansiBrightRed#EF4444
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F59E0B
- terminal.ansiCyan#0891B2
- terminal.ansiGreen#059669
- terminal.ansiMagenta#C026D3
- terminal.ansiRed#DC2626
- terminal.ansiWhite#E5E7EB
- terminal.ansiYellow#D97706
- terminal.background#FFFFFF
- terminal.foreground#374151
- terminalCursor.background#D97706
- terminalCursor.foreground#D97706
- textBlockQuote.background#FFF7ED
- textBlockQuote.border#D97706
- textCodeBlock.background#F3F4F6
- textLink.activeForeground#B45309
- textLink.foreground#D97706
- textPreformat.foreground#D97706
- textSeparator.foreground#E5E7EB
- titleBar.activeBackground#FFFBF5
- titleBar.activeForeground#111827
- titleBar.border#F3E8DB
- titleBar.inactiveBackground#FFFBF5
- titleBar.inactiveForeground#9CA3AF
- tree.indentGuidesStroke#E5E7EB
- widget.shadow#00000010
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9CA3AF | italic |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new, keyword.operator.expression | #D946EF | — |
| entity.name.function, support.function, meta.function-call, entity.name.method | #3B82F6 | — |
| string, string.quoted, string.template, constant.other.symbol | #059669 | — |
| constant.numeric, constant.language, constant.character, support.constant | #D97706 | — |
| variable, meta.variable, variable.other.object | #374151 | — |
| variable.parameter | #374151 | |
| entity.name.type, entity.name.class, support.type, support.class | #7C3AED | — |
| keyword.operator, punctuation, meta.brace, meta.delimiter | #6B7280 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #D946EF | — |
| entity.other.attribute-name | #D97706 | — |
| markup.heading, entity.name.section | #D97706 | bold |
| markup.bold, punctuation.definition.bold | — | bold |
| markup.italic, punctuation.definition.italic | — | italic |
| markup.code.inline | #D946EF | — |
| markup.inserted | #059669 | — |
| markup.deleted | #DC2626 | — |
| markup.changed | #D97706 | — |
| support.type.property-name, meta.property-name | #374151 | — |
| meta.object-literal.key, support.type.property-name | #374151 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...