Butter Bear
Publisher: butterdevThemes in package: 10
10 warm golden themes (Dark, Light, Soft, Midnight, Mocha, Storm, Rose, Forest, AMOLED, HC) + a growing bear companion with prestige system.
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#fdf8ec
- activityBar.activeBorder#c9a227
- activityBar.activeFocusBorder#c9a227
- activityBar.background#ede8d6
- activityBar.border#d8cca8
- activityBar.dropBorder#c9a227
- activityBar.foreground#3a3020
- activityBar.inactiveForeground#9a8860
- activityBarBadge.background#c9a227
- activityBarBadge.foreground#fdf8ec
- badge.background#c9a227
- badge.foreground#fdf8ec
- breadcrumb.activeSelectionForeground#7a5010
- breadcrumb.background#fdf8ec
- breadcrumb.focusForeground#8a5820
- breadcrumb.foreground#9a8860
- breadcrumbPicker.background#f5efde
- button.background#c9a227
- button.foreground#fdf8ec
- button.hoverBackground#b89020
- button.secondaryBackground#ede8d6
- button.secondaryForeground#2a2010
- button.secondaryHoverBackground#e0d8c0
- checkbox.background#fdf8ec
- checkbox.border#c8b888
- checkbox.foreground#2a2010
- descriptionForeground#3a3020
- diffEditor.deletedLineBackground#8a202015
- diffEditor.deletedTextBackground#8a202040
- diffEditor.insertedLineBackground#4a883015
- diffEditor.insertedTextBackground#4a883040
- disabledForeground#8a785080
- dropdown.background#fdf8ec
- dropdown.border#c8b888
- dropdown.foreground#3a3020
- dropdown.listBackground#fdf8ec
- editor.background#fdf8ec
- editor.findMatchBackground#f0c840
- editor.findMatchBorder#c9a227
- editor.findMatchHighlightBackground#f0c84080
- editor.findMatchHighlightBorder#c9a22760
- editor.foldBackground#c9a22720
- editor.foreground#2a2010
- editor.inactiveSelectionBackground#e8d89060
- editor.lineHighlightBackground#f5ecd8
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#c9a22715
- editor.selectionBackground#e8d890
- editor.selectionForeground#1a1008
- editor.selectionHighlightBackground#e8d89080
- editor.selectionHighlightBorder#c9a22760
- editor.wordHighlightBackground#ead99080
- editor.wordHighlightBorder#c9a22740
- editor.wordHighlightStrongBackground#e8d890
- editor.wordHighlightStrongBorder#c9a22760
- editorBracketHighlight.foreground1#c9a227
- editorBracketHighlight.foreground2#804020
- editorBracketHighlight.foreground3#406830
- editorBracketHighlight.foreground4#406878
- editorBracketHighlight.foreground5#804060
- editorBracketHighlight.foreground6#804838
- editorBracketMatch.background#e8d890
- editorBracketMatch.border#c9a227
- editorCodeLens.foreground#9a8860
- editorCursor.background#fdf8ec
- editorCursor.foreground#c9a227
- editorError.background#8a202015
- editorError.foreground#8a2020
- editorGroup.border#d8cca8
- editorGroup.emptyBackground#fdf8ec
- editorGroupHeader.noTabsBackground#fdf8ec
- editorGroupHeader.tabsBackground#f0e8d0
- editorGroupHeader.tabsBorder#d8cca8
- editorGutter.addedBackground#4a8830
- editorGutter.commentRangeForeground#c8b888
- editorGutter.deletedBackground#8a2020
- editorGutter.foldingControlForeground#9a8860
- editorGutter.modifiedBackground#c9a227
- editorHint.foreground#406830
- editorHoverWidget.background#f5efde
- editorHoverWidget.border#c8b888
- editorHoverWidget.foreground#2a2010
- editorHoverWidget.highlightForeground#7a5010
- editorHoverWidget.statusBarBackground#ede8d6
- editorIndentGuide.activeBackground1#c8b888
- editorIndentGuide.activeBackground2#d0c898
- editorIndentGuide.background1#e0d8c0
- editorIndentGuide.background2#e8e0c8
- editorInfo.background#40687815
- editorInfo.foreground#406878
- editorLineNumber.activeForeground#8a7850
- editorLineNumber.foreground#c8b888
- editorOverviewRuler.addedForeground#4a8830
- editorOverviewRuler.border#d8cca8
- editorOverviewRuler.bracketMatchForeground#c9a22780
- editorOverviewRuler.deletedForeground#8a2020
- editorOverviewRuler.errorForeground#8a2020
- editorOverviewRuler.findMatchForeground#c9a22780
- editorOverviewRuler.infoForeground#406878
- editorOverviewRuler.modifiedForeground#c9a227
- editorOverviewRuler.selectionHighlightForeground#c9a22760
- editorOverviewRuler.warningForeground#c9a227
- editorSuggestWidget.background#f5efde
- editorSuggestWidget.border#c8b888
- editorSuggestWidget.focusHighlightForeground#7a5010
- editorSuggestWidget.foreground#2a2010
- editorSuggestWidget.highlightForeground#7a5010
- editorSuggestWidget.selectedBackground#e8d890
- editorSuggestWidget.selectedForeground#1a1008
- editorSuggestWidget.selectedIconForeground#6a4010
- editorWarning.background#c9a22715
- editorWarning.foreground#7a5010
- editorWhitespace.foreground#c8b88850
- editorWidget.background#f5efde
- editorWidget.border#c8b888
- editorWidget.foreground#2a2010
- errorForeground#8a2020
- focusBorder#c9a22780
- foreground#2a2010
- gitDecoration.addedResourceForeground#4a8830
- gitDecoration.conflictingResourceForeground#804020
- gitDecoration.deletedResourceForeground#8a2020
- gitDecoration.ignoredResourceForeground#c8b888
- gitDecoration.modifiedResourceForeground#7a5010
- gitDecoration.renamedResourceForeground#406830
- gitDecoration.stageDeletedResourceForeground#8a2020
- gitDecoration.stageModifiedResourceForeground#7a5010
- gitDecoration.untrackedResourceForeground#4a8830
- icon.foreground#6a5830
- input.background#fdf8ec
- input.border#c8b888
- input.foreground#2a2010
- input.placeholderForeground#a89870
- inputOption.activeBackground#c9a22730
- inputOption.activeBorder#c9a227
- inputOption.activeForeground#2a2010
- inputOption.hoverBackground#f0e8d0
- inputValidation.errorBackground#f5e0e0
- inputValidation.errorBorder#8a2020
- inputValidation.errorForeground#2a2010
- inputValidation.infoBackground#e0f0f2
- inputValidation.infoBorder#406878
- inputValidation.infoForeground#2a2010
- inputValidation.warningBackground#f5eed0
- inputValidation.warningBorder#c9a227
- inputValidation.warningForeground#2a2010
- list.activeSelectionBackground#e8d890
- list.activeSelectionForeground#1a1008
- list.activeSelectionIconForeground#6a4010
- list.dropBackground#c9a22720
- list.errorForeground#8a2020
- list.focusBackground#e8d890
- list.focusForeground#1a1008
- list.focusHighlightForeground#6a4010
- list.focusOutline#c9a22740
- list.highlightForeground#7a5010
- list.hoverBackground#f0e8d0
- list.hoverForeground#2a2010
- list.inactiveFocusBackground#e8ddb0
- list.inactiveSelectionBackground#e8ddb0
- list.inactiveSelectionForeground#2a2010
- list.inactiveSelectionIconForeground#6a5830
- list.invalidItemForeground#8a2020
- list.warningForeground#7a5010
- listFilterWidget.background#fdf8ec
- listFilterWidget.noMatchesOutline#8a2020
- listFilterWidget.outline#c9a22760
- menu.background#fdf8ec
- menu.border#c8b888
- menu.foreground#2a2010
- menu.selectionBackground#e8d890
- menu.selectionForeground#1a1008
- menu.separatorBackground#d8cca8
- menubar.selectionBackground#e8d890
- menubar.selectionForeground#1a1008
- minimap.background#f5efde
- minimap.errorHighlight#8a202080
- minimap.findMatchHighlight#c9a22780
- minimap.selectionHighlight#c9a22740
- minimap.warningHighlight#c9a22780
- minimapGutter.addedBackground#4a8830
- minimapGutter.deletedBackground#8a2020
- minimapGutter.modifiedBackground#c9a227
- minimapSlider.activeBackground#c8b88840
- minimapSlider.background#c8b88820
- minimapSlider.hoverBackground#c8b88830
- notificationCenterHeader.background#ede8d6
- notificationCenterHeader.foreground#3a3020
- notificationLink.foreground#7a5010
- notifications.background#f5efde
- notifications.border#c8b888
- notifications.foreground#2a2010
- notificationsErrorIcon.foreground#8a2020
- notificationsInfoIcon.foreground#406878
- notificationsWarningIcon.foreground#7a5010
- panel.background#f5efde
- panel.border#d8cca8
- panelSection.border#e0d8c0
- panelSectionHeader.background#ede8d6
- panelSectionHeader.border#d8cca8
- panelSectionHeader.foreground#6a5830
- panelTitle.activeBorder#c9a227
- panelTitle.activeForeground#2a2010
- panelTitle.inactiveForeground#9a8860
- peekView.border#c9a22760
- peekViewEditor.background#f5efde
- peekViewEditor.matchHighlightBackground#c9a22730
- peekViewResult.background#fdf8ec
- peekViewResult.fileForeground#7a5010
- peekViewResult.lineForeground#3a3020
- peekViewResult.matchHighlightBackground#c9a22730
- peekViewResult.selectionBackground#e8d890
- peekViewResult.selectionForeground#1a1008
- peekViewTitle.background#ede8d6
- peekViewTitleDescription.foreground#9a8860
- peekViewTitleLabel.foreground#2a2010
- pickerGroup.border#d8cca8
- pickerGroup.foreground#9a8860
- progressBar.background#c9a227
- quickInput.background#fdf8ec
- quickInput.foreground#2a2010
- quickInputList.focusBackground#e8d890
- quickInputList.focusForeground#1a1008
- quickInputTitle.background#ede8d6
- sash.hoverBorder#c9a22780
- scrollbar.shadow#2a201020
- scrollbarSlider.activeBackground#c9a22760
- scrollbarSlider.background#c8b88830
- scrollbarSlider.hoverBackground#c8b88850
- selection.background#c9a22740
- sideBar.background#f5efde
- sideBar.border#d8cca8
- sideBar.dropBackground#c9a22720
- sideBar.foreground#3a3020
- sideBarSectionHeader.background#ede8d6
- sideBarSectionHeader.border#d8cca8
- sideBarSectionHeader.foreground#6a5830
- sideBarTitle.foreground#9a8860
- statusBar.background#c9a227
- statusBar.border#b89020
- statusBar.debuggingBackground#8a3020
- statusBar.debuggingForeground#fdf8ec
- statusBar.foreground#1a1008
- statusBar.noFolderBackground#f5efde
- statusBar.noFolderForeground#7a6840
- statusBarItem.activeBackground#00000020
- statusBarItem.errorBackground#8a2020
- statusBarItem.errorForeground#fdf8ec
- statusBarItem.hoverBackground#00000015
- statusBarItem.prominentBackground#00000020
- statusBarItem.prominentForeground#1a1008
- statusBarItem.remoteBackground#b89020
- statusBarItem.remoteForeground#1a1008
- tab.activeBackground#fdf8ec
- tab.activeBorder#fdf8ec
- tab.activeBorderTop#c9a227
- tab.activeForeground#2a2010
- tab.activeModifiedBorder#c9a227
- tab.border#d8cca8
- tab.hoverBackground#f5eed8
- tab.hoverForeground#2a2010
- tab.inactiveBackground#ede8d6
- tab.inactiveForeground#7a6840
- tab.inactiveModifiedBorder#c9a22760
- terminal.ansiBlack#2a2010
- terminal.ansiBlue#3a5898
- terminal.ansiBrightBlack#8a7850
- terminal.ansiBrightBlue#486ab0
- terminal.ansiBrightCyan#3a7880
- terminal.ansiBrightGreen#306820
- terminal.ansiBrightMagenta#804060
- terminal.ansiBrightRed#a03030
- terminal.ansiBrightWhite#2a2010
- terminal.ansiBrightYellow#8a6000
- terminal.ansiCyan#406878
- terminal.ansiGreen#4a8830
- terminal.ansiMagenta#804060
- terminal.ansiRed#8a2020
- terminal.ansiWhite#6a5830
- terminal.ansiYellow#c9a227
- terminal.background#f5efde
- terminal.foreground#2a2010
- terminal.selectionBackground#c9a22740
- terminalCursor.background#fdf8ec
- terminalCursor.foreground#c9a227
- textBlockQuote.background#f0e8d0
- textBlockQuote.border#c9a22760
- textCodeBlock.background#ede8d6
- textLink.activeForeground#6a4010
- textLink.foreground#8a5820
- textPreformat.foreground#8a5820
- textSeparator.foreground#c8b888
- titleBar.activeBackground#ede8d6
- titleBar.activeForeground#3a3020
- titleBar.border#d8cca8
- titleBar.inactiveBackground#e8e0c8
- titleBar.inactiveForeground#9a8860
- tree.inactiveIndentGuidesStroke#e8d8a8
- tree.indentGuidesStroke#d8c898
- widget.shadow#2a201020
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8a7850 | italic |
| string, string.quoted, string.template | #8a5820 | — |
| constant.character.escape | #6a5000 | — |
| keyword, keyword.control, storage.type, storage.modifier | #804020 | — |
| entity.name.function, support.function | #6a5000 | — |
| entity.name.type, entity.name.class, support.class | #804838 | — |
| variable, variable.other | #2a2010 | — |
| variable.parameter | #4a3820 | — |
| variable.other.property, meta.object-literal.key, support.type.property-name | #6a4820 | — |
| constant, variable.other.constant | #7a5800 | — |
| constant.numeric, constant.language.boolean, constant.language.null | #7a6000 | — |
| keyword.operator | #804020 | — |
| punctuation, punctuation.separator, punctuation.terminator | #8a7850 | — |
| entity.name.tag | #804020 | — |
| entity.other.attribute-name | #7a4820 | — |
| entity.name.decorator, meta.decorator | #7a4820 | — |
| markup.heading | #7a5010 | bold |
| markup.bold | #6a5000 | bold |
| markup.italic | #8a5820 | italic |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #8a5820 | — |
| markup.underline.link.markdown | #7a5010 | underline |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #804020 | — |
| support.type.property-name.css | #6a4820 | — |
| support.constant.property-value.css, constant.numeric.css | #8a5820 | — |
| support.type.property-name.json | #6a4820 | — |
| entity.name.tag.yaml | #6a4820 | — |
| invalid, invalid.illegal | #8a2020 | underline |
| markup.inserted | #4a8830 | — |
| markup.deleted | #8a2020 | — |
| support.type, support.type.primitive, support.type.builtin | #804838 | — |
| variable.language, variable.language.this, variable.language.super | #804020 | — |