Dobby Theme
Publisher: DobbyThemes in package: 1
A magical dark theme inspired by Neuro Dobby - combining cozy elf vibes with neural network aesthetics
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#f0c060
- activityBar.background#12131f
- activityBar.border#1a1b2e
- activityBar.foreground#8a8b9a
- activityBar.inactiveForeground#5a5b6a
- activityBarBadge.background#f0c060
- activityBarBadge.foreground#1a1b2e
- badge.background#f0c060
- badge.foreground#1a1b2e
- breadcrumb.activeSelectionForeground#e8dcc8
- breadcrumb.focusForeground#e8dcc8
- breadcrumb.foreground#5a5b6a
- button.background#f0c060
- button.border#f0c060
- button.foreground#1a1b2e
- button.hoverBackground#f5cc80
- button.secondaryBackground#2d2f4a
- button.secondaryBorder#2d2f4a
- button.secondaryForeground#e8dcc8
- button.secondaryHoverBackground#3a3c55
- commandCenter.background#12131f
- commandCenter.border#1a1b2e
- commandCenter.foreground#e8dcc8
- contrastBorder#3d3e55
- debugExceptionWidget.background#2a1520
- debugExceptionWidget.border#ff2d95
- debugToolBar.background#12131f
- debugToolBar.border#1a1b2e
- descriptionForeground#8a8b9a
- diffEditor.insertedLineBackground#1a2a1e33
- diffEditor.insertedTextBackground#69db7c33
- diffEditor.removedLineBackground#2a1a1e33
- diffEditor.removedTextBackground#ff6b6b33
- disabledForeground#5a5b6a
- dropdown.background#1f2035
- dropdown.border#2a2b40
- dropdown.foreground#e8dcc8
- editor.background#1a1b2e
- editor.findMatchBackground#4a3b00
- editor.findMatchBorder#f0c060
- editor.findMatchForeground#ffffff
- editor.findMatchHighlightBackground#3a352033
- editor.findMatchHighlightBorder#8a7a50
- editor.findMatchHighlightForeground#e8dcc833
- editor.foreground#e8dcc8
- editor.hoverHighlightBackground#2d2f4a33
- editor.inactiveLineHighlightBackground#1d1e30
- editor.inactiveSelectionBackground#25273833
- editor.lineHighlightBackground#222338
- editor.rangeHighlightBackground#2d2f4a33
- editor.rangeHighlightBorder#5b9eff
- editor.selectionBackground#2d2f4a
- editor.selectionForeground#ffffff
- editor.selectionHighlightBackground#2d2f4a33
- editor.selectionHighlightBorder#5b9eff
- editor.symbolHighlightBackground#2d2f4a33
- editor.symbolHighlightBorder#f0c060
- editor.wordHighlightBackground#2d2f4a33
- editor.wordHighlightBorder#5b9eff
- editor.wordHighlightStrongBackground#3a2d4a33
- editor.wordHighlightStrongBorder#ff2d95
- editorBracketHighlight.foreground1#00e5ff
- editorBracketHighlight.foreground2#ff2d95
- editorBracketHighlight.foreground3#f0c060
- editorBracketHighlight.foreground4#5b9eff
- editorBracketHighlight.foreground5#b388ff
- editorBracketHighlight.foreground6#ff6b6b
- editorBracketHighlight.unexpectedBracket.foreground#ff6b6b
- editorBracketMatch.background#2d2f4a
- editorBracketMatch.border#f0c060
- editorCodeLens.foreground#5a5b6a
- editorCursor.background#1a1b2e
- editorCursor.foreground#f0c060
- editorError.foreground#ff6b6b
- editorGroup.border#2a2b40
- editorGroupHeader.tabsBackground#12131f
- editorGroupHeader.tabsBorder#1a1b2e
- editorGutter.addedBackground#69db7c
- editorGutter.background#1a1b2e
- editorGutter.deletedBackground#ff6b6b
- editorGutter.modifiedBackground#f0c060
- editorHint.foreground#b388ff
- editorIndentGuide.activeBackground1#3d3e55
- editorIndentGuide.background1#2a2b40
- editorInfo.foreground#00e5ff
- editorInlayHint.background#222338
- editorInlayHint.foreground#8a8b9a
- editorInlayHint.parameterBackground#222338
- editorInlayHint.parameterForeground#8a8b9a
- editorInlayHint.typeBackground#222338
- editorInlayHint.typeForeground#8a8b9a
- editorLightBulb.foreground#f0c060
- editorLightBulbAi.foreground#00e5ff
- editorLineNumber.activeForeground#b8b0a0
- editorLineNumber.foreground#5a5b6a
- editorMinimap.inlineChatInserted#69db7c
- editorMultiCursor.primary.foreground#f0c060
- editorMultiCursor.secondary.foreground#00e5ff
- editorOverviewRuler.addedForeground#69db7c
- editorOverviewRuler.background#1a1b2e
- editorOverviewRuler.border#2a2b40
- editorOverviewRuler.commentDraftForeground#b388ff
- editorOverviewRuler.deletedForeground#ff6b6b
- editorOverviewRuler.errorForeground#ff6b6b
- editorOverviewRuler.infoForeground#00e5ff
- editorOverviewRuler.inlineChatInserted#69db7c
- editorOverviewRuler.inlineChatRemoved#ff6b6b
- editorOverviewRuler.modifiedForeground#f0c060
- editorOverviewRuler.warningForeground#ffaa55
- editorRuler.foreground#2a2b40
- editorUnnecessaryCode.border#5a5b6a
- editorUnnecessaryCode.opacity#00000000
- editorWarning.foreground#ffaa55
- editorWhitespace.foreground#3d3e55
- errorForeground#ff6b6b
- focusBorder#f0c060
- foreground#e8dcc8
- gitDecoration.addedResourceForeground#69db7c
- gitDecoration.conflictingResourceForeground#ff2d95
- gitDecoration.deletedResourceForeground#ff6b6b
- gitDecoration.ignoredResourceForeground#5a5b6a
- gitDecoration.modifiedResourceForeground#f0c060
- gitDecoration.submoduleResourceForeground#b388ff
- gitDecoration.untrackedResourceForeground#5b9eff
- icon.foreground#8a8b9a
- input.background#1f2035
- input.border#2a2b40
- input.foreground#e8dcc8
- input.placeholderForeground#5a5b6a
- inputOption.activeBackground#2d2f4a
- inputOption.activeBorder#f0c060
- inputOption.activeForeground#e8dcc8
- list.activeSelectionBackground#2d2f4a
- list.activeSelectionForeground#e8dcc8
- list.dropBackground#2d2f4a
- list.focusBackground#2d2f4a
- list.focusForeground#e8dcc8
- list.hoverBackground#1f2035
- list.hoverForeground#e8dcc8
- list.inactiveSelectionBackground#1f2035
- list.inactiveSelectionForeground#8a8b9a
- menu.background#1f2035
- menu.border#2a2b40
- menu.foreground#b0b1a8
- menu.selectionBackground#2d2f4a
- menu.selectionForeground#e8dcc8
- menubar.selectionBackground#2d2f4a
- menubar.selectionForeground#e8dcc8
- merge.commonContentBackground#1a1b2e33
- merge.commonHeaderBackground#2a2a1a33
- merge.currentContentBackground#1a1b2e33
- merge.currentHeaderBackground#1a2a3a33
- merge.incomingContentBackground#1a1b2e33
- merge.incomingHeaderBackground#2a1a3a33
- minimap.background#12131f
- minimap.chatEditHighlight#f0c060
- minimapGutter.addedBackground#69db7c
- minimapGutter.deletedBackground#ff6b6b
- minimapGutter.modifiedBackground#f0c060
- minimapSlider.activeBackground#5d5e75
- minimapSlider.background#3d3e55
- minimapSlider.hoverBackground#4d4e65
- notificationLink.foreground#00e5ff
- notifications.background#1f2035
- notifications.border#2a2b40
- notifications.foreground#e8dcc8
- notificationsErrorIcon.foreground#ff6b6b
- notificationsInfoIcon.foreground#00e5ff
- notificationsWarningIcon.foreground#ffaa55
- panel.background#12131f
- panel.border#1a1b2e
- panelTitle.activeForeground#e8dcc8
- panelTitle.inactiveForeground#5a5b6a
- peekView.border#f0c060
- peekViewEditor.background#1a1b2e
- peekViewEditorGutter.background#1a1b2e
- peekViewResult.background#12131f
- peekViewResult.selectionBackground#2d2f4a
- peekViewResult.selectionForeground#e8dcc8
- peekViewTitle.background#12131f
- peekViewTitleDescription.foreground#8a8b9a
- peekViewTitleLabel.foreground#e8dcc8
- pickerGroup.border#2a2b40
- pickerGroup.foreground#f0c060
- problemsErrorIcon.foreground#ff6b6b
- problemsInfoIcon.foreground#00e5ff
- problemsWarningIcon.foreground#ffaa55
- progressBar.background#f0c060
- sash.hoverBorder#f0c060
- scrollbar.background#12131f
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#5d5e75
- scrollbarSlider.background#3d3e55
- scrollbarSlider.hoverBackground#4d4e65
- selection.background#2d2f4a
- sideBar.background#12131f
- sideBar.border#1a1b2e
- sideBar.foreground#b0b1a8
- sideBarSectionHeader.background#1a1b2e
- sideBarSectionHeader.border#2a2b40
- sideBarSectionHeader.foreground#8a8b9a
- sideBarTitle.background#12131f
- sideBarTitle.border#1a1b2e
- sideBarTitle.foreground#e8dcc8
- statusBar.background#12131f
- statusBar.border#1a1b2e
- statusBar.foreground#e8dcc8
- statusBarItem.activeBackground#2d2f4a
- statusBarItem.errorBackground#ff6b6b
- statusBarItem.hoverBackground#1f2035
- statusBarItem.remoteBackground#2d2f4a
- statusBarItem.remoteForeground#e8dcc8
- statusBarItem.warningBackground#ffaa55
- tab.activeBackground#1a1b2e
- tab.activeBorder#f0c060
- tab.activeForeground#e8dcc8
- tab.activeModifiedBorder#f0c060
- tab.border#1a1b2e
- tab.hoverBackground#1f2035
- tab.hoverBorder#2d2f4a
- tab.inactiveBackground#12131f
- tab.inactiveForeground#5a5b6a
- tab.inactiveModifiedBorder#8a7a50
- tab.unfocusedActiveBackground#161725
- tab.unfocusedActiveBorder#5a5b6a
- tab.unfocusedActiveForeground#b0b1a8
- tab.unfocusedInactiveBackground#0e0f1a
- tab.unfocusedInactiveForeground#4a4b5a
- terminal.ansiBlack#1a1b2e
- terminal.ansiBlue#5b9eff
- terminal.ansiBrightBlack#5a5b6a
- terminal.ansiBrightBlue#8ab8ff
- terminal.ansiBrightCyan#66f0ff
- terminal.ansiBrightGreen#a5f5b8
- terminal.ansiBrightMagenta#ff6bb5
- terminal.ansiBrightRed#ff9e9e
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f5d590
- terminal.ansiCyan#00e5ff
- terminal.ansiGreen#69db7c
- terminal.ansiMagenta#ff2d95
- terminal.ansiRed#ff6b6b
- terminal.ansiWhite#e8dcc8
- terminal.ansiYellow#f0c060
- terminal.background#1a1b2e
- terminal.findMatchBackground#4a3b0033
- terminal.foreground#e8dcc8
- terminal.selectionBackground#2d2f4a
- terminalCursor.background#1a1b2e
- terminalCursor.foreground#f0c060
- testing.iconErrored#ffaa55
- testing.iconFailed#ff6b6b
- testing.iconPassed#69db7c
- textBlockQuote.background#1f2035
- textBlockQuote.border#2a2b40
- textCodeBlock.background#1f2035
- textLink.activeForeground#5b9eff
- textLink.foreground#00e5ff
- textPreformat.background#1f2035
- textPreformat.border#2a2b40
- textPreformat.foreground#e8dcc8
- textSeparator.foreground#2a2b40
- titleBar.activeBackground#12131f
- titleBar.activeForeground#e8dcc8
- titleBar.border#1a1b2e
- titleBar.inactiveBackground#0e0f1a
- titleBar.inactiveForeground#5a5b6a
- tree.inactiveIndentGuidesStroke#1f2035
- tree.indentGuidesStroke#2a2b40
- widget.border#2a2b40
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7a7b8a | italic |
| string, constant.other.symbol, constant.other.key | #f0c060 | — |
| constant.numeric, constant.language | #00e5ff | — |
| keyword, storage.type | #ff2d95 | — |
| storage.modifier | #ff2d95 | — |
| entity.name.function, support.function, meta.function-call, variable.function | #5b9eff | — |
| entity.name.class, support.class, entity.name.type, support.type, entity.name.trait, entity.name.interface, entity.name.enum, entity.name.struct | #f0c060 | bold |
| variable, variable.other, variable.other.readwrite, variable.other.constant | #e8dcc8 | — |
| variable.parameter, variable.other.parameter | #e8dcc8 | italic |
| entity.name.tag, meta.tag | #ff2d95 | — |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #f0c060 | — |
| punctuation, meta.brace, meta.bracket, meta.delimiter | #6a6b7a | — |
| constant.character, constant.escape | #69db7c | — |
| support.function.builtin, support.constant | #b388ff | — |
| invalid, invalid.illegal, invalid.deprecated | #ff6b6b | italic |
| diff.inserted, markup.inserted | #69db7c | — |
| diff.removed, markup.deleted | #ff6b6b | — |
| markup.changed | #f0c060 | — |
| markup.heading, markup.heading entity.name | #f0c060 | bold |
| markup.underline | #00e5ff | — |
| markup.bold | #e8dcc8 | bold |
| markup.italic | #e8dcc8 | italic |
| markup.error, markup.error.inline | #ff6b6b | italic |
| markup.warning | #ffaa55 | italic |
| markup.info | #00e5ff | — |
| meta.diff.header | #b388ff | — |
| source.css entity.name.tag, source.scss entity.name.tag, source.less entity.name.tag | #ff2d95 | — |
| source.css entity.other.attribute-name.class, source.scss entity.other.attribute-name.class, source.less entity.other.attribute-name.class | #f0c060 | — |
| source.css support.constant.property-value, source.scss support.constant.property-value, source.less support.constant.property-value | #00e5ff | — |
| source.js.jsx entity.name.tag, source.tsx entity.name.tag, source.js entity.name.tag | #ff2d95 | — |
| source.js.jsx entity.other.attribute-name, source.tsx entity.other.attribute-name | #f0c060 | — |
| source.python storage.type, source.python entity.name.class, source.python entity.name.function | #5b9eff | — |
| source.go storage.type, source.go entity.name.function | #5b9eff | — |
| source.rust storage.type, source.rust entity.name.type, source.rust entity.name.function | #5b9eff | — |
| source.java storage.type, source.java entity.name.class, source.java entity.name.function | #5b9eff | — |