Whimsy Themes
Publisher: Whimsy ThemesThemes in package: 4
A collection of whimsical color themes for VS Code and Cursor.
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#151321
- activityBar.border#2A2540
- activityBar.foreground#F5A3C7
- activityBar.inactiveForeground#6B6488
- activityBarBadge.background#F5A3C7
- activityBarBadge.foreground#1E1B2E
- badge.background#C9B8F0
- badge.foreground#1E1B2E
- breadcrumb.activeSelectionForeground#F5A3C7
- breadcrumb.focusForeground#E8E3F5
- breadcrumb.foreground#8A82A8
- button.background#F5A3C7
- button.foreground#1E1B2E
- button.hoverBackground#FAC1DA
- button.secondaryBackground#3A3454
- button.secondaryForeground#E8E3F5
- button.secondaryHoverBackground#4A3D66
- debugIcon.breakpointForeground#FF8FA3
- debugToolBar.background#252138
- diffEditor.insertedTextBackground#A8E6CF1A
- diffEditor.removedTextBackground#FF8FA31A
- dropdown.background#252138
- dropdown.border#3A3454
- dropdown.foreground#E8E3F5
- editor.background#1E1B2E
- editor.findMatchBackground#FFCBA855
- editor.findMatchHighlightBackground#FFCBA82A
- editor.foreground#E8E3F5
- editor.hoverHighlightBackground#C9B8F02A
- editor.lineHighlightBackground#2A2540
- editor.selectionBackground#4A3D66
- editor.selectionHighlightBackground#4A3D6680
- editor.wordHighlightBackground#9DD6F52A
- editor.wordHighlightStrongBackground#F5A3C72A
- editorBracketHighlight.foreground1#F5A3C7
- editorBracketHighlight.foreground2#A8E6CF
- editorBracketHighlight.foreground3#9DD6F5
- editorBracketHighlight.foreground4#FFCBA8
- editorBracketHighlight.foreground5#C9B8F0
- editorBracketHighlight.foreground6#F5E6A8
- editorBracketHighlight.unexpectedBracket.foreground#FF8FA3
- editorBracketMatch.background#F5A3C740
- editorBracketMatch.border#F5A3C7
- editorBracketPairGuide.activeBackground1#F5A3C7
- editorBracketPairGuide.activeBackground2#A8E6CF
- editorBracketPairGuide.activeBackground3#9DD6F5
- editorBracketPairGuide.activeBackground4#FFCBA8
- editorBracketPairGuide.activeBackground5#C9B8F0
- editorBracketPairGuide.activeBackground6#F5E6A8
- editorBracketPairGuide.background1#F5A3C74D
- editorBracketPairGuide.background2#A8E6CF4D
- editorBracketPairGuide.background3#9DD6F54D
- editorBracketPairGuide.background4#FFCBA84D
- editorBracketPairGuide.background5#C9B8F04D
- editorBracketPairGuide.background6#F5E6A84D
- editorCursor.foreground#F5A3C7
- editorError.foreground#FF8FA3
- editorGroup.border#2A2540
- editorGroupHeader.tabsBackground#191627
- editorGroupHeader.tabsBorder#2A2540
- editorGutter.addedBackground#A8E6CF
- editorGutter.deletedBackground#FF8FA3
- editorGutter.modifiedBackground#9DD6F5
- editorHoverWidget.background#252138
- editorHoverWidget.border#3A3454
- editorIndentGuide.activeBackground1#4A3D66
- editorIndentGuide.background1#2A2540
- editorInfo.foreground#9DD6F5
- editorLineNumber.activeForeground#C9B8F0
- editorLineNumber.foreground#6B6488
- editorOverviewRuler.border#00000000
- editorRuler.foreground#2A2540
- editorSuggestWidget.background#252138
- editorSuggestWidget.border#3A3454
- editorSuggestWidget.highlightForeground#F5A3C7
- editorSuggestWidget.selectedBackground#3A3454
- editorWarning.foreground#FFD9A8
- editorWhitespace.foreground#3A3454
- editorWidget.background#252138
- editorWidget.border#3A3454
- focusBorder#C9B8F0
- gitDecoration.addedResourceForeground#A8E6CF
- gitDecoration.conflictingResourceForeground#FFCBA8
- gitDecoration.deletedResourceForeground#FF8FA3
- gitDecoration.ignoredResourceForeground#585174
- gitDecoration.modifiedResourceForeground#9DD6F5
- gitDecoration.untrackedResourceForeground#C4F0DD
- input.background#252138
- input.border#3A3454
- input.foreground#E8E3F5
- input.placeholderForeground#8A82A8
- inputOption.activeBackground#4A3D66
- inputOption.activeBorder#F5A3C7
- list.activeSelectionBackground#3A3454
- list.activeSelectionForeground#F5A3C7
- list.errorForeground#FF8FA3
- list.focusBackground#3A3454
- list.highlightForeground#F5A3C7
- list.hoverBackground#252138
- list.inactiveSelectionBackground#2A2540
- list.warningForeground#FFD9A8
- menu.background#252138
- menu.foreground#E8E3F5
- menu.selectionBackground#3A3454
- menu.selectionForeground#F5A3C7
- menubar.selectionBackground#3A345480
- minimap.findMatchHighlight#FFCBA8
- minimap.selectionHighlight#4A3D66
- minimapGutter.addedBackground#A8E6CF
- minimapGutter.deletedBackground#FF8FA3
- minimapGutter.modifiedBackground#9DD6F5
- notificationCenterHeader.background#252138
- notificationLink.foreground#9DD6F5
- notifications.background#252138
- notifications.border#3A3454
- panel.background#191627
- panel.border#2A2540
- panelTitle.activeBorder#F5A3C7
- panelTitle.activeForeground#F5A3C7
- panelTitle.inactiveForeground#8A82A8
- peekView.border#C9B8F0
- peekViewEditor.background#211D33
- peekViewEditor.matchHighlightBackground#FFCBA83A
- peekViewResult.background#191627
- peekViewResult.matchHighlightBackground#FFCBA83A
- peekViewTitle.background#252138
- pickerGroup.border#3A3454
- pickerGroup.foreground#C9B8F0
- progressBar.background#F5A3C7
- quickInput.background#252138
- quickInputList.focusBackground#3A3454
- scrollbarSlider.activeBackground#585174AA
- scrollbarSlider.background#3A345466
- scrollbarSlider.hoverBackground#4A3D6699
- selection.background#4A3D66
- sideBar.background#191627
- sideBar.border#2A2540
- sideBar.foreground#C5BEDD
- sideBarSectionHeader.background#211D33
- sideBarSectionHeader.foreground#C9B8F0
- sideBarTitle.foreground#E8E3F5
- statusBar.background#151321
- statusBar.border#2A2540
- statusBar.debuggingBackground#F5A3C7
- statusBar.debuggingForeground#1E1B2E
- statusBar.foreground#C9B8F0
- statusBar.noFolderBackground#252138
- statusBarItem.hoverBackground#3A345480
- statusBarItem.remoteBackground#A8E6CF
- statusBarItem.remoteForeground#1E1B2E
- tab.activeBackground#1E1B2E
- tab.activeBorderTop#F5A3C7
- tab.activeForeground#F5A3C7
- tab.border#2A2540
- tab.hoverBackground#252138
- tab.inactiveBackground#191627
- tab.inactiveForeground#8A82A8
- terminal.ansiBlack#585174
- terminal.ansiBlue#9DD6F5
- terminal.ansiBrightBlack#7A7295
- terminal.ansiBrightBlue#BEE4FA
- terminal.ansiBrightCyan#C4ECF0
- terminal.ansiBrightGreen#C4F0DD
- terminal.ansiBrightMagenta#FAC1DA
- terminal.ansiBrightRed#FFB3C1
- terminal.ansiBrightWhite#F7F4FD
- terminal.ansiBrightYellow#FAF0C8
- terminal.ansiCyan#A8E0E6
- terminal.ansiGreen#A8E6CF
- terminal.ansiMagenta#F5A3C7
- terminal.ansiRed#FF8FA3
- terminal.ansiWhite#E8E3F5
- terminal.ansiYellow#F5E6A8
- terminal.background#191627
- terminal.foreground#E8E3F5
- terminalCursor.foreground#F5A3C7
- textLink.activeForeground#BEE4FA
- textLink.foreground#9DD6F5
- textPreformat.foreground#FFCBA8
- titleBar.activeBackground#151321
- titleBar.activeForeground#C5BEDD
- titleBar.border#2A2540
- titleBar.inactiveBackground#151321
- titleBar.inactiveForeground#6B6488
- tree.indentGuidesStroke#3A3454
- walkThrough.embeddedEditorBackground#191627
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7A7295 | italic |
| string, string.quoted, punctuation.definition.string | #A8E6CF | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #F5A3C7 | — |
| constant.character.escape | #FFCBA8 | — |
| string.regexp | #A8E0E6 | — |
| keyword, keyword.control, storage, storage.type, storage.modifier | #F5A3C7 | — |
| keyword.operator | #C9B8F0 | — |
| entity.name.function, support.function, meta.function-call.generic | #9DD6F5 | — |
| variable.parameter | #FFDFC7 | italic |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.type, support.class, storage.type.primitive | #C9B8F0 | — |
| constant.numeric, constant.language, constant.other, variable.other.constant | #FFCBA8 | — |
| variable, variable.other.readwrite | #E8E3F5 | — |
| variable.other.property, variable.other.object.property | #D6CFEC | — |
| variable.language | #F5A3C7 | italic |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #F5E6A8 | — |
| entity.name.tag | #F5A3C7 | — |
| entity.other.attribute-name | #C9B8F0 | italic |
| support.type.property-name.css | #9DD6F5 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #FFCBA8 | — |
| support.type.property-name.json | #9DD6F5 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #F5A3C7 | bold |
| markup.bold | #FFCBA8 | bold |
| markup.italic | #C9B8F0 | italic |
| markup.underline.link, string.other.link.title.markdown | #9DD6F5 | — |
| markup.inline.raw, markup.fenced_code.block | #A8E6CF | — |
| markup.quote | #7A7295 | italic |
| markup.inserted | #A8E6CF | — |
| markup.deleted | #FF8FA3 | — |
| markup.changed | #9DD6F5 | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace | #A79ECB | — |
| invalid, invalid.illegal | #FF8FA3 | — |