Claude Theme for VS Code
Publisher: jmramosThemes in package: 4
A warm, parchment-toned theme with light and dark modes.
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.activeBackground#F0EEE6
- activityBar.background#F8F7F3
- activityBar.border#ebebeb
- activityBar.foreground#3d3929
- activityBar.inactiveForeground#b4b2a7
- activityBarBadge.background#CC785C
- activityBarBadge.foreground#ffffff
- badge.background#CC785C
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#CC785C
- breadcrumb.focusForeground#3d3929
- breadcrumb.foreground#6e6d68
- breadcrumbPicker.background#ffffff
- button.background#CC785C
- button.foreground#ffffff
- button.hoverBackground#B26842
- button.secondaryBackground#e9e6dc
- button.secondaryForeground#535146
- button.secondaryHoverBackground#dad9d4
- contrastBorder#00000000
- dropdown.background#ffffff
- dropdown.border#dad9d4
- dropdown.foreground#3d3929
- editor.background#faf9f5
- editor.findMatchBackground#CC785C50
- editor.findMatchHighlightBackground#CC785C30
- editor.foreground#3d3929
- editor.inactiveSelectionBackground#F0EEE6
- editor.lineHighlightBackground#f0efe9
- editor.selectionBackground#c3ddf7
- editor.selectionHighlightBackground#c3ddf760
- editor.wordHighlightBackground#ede9de
- editorBracketMatch.background#61AAF230
- editorBracketMatch.border#61AAF2
- editorCursor.foreground#CC785C
- editorGroupHeader.tabsBackground#f5f4ef
- editorGutter.background#faf9f5
- editorIndentGuide.activeBackground1#b4b2a7
- editorIndentGuide.background1#e9e6dc
- editorLineNumber.activeForeground#6e6d68
- editorLineNumber.foreground#b4b2a7
- editorOverviewRuler.border#dad9d4
- editorRuler.foreground#dad9d4
- editorWhitespace.foreground#dad9d4
- focusBorder#CC785C
- gitDecoration.conflictingResourceForeground#61AAF2
- gitDecoration.deletedResourceForeground#B26842
- gitDecoration.ignoredResourceForeground#b4b2a7
- gitDecoration.modifiedResourceForeground#CC785C
- gitDecoration.untrackedResourceForeground#535146
- input.background#ffffff
- input.border#b4b2a7
- input.foreground#3d3929
- input.placeholderForeground#b4b2a7
- inputOption.activeBackground#e9e6dc
- inputOption.activeBorder#CC785C
- list.activeSelectionBackground#c3ddf780
- list.activeSelectionForeground#28261b
- list.dropBackground#61AAF230
- list.focusBackground#F0EEE6
- list.focusForeground#28261b
- list.highlightForeground#2c84db
- list.hoverBackground#ede9de
- list.hoverForeground#3d3929
- list.inactiveSelectionBackground#ede9de
- list.inactiveSelectionForeground#535146
- notificationCenterHeader.background#f5f4ef
- notificationLink.foreground#CC785C
- notifications.background#ffffff
- notifications.border#dad9d4
- panel.background#f5f4ef
- panel.border#dad9d4
- panelTitle.activeBorder#CC785C
- panelTitle.activeForeground#CC785C
- panelTitle.inactiveForeground#6e6d68
- progressBar.background#CC785C
- quickInput.background#ffffff
- quickInput.foreground#3d3929
- quickInputList.focusBackground#F0EEE6
- scrollbarSlider.activeBackground#b4b2a7
- scrollbarSlider.background#dad9d480
- scrollbarSlider.hoverBackground#b4b2a780
- selection.background#c3ddf7
- sideBar.background#F8F7F3
- sideBar.border#ebebeb
- sideBar.foreground#3d3d3a
- sideBarSectionHeader.background#ede9de
- sideBarSectionHeader.border#dad9d4
- sideBarSectionHeader.foreground#535146
- sideBarTitle.foreground#6e6d68
- statusBar.background#CC785C
- statusBar.border#B26842
- statusBar.debuggingBackground#B26842
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#6e6d68
- statusBarItem.activeBackground#B26842
- statusBarItem.hoverBackground#B26842
- tab.activeBackground#faf9f5
- tab.activeBorder#CC785C
- tab.activeForeground#3d3929
- tab.border#dad9d4
- tab.hoverBackground#e9e6dc
- tab.inactiveBackground#ede9de
- tab.inactiveForeground#6e6d68
- tab.unfocusedActiveBackground#f5f4ef
- tab.unfocusedActiveForeground#6e6d68
- terminal.ansiBlack#3d3929
- terminal.ansiBlue#61AAF2
- terminal.ansiBrightBlack#6e6d68
- terminal.ansiBrightBlue#61AAF2
- terminal.ansiBrightCyan#535146
- terminal.ansiBrightGreen#3d3929
- terminal.ansiBrightMagenta#C3DDF7
- terminal.ansiBrightRed#B26842
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#CC785C
- terminal.ansiCyan#6e6d68
- terminal.ansiGreen#535146
- terminal.ansiMagenta#C3DDF7
- terminal.ansiRed#CC785C
- terminal.ansiWhite#faf9f5
- terminal.ansiYellow#B26842
- terminal.background#faf9f5
- terminal.foreground#3d3929
- terminalCursor.foreground#CC785C
- textLink.activeForeground#B26842
- textLink.foreground#CC785C
- titleBar.activeBackground#f5f4ef
- titleBar.activeForeground#3d3929
- titleBar.border#dad9d4
- titleBar.inactiveBackground#ede9de
- titleBar.inactiveForeground#6e6d68
- widget.shadow#dad9d4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #b4b2a7 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.other.using, storage.type, storage.modifier | #CC785C | — |
| keyword.operator | #CC785C | — |
| string, string.quoted, string.template | #B26842 | — |
| constant.character.escape, punctuation.definition.template-expression | #CC785C | — |
| constant.numeric | #61AAF2 | — |
| constant.language, constant.other | #61AAF2 | — |
| entity.name.function, meta.function-call, support.function | #535146 | — |
| entity.name.type, entity.name.class, support.type, support.class | #6e6d68 | — |
| variable, variable.other | #3d3929 | — |
| variable.parameter | #6e6d68 | italic |
| variable.other.property, support.type.property-name | #535146 | — |
| entity.name.tag | #CC785C | — |
| entity.other.attribute-name | #B26842 | — |
| entity.other.attribute-name.class.css | #535146 | — |
| support.type.property-name.css | #CC785C | — |
| support.constant.property-value.css | #B26842 | — |
| string.quoted.other.lt-gt, entity.name.module | #6e6d68 | — |
| entity.name.function.decorator, meta.decorator | #61AAF2 | italic |
| punctuation | #6e6d68 | — |
| markup.heading, entity.name.section | #CC785C | bold |
| markup.bold | #3d3929 | bold |
| markup.italic | #535146 | italic |
| markup.underline.link | #CC785C | — |
| markup.inline.raw | #B26842 | — |
| markup.fenced_code | #6e6d68 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...