CodeNebula
Publisher: vigneshwar_gaonkarThemes in package: 2
A warm, sophisticated VS Code theme inspired by the Claude desktop app — available in Dark and Light variants. Pairs beautifully with Fira Code.
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#1E1E1E
- activityBar.border#252525
- activityBar.foreground#B89A78
- activityBar.inactiveForeground#484848
- activityBarBadge.background#C15F3C
- activityBarBadge.foreground#F0EAE0
- badge.background#C15F3C
- badge.foreground#F0EAE0
- breadcrumb.activeSelectionForeground#C4B89E
- breadcrumb.background#252525
- breadcrumb.focusForeground#B89A78
- breadcrumb.foreground#7A6E60
- breadcrumbPicker.background#2A2A2A
- button.background#C15F3C
- button.foreground#F0EAE0
- button.hoverBackground#A84E2E
- button.secondaryBackground#363636
- button.secondaryForeground#B89A78
- button.secondaryHoverBackground#484848
- diffEditor.insertedLineBackground#5A9E7012
- diffEditor.insertedTextBackground#5A9E7020
- diffEditor.removedLineBackground#C0685812
- diffEditor.removedTextBackground#C0685820
- disabledForeground#484848
- dropdown.background#2A2A2A
- dropdown.border#363636
- dropdown.foreground#C4B89E
- editor.background#252525
- editor.findMatchBackground#DDB86A48
- editor.findMatchHighlightBackground#DDB86A28
- editor.foreground#C4B89E
- editor.inactiveSelectionBackground#D9A46818
- editor.lineHighlightBackground#2D2D2D
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#D9A46815
- editor.selectionBackground#D9A46838
- editor.selectionHighlightBackground#D9A46824
- editor.wordHighlightBackground#6CB4C828
- editor.wordHighlightStrongBackground#6CB4C840
- editorBracketHighlight.foreground1#D9A468
- editorBracketHighlight.foreground2#6CB4C8
- editorBracketHighlight.foreground3#7EBA96
- editorBracketHighlight.foreground4#DDB86A
- editorBracketHighlight.unexpectedBracket.foreground#C06858
- editorBracketMatch.background#D9A46830
- editorBracketMatch.border#C89050
- editorCodeLens.foreground#7A6E60
- editorCursor.background#252525
- editorCursor.foreground#D9A468
- editorError.foreground#C06858
- editorGroup.border#2D2D2D
- editorGroupHeader.noTabsBackground#1E1E1E
- editorGroupHeader.tabsBackground#1E1E1E
- editorGutter.addedBackground#5A9E70
- editorGutter.background#252525
- editorGutter.deletedBackground#C06858
- editorGutter.modifiedBackground#C89050
- editorHint.foreground#7A6E60
- editorHoverWidget.background#2D2D2D
- editorHoverWidget.border#363636
- editorHoverWidget.foreground#C4B89E
- editorIndentGuide.activeBackground#484848
- editorIndentGuide.background#333333
- editorInfo.foreground#6CB4C8
- editorLineNumber.activeForeground#A09080
- editorLineNumber.foreground#484848
- editorRuler.foreground#333333
- editorSuggestWidget.background#2A2A2A
- editorSuggestWidget.border#363636
- editorSuggestWidget.foreground#C4B89E
- editorSuggestWidget.highlightForeground#D9A468
- editorSuggestWidget.selectedBackground#363636
- editorWarning.foreground#C89050
- editorWhitespace.foreground#363636
- editorWidget.background#2A2A2A
- editorWidget.border#363636
- editorWidget.foreground#C4B89E
- focusBorder#C8905060
- foreground#C4B89E
- gitDecoration.addedResourceForeground#7EBA96
- gitDecoration.conflictingResourceForeground#B890B0
- gitDecoration.deletedResourceForeground#C06858
- gitDecoration.ignoredResourceForeground#484848
- gitDecoration.modifiedResourceForeground#C89050
- gitDecoration.untrackedResourceForeground#7EBA96
- icon.foreground#B89A78
- input.background#2A2A2A
- input.border#363636
- input.foreground#C4B89E
- input.placeholderForeground#484848
- inputOption.activeBackground#D9A46820
- inputOption.activeBorder#C89050
- inputOption.activeForeground#D9A468
- inputValidation.errorBackground#C0685820
- inputValidation.errorBorder#C06858
- inputValidation.infoBackground#6CB4C820
- inputValidation.infoBorder#6CB4C8
- inputValidation.warningBackground#C8905020
- inputValidation.warningBorder#C89050
- list.activeSelectionBackground#333333
- list.activeSelectionForeground#C4B89E
- list.errorForeground#C06858
- list.focusBackground#333333
- list.focusForeground#C4B89E
- list.highlightForeground#D9A468
- list.hoverBackground#2E2A26
- list.hoverForeground#C4B89E
- list.inactiveSelectionBackground#2E2A26
- list.inactiveSelectionForeground#B89A78
- list.warningForeground#C89050
- menu.background#2A2A2A
- menu.foreground#C4B89E
- menu.selectionBackground#363636
- menu.selectionForeground#C4B89E
- menu.separatorBackground#333333
- menubar.selectionBackground#333333
- menubar.selectionForeground#C4B89E
- notificationLink.foreground#D9A468
- notifications.background#2A2A2A
- notifications.border#363636
- notifications.foreground#C4B89E
- panel.background#222222
- panel.border#2D2D2D
- panelTitle.activeBorder#D9A468
- panelTitle.activeForeground#D9A468
- panelTitle.inactiveForeground#7A6E60
- peekView.border#C89050
- peekViewEditor.background#252525
- peekViewEditorGutter.background#222222
- peekViewResult.background#222222
- peekViewResult.fileForeground#B89A78
- peekViewResult.lineForeground#7A6E60
- peekViewResult.matchHighlightBackground#D9A46830
- peekViewResult.selectionBackground#363636
- peekViewResult.selectionForeground#C4B89E
- peekViewTitle.background#2A2A2A
- peekViewTitleDescription.foreground#7A6E60
- peekViewTitleLabel.foreground#D9A468
- quickInput.background#2A2A2A
- quickInput.foreground#C4B89E
- quickInputList.focusBackground#363636
- quickInputList.focusForeground#C4B89E
- quickInputTitle.background#333333
- sash.hoverBorder#C89050
- scrollbar.shadow#00000050
- scrollbarSlider.activeBackground#6A5A50C0
- scrollbarSlider.background#36363670
- scrollbarSlider.hoverBackground#484848A0
- selection.background#D9A46838
- separator.background#2D2D2D
- settings.headerForeground#B89A78
- settings.modifiedItemIndicator#C89050
- sideBar.background#222222
- sideBar.border#2D2D2D
- sideBar.foreground#B89A78
- sideBarSectionHeader.background#252525
- sideBarSectionHeader.border#2D2D2D
- sideBarSectionHeader.foreground#7A6E60
- sideBarTitle.foreground#8A7A68
- statusBar.background#C15F3C
- statusBar.border#A84E2E
- statusBar.debuggingBackground#5A9E70
- statusBar.debuggingForeground#F0EAE0
- statusBar.foreground#F0EAE0
- statusBar.noFolderBackground#333333
- statusBar.noFolderForeground#B89A78
- statusBarItem.activeBackground#A84E2E
- statusBarItem.hoverBackground#A84E2E80
- tab.activeBackground#252525
- tab.activeBorder#C89050
- tab.activeBorderTop#00000000
- tab.activeForeground#C4B89E
- tab.border#1E1E1E
- tab.hoverBackground#2A2A2A
- tab.hoverForeground#B89A78
- tab.inactiveBackground#222222
- tab.inactiveForeground#7A6E60
- tab.unfocusedActiveForeground#8A7A68
- tab.unfocusedInactiveForeground#484848
- terminal.ansiBlack#252525
- terminal.ansiBlue#6CB4C8
- terminal.ansiBrightBlack#5A5048
- terminal.ansiBrightBlue#7CC4D8
- terminal.ansiBrightCyan#8EC8A6
- terminal.ansiBrightGreen#8EC8A6
- terminal.ansiBrightMagenta#C8A0C0
- terminal.ansiBrightRed#D07868
- terminal.ansiBrightWhite#C4B89E
- terminal.ansiBrightYellow#E8C87A
- terminal.ansiCyan#7EBA96
- terminal.ansiGreen#7EBA96
- terminal.ansiMagenta#B890B0
- terminal.ansiRed#C06858
- terminal.ansiWhite#B89A78
- terminal.ansiYellow#DDB86A
- terminal.background#1E1E1E
- terminal.foreground#C4B89E
- terminal.selectionBackground#D9A46830
- terminalCursor.background#252525
- terminalCursor.foreground#D9A468
- titleBar.activeBackground#1E1E1E
- titleBar.activeForeground#B89A78
- titleBar.border#252525
- titleBar.inactiveBackground#222222
- titleBar.inactiveForeground#7A6E60
- widget.shadow#00000055
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text.html, text | #C4B89E | — |
| comment, punctuation.definition.comment, string.quoted.docstring | #7A6E60 | italic |
| keyword.codetag.notation, comment.todo, comment.fixme | #C89050 | bold italic |
| keyword, keyword.control, keyword.control.flow, keyword.control.import, keyword.control.from, keyword.other | #D9A468 | italic |
| storage.type, storage.modifier, keyword.declaration | #D9A468 | italic |
| keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.in, keyword.operator.of | #C08A50 | italic |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.bitwise | #A87848 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none | #D9A468 | italic |
| constant.numeric | #DDB86A | — |
| constant.character, constant.character.escape, constant.other.placeholder | #B890B0 | — |
| constant.other, support.constant | #DDB86A | — |
| string, string.quoted | #7EBA96 | — |
| string.template, string.interpolated, string.quoted.template | #8EC8A4 | — |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #DDB86A | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #5E9870 | — |
| string.regexp, constant.regexp | #B890B0 | — |
| entity.name.function, meta.definition.method entity.name.function | #6CB4C8 | — |
| meta.function-call.generic, meta.method-call entity.name.function | #78BED0 | — |
| support.function, support.function.builtin | #6CB4C8 | italic |
| entity.name.class, entity.name.type, entity.name.type.class | #C47E62 | — |
| entity.other.inherited-class | #C47E62 | italic |
| entity.name.interface, entity.name.enum | #CC8870 | italic |
| support.type, support.type.primitive, meta.type.annotation, meta.type.parameters | #B07258 | — |
| variable.other.enummember | #DDB86A | — |
| variable, variable.other.readwrite, variable.other.local | #BEB09A | — |
| variable.parameter | #B0A088 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #B89A78 | — |
| variable.language.this, variable.language.self, variable.language.super, variable.language.special.self.python, variable.language.special.cls.python | #D9A468 | italic |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #7A6E60 | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.array, meta.brace | #907868 | — |
| meta.decorator, entity.name.function.decorator, support.type.decorator, punctuation.decorator | #D9A468 | italic |
| entity.name.function.decorator.python, meta.function.decorator.python | #D9A468 | italic |
| support.function.magic.python | #6CB4C8 | italic |
| support.type.python | #C47E62 | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.jsx | #D9A468 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx | #B89A78 | — |
| support.type.property-name.css, support.type.property-name.scss, meta.property-name | #6CB4C8 | — |
| meta.property-value, support.constant.property-value | #7EBA96 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #DDB86A | — |
| constant.other.color.rgb-value, keyword.other.unit | #DDB86A | — |
| support.type.property-name.json | #6CB4C8 | — |
| string.quoted.double.json | #7EBA96 | — |
| constant.language.json | #D9A468 | — |
| entity.name.tag.yaml | #6CB4C8 | — |
| string.unquoted.yaml, string.quoted.single.yaml, string.quoted.double.yaml | #7EBA96 | — |
| markup.heading, entity.name.section.markdown | #D9A468 | bold |
| markup.bold | #C4B89E | bold |
| markup.italic | #C47E62 | italic |
| markup.inline.raw, markup.raw.inline | #7EBA96 | — |
| markup.underline.link, string.other.link | #6CB4C8 | — |
| markup.quote | #7A6E60 | italic |
| punctuation.definition.list_item.markdown | #D9A468 | — |
| markup.inserted | #7EBA96 | — |
| markup.deleted | #C06858 | — |
| markup.changed | #C89050 | — |
| invalid, invalid.illegal | #C06858 | underline |
| invalid.deprecated | #8A7A68 | strikethrough |