bunny foo foo
Publisher: amessyprojectthemesThemes in package: 1
A theme for all the little bunnies of foo.
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#d4edfa
- activityBar.activeBorder#72cdf2
- activityBar.background#ffffff
- activityBar.dropBorder#72cdf2
- activityBar.foreground#972fff
- activityBar.inactiveForeground#b367fb
- activityBarBadge.background#72a6fc
- activityBarBadge.foreground#ffffff
- badge.background#72a6fc
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#972fff
- breadcrumb.focusForeground#972fff
- breadcrumb.foreground#972fff
- button.background#72cdf2
- button.foreground#ffffff
- button.hoverBackground#00beef
- button.secondaryBackground#72a6fc
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#008fff
- descriptionForeground#00beef
- diffEditor.border#e5c8fb
- diffEditor.diagonalFill#e5c8fb
- diffEditor.insertedTextBackground#d4edfa
- diffEditor.removedTextBackground#e0c5f2
- dropdown.background#f4e8fd
- dropdown.border#a7dcf5
- dropdown.foreground#972fff
- editor.background#ffffff
- editor.findMatchBackground#eac6fb
- editor.findMatchBorder#c15dfb
- editor.findRangeHighlightBorder#72cdf2
- editor.foldBackground#f4e8fd
- editor.foreground#972fff
- editor.lineHighlightBackground#f4e8fd
- editor.selectionBackground#d4edfa
- editor.selectionHighlightBackground#d4edfa
- editor.wordHighlightBackground#d4edfa
- editor.wordHighlightStrongBackground#d4edfa
- editor.wordHighlightStrongBorder#72cdf2
- editorBracketHighlight.foreground1#008fff
- editorBracketHighlight.foreground2#00afff
- editorBracketHighlight.foreground3#aa00ff
- editorBracketHighlight.foreground4#9300ff
- editorBracketHighlight.foreground5#8a2be2
- editorBracketHighlight.foreground6#8866ff
- editorBracketMatch.background#d4edfa
- editorBracketMatch.border#72cdf2
- editorCursor.background#ffffff
- editorCursor.foreground#972fff
- editorGroup.border#e5c8fb
- editorGroup.dropBackground#e5c8fb
- editorGroupHeader.tabsBackground#f4e8fd
- editorGutter.addedBackground#a7dcf5
- editorGutter.deletedBackground#c392ea
- editorGutter.foldingControlForeground#72a6fc
- editorGutter.modifiedBackground#c5acfb
- editorHoverWidget.statusBarBackground#f4e8fd
- editorIndentGuide.activeBackground#cd97f9
- editorIndentGuide.background#e5c8fb
- editorLightBulb.foreground#8866ff
- editorLightBulbAutoFix.foreground#aa00ff
- editorLineNumber.activeForeground#b367fb
- editorLineNumber.foreground#cd97f9
- editorLink.activeForeground#72cdf2
- editorOverviewRuler.border#e5c8fb
- editorOverviewRuler.bracketMatchForeground#d4edfa
- editorOverviewRuler.errorForeground#a861e5
- editorOverviewRuler.findMatchForeground#c15dfb
- editorOverviewRuler.infoForeground#72a6fc
- editorOverviewRuler.rangeHighlightForeground#c15dfb
- editorOverviewRuler.selectionHighlightForeground#72cdf2
- editorOverviewRuler.warningForeground#a888fc
- editorOverviewRuler.wordHighlightForeground#72cdf2
- editorOverviewRuler.wordHighlightStrongForeground#00beef
- editorRuler.foreground#e5c8fb
- editorSuggestWidget.border#cd97f9
- editorUnicodeHighlight.border#ff0000
- editorWhitespace.foreground#e5c8fb
- editorWidget.background#f4e8fd
- editorWidget.border#e5c8fb
- errorForeground#8a2be2
- extensionBadge.remoteBackground#72cdf2
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#72cdf2
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#00beef
- extensionIcon.preReleaseForeground#00beef
- extensionIcon.starForeground#008fff
- extensionIcon.verifiedForeground#00beef
- focusBorder#72cdf2
- foreground#972fff
- gitDecoration.addedResourceForeground#ff0000
- gitDecoration.conflictingResourceForeground#8a2be2
- gitDecoration.deletedResourceForeground#a861e5
- gitDecoration.ignoredResourceForeground#cd97f9
- gitDecoration.modifiedResourceForeground#8866ff
- gitDecoration.renamedResourceForeground#ff0000
- gitDecoration.stageDeletedResourceForeground#a861e5
- gitDecoration.stageModifiedResourceForeground#a888fc
- gitDecoration.submoduleResourceForeground#008fff
- gitDecoration.untrackedResourceForeground#b367fb
- icon.foreground#972fff
- input.background#ffffff
- input.border#a7dcf5
- input.foreground#972fff
- input.placeholderForeground#b367fb
- inputOption.activeBackground#72cdf2
- inputOption.activeForeground#ffffff
- inputValidation.errorBackground#e0c5f2
- inputValidation.errorBorder#a861e5
- inputValidation.infoBackground#d3defc
- inputValidation.infoBorder#72a6fc
- inputValidation.warningBackground#e1d3fc
- inputValidation.warningBorder#a888fc
- keybindingLabel.background#d4edfa
- keybindingLabel.foreground#972fff
- keybindingTable.headerBackground#e5c8fb
- keybindingTable.rowsBackground#f4e8fd
- list.activeSelectionBackground#d4edfa
- list.activeSelectionForeground#972fff
- list.dropBackground#e5c8fb
- list.errorForeground#8a2be2
- list.focusHighlightForeground#00beef
- list.highlightForeground#00beef
- list.hoverBackground#e5c8fb
- list.inactiveSelectionBackground#e5c8fb
- list.warningForeground#8866ff
- minimap.errorHighlight#e0c5f2
- minimap.selectionHighlight#d4edfa
- minimap.selectionOccurrenceHighlight#d4edfa
- minimap.warningHighlight#e1d3fc
- minimapGutter.addedBackground#72cdf2
- minimapGutter.deletedBackground#a861e5
- minimapGutter.modifiedBackground#a888fc
- notificationCenterHeader.background#d4edfa
- notificationLink.foreground#00beef
- notifications.background#f4e8fd
- notificationsErrorIcon.foreground#8a2be2
- notificationsInfoIcon.foreground#008fff
- notificationsWarningIcon.foreground#8866ff
- panel.dropBorder#72cdf2
- panelTitle.activeBorder#a7dcf5
- panelTitle.inactiveForeground#b367fb
- peekView.border#cd97f9
- peekViewEditor.background#f4e8fd
- peekViewEditor.matchHighlightBackground#eac6fb
- peekViewEditor.matchHighlightBorder#c15dfb
- pickerGroup.border#e5c8fb
- pickerGroup.foreground#00beef
- ports.iconRunningProcessForeground#aa00ff
- progressBar.background#72a6fc
- quickInput.background#f4e8fd
- quickInputList.focusBackground#e5c8fb
- quickInputTitle.background#d4edfa
- sash.hoverBorder#e5c8fb
- scrollbarSlider.activeBackground#e5c8fb
- scrollbarSlider.background#e5c8fb
- scrollbarSlider.hoverBackground#cd97f9
- searchEditor.findMatchBorder#ff0000
- selection.background#d4edfa
- settings.focusedRowBackground#f4e8fd
- settings.focusedRowBorder#72cdf2
- settings.headerForeground#972fff
- settings.modifiedItemIndicator#72cdf2
- settings.rowHoverBackground#f4e8fd
- sideBar.background#f4e8fd
- sideBar.dropBackground#ff0000
- sideBarSectionHeader.background#ffffff
- sideBarSectionHeader.border#e5c8fb
- sideBarTitle.foreground#972fff
- statusBar.background#72cdf2
- statusBar.debuggingBackground#b159fb
- statusBar.foreground#ffffff
- statusBarItem.activeBackground#00000000
- statusBarItem.errorBackground#8a2be2
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#972fff30
- statusBarItem.remoteBackground#b159fb
- statusBarItem.remoteForeground#ffffff
- statusBarItem.warningBackground#8866ff
- statusBarItem.warningForeground#ffffff
- tab.activeBackground#ffffff
- tab.activeForeground#972fff
- tab.inactiveBackground#f4e8fd
- tab.lastPinnedBorder#e5c8fb
- tab.unfocusedActiveForeground#972fff
- tab.unfocusedInactiveForeground#972fff
- terminal.ansiBlack#ffffff
- terminal.ansiBlue#008fff
- terminal.ansiBrightBlack#e5c8fb
- terminal.ansiBrightBlue#007bff
- terminal.ansiBrightCyan#009fff
- terminal.ansiBrightGreen#00b0ed
- terminal.ansiBrightMagenta#8e00ff
- terminal.ansiBrightRed#6500df
- terminal.ansiBrightWhite#972fff
- terminal.ansiBrightYellow#5f45ff
- terminal.ansiCyan#00afff
- terminal.ansiGreen#00beef
- terminal.ansiMagenta#aa00ff
- terminal.ansiRed#8a2be2
- terminal.ansiWhite#b367fb
- terminal.ansiYellow#8866ff
- terminal.background#ffffff
- terminal.border#e5c8fb
- terminal.foreground#972fff
- terminal.selectionBackground#72cdf2
- terminal.selectionForeground#ffffff
- textCodeBlock.background#e5c8fb
- textLink.activeForeground#72cdf2
- textLink.foreground#00beef
- textPreformat.foreground#00afff
- toolbar.hoverBackground#e5c8fb
- tree.indentGuidesStroke#b367fb
- tree.tableColumnsBorder#e5c8fb
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| constant.language.undefined, keyword, storage.modifier, variable.language.this, variable.language.super, storage.type.function.js, storage.type.function.ts, storage.type.class.js, storage.type.class.ts, storage.type.js, storage.type.ts, storage.type.type.ts, source.css support.function | #008FFF | — |
| constant.character.escape | #8866FF | — |
| keyword.operator, constant.character.escape, punctuation.definition.logical, punctuation.definition.quote, punctuation.definition.list, punctuation.definition.para, punctuation.definition.template-expression, punctuation.definition.attribute | #008FFF | — |
| entity.name.type, punctuation.definition.group, support.type.primitive, storage.type | #00BEEF | — |
| storage.type.annotation, variable.parameter | #8A2BE2 | — |
| string, markup.quote, constant.other.reference, markup.underline.link | #00AFFF | — |
| comment, meta.separator | #B367FB | — |
| entity.name.function | #AA00FF | — |
| constant.numeric, constant.language.null, constant.language.boolean | #9300FF | — |
| variable, meta.import variable.other.readwrite.alias | #972FFF | — |
| entity.name.tag, variable.other.property, variable.other.normal.shell, punctuation.definition.variable.shell, punctuation.definition.character-class, constant.other.character-class, entity.other.attribute-name, support.type.property-name, meta.import variable | #AA00FF | — |
| variable.other.enummember, variable.other.constant, punctuation.definition.character-class | #972FFF | — |
| heading, markup.bold | #00BEEF | — |
| markup.inline.raw, markup.italic, markup.bold, markup.strikethrough | #008FFF | — |
| string.other.link.title.markdown | #00BEEF | — |
| heading | — | bold |
| entity.name.tag.html, entity.name.tag.css, entity.name.tag.script.html.vue, entity.name.tag.style.html.vue, entity.name.tag.template.html.vue | #00BEEF | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.id.html, meta.attribute.id.html string | #9300FF | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.html, meta.attribute.class.html string | #008FFF | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.html | #8A2BE2 | — |
| entity.other.attribute-name.css, entity.other.attribute-name.html | #AA00FF | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |