Claudy
Publisher: AstromationsThemes in package: 1
A dark theme reverse-engineered from Claude's code preview palette
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#1E1E1C
- activityBar.border#1A1A18
- activityBar.foreground#C8C6C2
- activityBar.inactiveForeground#5B595C
- activityBarBadge.background#CC7BF4
- activityBarBadge.foreground#1E1E1C
- badge.background#CC7BF4
- badge.foreground#1E1E1C
- breadcrumb.activeSelectionForeground#FAF9F5
- breadcrumb.background#30302E
- breadcrumb.foreground#7A7875
- breadcrumbPicker.background#252523
- button.background#CC7BF4
- button.foreground#1E1E1C
- button.hoverBackground#D990F6
- button.secondaryBackground#45433F
- button.secondaryForeground#FAF9F5
- button.secondaryHoverBackground#5B595C
- descriptionForeground#A8A6A3
- dropdown.background#252523
- dropdown.border#45433F
- dropdown.foreground#FAF9F5
- editor.background#30302E
- editor.findMatchBackground#FFD86640
- editor.findMatchHighlightBackground#FFD86625
- editor.foreground#FAF9F5
- editor.inactiveSelectionBackground#0A3EA730
- editor.lineHighlightBackground#3A3A37
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#0A3EA720
- editor.selectionBackground#0A3EA755
- editor.selectionHighlightBackground#0A3EA733
- editor.wordHighlightBackground#0A3EA740
- editor.wordHighlightStrongBackground#0A3EA755
- editorBracketMatch.background#5B595C40
- editorBracketMatch.border#A8A6A370
- editorCursor.background#30302E
- editorCursor.foreground#FAF9F5
- editorError.background#F47B8515
- editorError.foreground#F47B85
- editorGroupHeader.tabsBackground#252523
- editorGutter.addedBackground#9BE96380
- editorGutter.deletedBackground#F47B8580
- editorGutter.modifiedBackground#FBAD6080
- editorHoverWidget.background#252523
- editorHoverWidget.border#45433F
- editorIndentGuide.activeBackground1#7A7875
- editorIndentGuide.background1#45433F
- editorInfo.foreground#5EEDED
- editorLineNumber.activeForeground#A8A6A3
- editorLineNumber.foreground#5B595C
- editorSuggestWidget.background#252523
- editorSuggestWidget.border#45433F
- editorSuggestWidget.foreground#FAF9F5
- editorSuggestWidget.highlightForeground#CC7BF4
- editorSuggestWidget.selectedBackground#3A3A37
- editorSuggestWidget.selectedForeground#FAF9F5
- editorWarning.background#FFD86615
- editorWarning.foreground#FFD866
- editorWhitespace.foreground#5B595C80
- editorWidget.background#252523
- editorWidget.border#45433F
- editorWidget.foreground#FAF9F5
- errorForeground#F47B85
- focusBorder#CC7BF480
- foreground#FAF9F5
- gitDecoration.addedResourceForeground#9BE963
- gitDecoration.conflictingResourceForeground#FFD866
- gitDecoration.deletedResourceForeground#F47B85
- gitDecoration.ignoredResourceForeground#5B595C
- gitDecoration.modifiedResourceForeground#FBAD60
- gitDecoration.untrackedResourceForeground#5EEDED
- icon.foreground#A8A6A3
- input.background#1E1E1C
- input.border#45433F
- input.foreground#FAF9F5
- input.placeholderForeground#5B595C
- inputOption.activeBackground#0A3EA755
- inputOption.activeBorder#CC7BF4
- list.activeSelectionBackground#3A3A37
- list.activeSelectionForeground#FAF9F5
- list.focusBackground#3A3A37
- list.focusForeground#FAF9F5
- list.highlightForeground#9BE963
- list.hoverBackground#33332F
- list.hoverForeground#FAF9F5
- list.inactiveSelectionBackground#33332F
- list.inactiveSelectionForeground#C8C6C2
- minimap.background#2A2A28
- minimap.findMatchHighlight#FFD86660
- minimap.selectionHighlight#0A3EA766
- minimapSlider.activeBackground#5B595C70
- minimapSlider.background#5B595C30
- minimapSlider.hoverBackground#5B595C50
- notificationCenterHeader.background#252523
- notifications.background#2C2C2A
- notifications.border#45433F
- panel.background#252523
- panel.border#1E1E1C
- panelTitle.activeBorder#CC7BF4
- panelTitle.activeForeground#FAF9F5
- panelTitle.inactiveForeground#7A7875
- peekView.border#CC7BF4
- peekViewEditor.background#252523
- peekViewEditor.matchHighlightBackground#FFD86640
- peekViewResult.background#1E1E1C
- peekViewResult.matchHighlightBackground#FFD86630
- peekViewResult.selectionBackground#0A3EA755
- peekViewTitle.background#1E1E1C
- peekViewTitleDescription.foreground#7A7875
- peekViewTitleLabel.foreground#FAF9F5
- quickInput.background#252523
- quickInput.foreground#FAF9F5
- quickInputList.focusBackground#3A3A37
- quickInputList.focusForeground#FAF9F5
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#7A787580
- scrollbarSlider.background#5B595C50
- scrollbarSlider.hoverBackground#5B595C80
- selection.background#0A3EA755
- sideBar.background#252523
- sideBar.border#1E1E1C
- sideBar.foreground#C8C6C2
- sideBarSectionHeader.background#252523
- sideBarSectionHeader.border#1E1E1C
- sideBarSectionHeader.foreground#A8A6A3
- sideBarTitle.foreground#FAF9F5
- statusBar.background#1E1E1C
- statusBar.border#1A1A18
- statusBar.debuggingBackground#F47B85
- statusBar.debuggingForeground#1E1E1C
- statusBar.foreground#A8A6A3
- statusBar.noFolderBackground#1E1E1C
- statusBarItem.errorBackground#F47B85
- statusBarItem.hoverBackground#3A3A37
- statusBarItem.remoteBackground#CC7BF4
- statusBarItem.remoteForeground#1E1E1C
- statusBarItem.warningBackground#FBAD60
- tab.activeBackground#30302E
- tab.activeBorderTop#CC7BF4
- tab.activeForeground#FAF9F5
- tab.border#1E1E1C
- tab.hoverBackground#2C2C2A
- tab.inactiveBackground#252523
- tab.inactiveForeground#7A7875
- tab.unfocusedActiveBorderTop#7A7875
- terminal.ansiBlack#403E3C
- terminal.ansiBlue#7B9FF4
- terminal.ansiBrightBlack#7A7875
- terminal.ansiBrightBlue#7B9FF4
- terminal.ansiBrightCyan#5EEDED
- terminal.ansiBrightGreen#9BE963
- terminal.ansiBrightMagenta#CC7BF4
- terminal.ansiBrightRed#F47B85
- terminal.ansiBrightWhite#FAF9F5
- terminal.ansiBrightYellow#FFD866
- terminal.ansiCyan#5EEDED
- terminal.ansiGreen#9BE963
- terminal.ansiMagenta#CC7BF4
- terminal.ansiRed#F47B85
- terminal.ansiWhite#FAF9F5
- terminal.ansiYellow#FFD866
- terminal.background#252523
- terminal.foreground#FAF9F5
- terminal.selectionBackground#0A3EA755
- terminalCursor.foreground#FAF9F5
- textLink.activeForeground#9BE963
- textLink.foreground#5EEDED
- textSeparator.foreground#45433F
- titleBar.activeBackground#1E1E1C
- titleBar.activeForeground#C8C6C2
- titleBar.border#1A1A18
- titleBar.inactiveBackground#1E1E1C
- titleBar.inactiveForeground#5B595C
- tree.indentGuidesStroke#45433F
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #FAF9F5 | — |
| comment, punctuation.definition.comment | #7A7875 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, keyword.other.important, storage.type, storage.modifier | #CC7BF4 | — |
| keyword.control.import, keyword.control.from | #CC7BF4 | — |
| entity.name.function, meta.function entity.name.function, support.function | #FBAD60 | — |
| meta.function-call entity.name.function, meta.method-call entity.name.function, variable.function, support.function.builtin | #FBAD60 | — |
| entity.name.class, entity.name.type.class, support.class | #9BE963 | — |
| entity.other.inherited-class | #9BE963 | italic |
| variable, variable.other | #FAF9F5 | — |
| variable.language.this, variable.language.self, variable.language.super | #FBAD60 | italic |
| variable.parameter, meta.function.parameters variable.other | #FBAD60 | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.property.object | #F47B85 | — |
| string, string.quoted, string.template, string.interpolated | #9BE963 | — |
| constant.character.escape, string constant.character.escape | #5EEDED | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #CC7BF4 | — |
| string.regexp, constant.regexp | #F47B85 | — |
| constant.numeric, constant.numeric.decimal, constant.numeric.integer | #5EEDED | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none | #FBAD60 | — |
| constant.other, support.constant | #5EEDED | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.ternary | #FAF9F5 | — |
| keyword.operator.arrow, storage.type.function.arrow | #CC7BF4 | — |
| punctuation.definition, punctuation.section, meta.brace, meta.delimiter, punctuation.separator, punctuation.terminator | #FAF9F5 | — |
| entity.name.type, support.type, meta.type.annotation, meta.type.parameters | #5EEDED | — |
| entity.name.function.decorator, meta.decorator, punctuation.decorator | #9BE963 | italic |
| entity.name.tag | #F47B85 | — |
| entity.other.attribute-name | #FBAD60 | — |
| meta.attribute string | #9BE963 | — |
| support.class.component, entity.name.tag.tsx, entity.name.tag.jsx | #9BE963 | — |
| support.type.property-name.css, meta.property-name | #F47B85 | — |
| support.constant.property-value, meta.property-value | #FBAD60 | — |
| entity.other.attribute-name.class.css, entity.name.tag.css | #9BE963 | — |
| keyword.other.unit, constant.numeric.css | #5EEDED | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #CC7BF4 | italic |
| support.type.property-name.json | #F47B85 | — |
| string.quoted.double.json | #9BE963 | — |
| markup.heading, entity.name.section.markdown | #CC7BF4 | bold |
| markup.bold | #FBAD60 | bold |
| markup.italic | #9BE963 | italic |
| markup.inline.raw, markup.fenced_code.block | #5EEDED | — |
| markup.underline.link, string.other.link | #F47B85 | — |
| punctuation.definition.list_item.markdown | #CC7BF4 | — |
| markup.inserted | #9BE963 | — |
| markup.deleted | #F47B85 | — |
| markup.changed | #FFD866 | — |
| invalid | #F47B85 | underline |
| invalid.deprecated | #FBAD60 | underline italic |