Jellybean Theme
Publisher: neon moonThemes in package: 2
A VS Code theme inspired by jellybeans — vivid, playful colors with dark and light variants.
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#f0eef8
- activityBar.border#e8e4f4
- activityBar.foreground#1a1b2e
- activityBar.inactiveForeground#bfb8de
- activityBarBadge.background#CC6600
- activityBarBadge.foreground#ffffff
- badge.background#CC6600
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#1a1b2e
- breadcrumb.focusForeground#1a1b2e
- breadcrumb.foreground#706888
- breadcrumbPicker.background#e8e4f4
- button.background#7C3AED
- button.foreground#ffffff
- button.hoverBackground#6025CC
- button.secondaryBackground#cec8e8
- button.secondaryForeground#1a1b2e
- button.secondaryHoverBackground#bfb8de
- charts.blue#2563EB
- charts.foreground#1a1b2e
- charts.green#16A34A
- charts.lines#b0a8d4
- charts.orange#CC6600
- charts.purple#7C3AED
- charts.red#DC2626
- charts.yellow#C9A000
- debugIcon.breakpointCurrentStackframeForeground#C9A000
- debugIcon.breakpointForeground#DC2626
- debugIcon.startForeground#16A34A
- debugToolBar.background#e8e4f4
- descriptionForeground#807898
- diffEditor.insertedLineBackground#16A34A10
- diffEditor.insertedTextBackground#16A34A15
- diffEditor.removedLineBackground#DC262610
- diffEditor.removedTextBackground#DC262615
- dropdown.background#e8e4f4
- dropdown.border#b0a8d4
- dropdown.foreground#1a1b2e
- editor.background#f0eef8
- editor.findMatchBackground#C9A00040
- editor.findMatchHighlightBackground#C9A00020
- editor.foreground#1a1b2e
- editor.lineHighlightBackground#ddd8f080
- editor.rangeHighlightBackground#7C3AED10
- editor.selectionBackground#7C3AED30
- editor.selectionHighlightBackground#7C3AED18
- editor.wordHighlightBackground#0F9C8A20
- editor.wordHighlightStrongBackground#0F9C8A40
- editorBracketHighlight.foreground1#2563EB
- editorBracketHighlight.foreground2#DB2777
- editorBracketHighlight.foreground3#16A34A
- editorBracketHighlight.foreground4#C9A000
- editorBracketHighlight.foreground5#7C3AED
- editorBracketHighlight.foreground6#0F9C8A
- editorBracketMatch.background#0F9C8A20
- editorBracketMatch.border#0F9C8A80
- editorCursor.foreground#7C3AED
- editorError.foreground#DC2626
- editorGroupHeader.tabsBackground#e8e4f4
- editorGroupHeader.tabsBorder#e8e4f4
- editorGutter.addedBackground#0F7A38
- editorGutter.background#f0eef8
- editorGutter.deletedBackground#DC2626
- editorGutter.modifiedBackground#2563EB
- editorHint.foreground#16A34A
- editorIndentGuide.activeBackground1#b0a8d4
- editorIndentGuide.background1#ddd8f0
- editorInfo.foreground#2563EB
- editorLineNumber.activeForeground#807898
- editorLineNumber.foreground#bfb8de
- editorOverviewRuler.addedForeground#0F7A38
- editorOverviewRuler.border#f0eef8
- editorOverviewRuler.deletedForeground#DC2626
- editorOverviewRuler.errorForeground#DC2626
- editorOverviewRuler.findMatchForeground#C9A000
- editorOverviewRuler.modifiedForeground#2563EB
- editorOverviewRuler.selectionHighlightForeground#7C3AED
- editorOverviewRuler.warningForeground#C9A000
- editorWarning.foreground#C9A000
- editorWhitespace.foreground#b0a8d4
- errorForeground#DC2626
- focusBorder#7C3AED60
- foreground#1a1b2e
- gitDecoration.addedResourceForeground#16A34A
- gitDecoration.conflictingResourceForeground#DB2777
- gitDecoration.deletedResourceForeground#DC2626
- gitDecoration.ignoredResourceForeground#bfb8de
- gitDecoration.modifiedResourceForeground#2563EB
- gitDecoration.stageAddedResourceForeground#16A34A
- gitDecoration.stageDeletedResourceForeground#DC2626
- gitDecoration.stageModifiedResourceForeground#2563EB
- gitDecoration.untrackedResourceForeground#C9A000
- icon.foreground#807898
- input.background#e8e4f4
- input.border#b0a8d4
- input.foreground#1a1b2e
- input.placeholderForeground#706888
- inputOption.activeBackground#C9A00020
- inputOption.activeBorder#C9A000
- inputOption.activeForeground#C9A000
- inputValidation.errorBackground#DC262618
- inputValidation.errorBorder#DC2626
- inputValidation.infoBackground#2563EB18
- inputValidation.infoBorder#2563EB
- inputValidation.warningBackground#C9A00018
- inputValidation.warningBorder#C9A000
- list.activeSelectionBackground#FFD70080
- list.activeSelectionForeground#1a1b2e
- list.errorForeground#DC2626
- list.focusBackground#FFD70060
- list.highlightForeground#7C3AED
- list.hoverBackground#ddd8f080
- list.inactiveSelectionBackground#ddd8f0
- list.warningForeground#C9A000
- menu.background#e8e4f4
- menu.foreground#1a1b2e
- menu.selectionBackground#cec8e8
- menu.selectionForeground#1a1b2e
- menu.separatorBackground#b0a8d4
- menubar.selectionBackground#ddd8f0
- menubar.selectionForeground#1a1b2e
- notificationLink.foreground#CC6600
- notifications.background#e8e4f4
- notifications.border#b0a8d4
- notifications.foreground#1a1b2e
- panel.background#f0eef8
- panel.border#ddd8f0
- panelTitle.activeBorder#C9A000
- panelTitle.activeForeground#1a1b2e
- panelTitle.inactiveForeground#706888
- peekView.border#7C3AED
- peekViewEditor.background#e8e4f4
- peekViewEditor.matchHighlightBackground#C9A00030
- peekViewResult.background#f0eef8
- peekViewResult.fileForeground#1a1b2e
- peekViewResult.lineForeground#807898
- peekViewResult.matchHighlightBackground#C9A00030
- peekViewResult.selectionBackground#ddd8f0
- peekViewResult.selectionForeground#1a1b2e
- peekViewTitle.background#f0eef8
- peekViewTitleDescription.foreground#807898
- peekViewTitleLabel.foreground#1a1b2e
- progressBar.background#7C3AED
- scrollbar.shadow#b0a8d460
- scrollbarSlider.activeBackground#7C3AED40
- scrollbarSlider.background#b0a8d460
- scrollbarSlider.hoverBackground#b0a8d490
- selection.background#7C3AED30
- sideBar.background#e8e4f4
- sideBar.border#ddd8f0
- sideBar.foreground#1a1b2e
- sideBarSectionHeader.background#e8e4f4
- sideBarSectionHeader.border#ddd8f0
- sideBarSectionHeader.foreground#706888
- sideBarTitle.foreground#706888
- statusBar.background#f0eef8
- statusBar.border#ddd8f0
- statusBar.debuggingBackground#CC6600
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#706888
- statusBar.noFolderBackground#f0eef8
- statusBarItem.hoverBackground#ddd8f0
- statusBarItem.remoteBackground#7C3AED
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#f0eef8
- tab.activeBorder#C9A000
- tab.activeForeground#1a1b2e
- tab.border#e8e4f4
- tab.hoverBackground#ddd8f0
- tab.inactiveBackground#e8e4f4
- tab.inactiveForeground#706888
- terminal.ansiBlack#1a1b2e
- terminal.ansiBlue#2563EB
- terminal.ansiBrightBlack#807898
- terminal.ansiBrightBlue#5B8FEF
- terminal.ansiBrightCyan#3ABFAD
- terminal.ansiBrightGreen#4ADE80
- terminal.ansiBrightMagenta#F472B6
- terminal.ansiBrightRed#FCA5A5
- terminal.ansiBrightWhite#1a1b2e
- terminal.ansiBrightYellow#D4A800
- terminal.ansiCyan#0F9C8A
- terminal.ansiGreen#16A34A
- terminal.ansiMagenta#DB2777
- terminal.ansiRed#DC2626
- terminal.ansiWhite#3a3c58
- terminal.ansiYellow#C9A000
- terminal.background#f0eef8
- terminal.foreground#1a1b2e
- terminal.selectionBackground#7C3AED30
- terminalCursor.foreground#7C3AED
- textLink.activeForeground#A85200
- textLink.foreground#CC6600
- titleBar.activeBackground#f0eef8
- titleBar.activeForeground#807898
- titleBar.border#e8e4f4
- titleBar.inactiveBackground#f0eef8
- titleBar.inactiveForeground#bfb8de
- widget.shadow#b0a8d480
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #706888 | italic |
| string, string.quoted, string.template | #C9A000 | — |
| constant.character.escape, string.regexp | #CC6600 | — |
| constant.numeric | #DB2777 | — |
| constant.language | #DB2777 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void, keyword.operator.in, keyword.operator.of, storage, storage.type | #2563EB | — |
| keyword.operator, punctuation.separator | #807898 | — |
| entity.name.function, meta.function-call.generic, support.function | #16A34A | — |
| variable.parameter | #0F9C8A | italic |
| entity.name.class, entity.name.type, entity.other.inherited-class, support.class | #7C3AED | — |
| entity.name.type.alias, entity.name.type.interface, meta.type.annotation, support.type | #0F9C8A | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #CC6600 | — |
| variable, variable.other | #1a1b2e | — |
| variable.other.object.property, meta.object-literal.key, support.variable.property | #3a3c58 | — |
| variable.other.constant, variable.other.enummember | #DB2777 | — |
| entity.name.namespace, entity.name.module, variable.other.module | #2563EB | — |
| keyword.control.import, keyword.control.export | #2563EB | — |
| variable.other.readwrite.alias | #1a1b2e | — |
| entity.name.tag | #DB2777 | — |
| entity.other.attribute-name | #0F9C8A | — |
| string.quoted.double.html, string.quoted.single.html | #C9A000 | — |
| punctuation.definition.tag, meta.tag.sgml | #706888 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #16A34A | — |
| support.type.property-name.css | #2563EB | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css | #C9A000 | — |
| keyword.other.unit.css | #DB2777 | — |
| keyword.control.at-rule | #7C3AED | — |
| support.type.property-name.json | #2563EB | — |
| string.quoted.double.json | #C9A000 | — |
| constant.language.json | #DB2777 | italic |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #2563EB | bold |
| markup.bold | #C9A000 | bold |
| markup.italic | #DB2777 | italic |
| markup.inline.raw, markup.fenced_code.block | #16A34A | — |
| string.other.link.title.markdown | #7C3AED | — |
| markup.underline.link.markdown | #0F9C8A | — |
| markup.quote | #706888 | italic |
| punctuation.definition.list.begin.markdown | #7C3AED | — |
| punctuation.definition.block, punctuation.section, meta.brace | #807898 | — |
| invalid | #DC2626 | underline |
| markup.inserted | #16A34A | — |
| markup.deleted | #DC2626 | — |
| markup.changed | #2563EB | — |