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#0E081F
- activityBar.border#2A2050
- activityBar.foreground#FF6EC7
- activityBar.inactiveForeground#6F63A3
- activityBarBadge.background#FF6EC7
- activityBarBadge.foreground#16102E
- badge.background#B98CFF
- badge.foreground#16102E
- breadcrumb.activeSelectionForeground#FF6EC7
- breadcrumb.focusForeground#EDE7FF
- breadcrumb.foreground#948AC2
- button.background#FF6EC7
- button.foreground#16102E
- button.hoverBackground#FFB3E6
- button.secondaryBackground#3A2D6B
- button.secondaryForeground#EDE7FF
- button.secondaryHoverBackground#4B3A85
- debugIcon.breakpointForeground#FF5C8A
- debugToolBar.background#201840
- diffEditor.insertedTextBackground#50FAC81A
- diffEditor.removedTextBackground#FF5C8A1A
- dropdown.background#201840
- dropdown.border#3A2D6B
- dropdown.foreground#EDE7FF
- editor.background#16102E
- editor.findMatchBackground#FFAE5755
- editor.findMatchHighlightBackground#FFAE572A
- editor.foreground#EDE7FF
- editor.hoverHighlightBackground#B98CFF2A
- editor.lineHighlightBackground#2A2050
- editor.selectionBackground#4B3A85
- editor.selectionHighlightBackground#4B3A8580
- editor.wordHighlightBackground#5CC8FF2A
- editor.wordHighlightStrongBackground#FF6EC72A
- editorBracketHighlight.foreground1#FF6EC7
- editorBracketHighlight.foreground2#50FAC8
- editorBracketHighlight.foreground3#5CC8FF
- editorBracketHighlight.foreground4#FFAE57
- editorBracketHighlight.foreground5#B98CFF
- editorBracketHighlight.foreground6#F5EA61
- editorBracketHighlight.unexpectedBracket.foreground#FF5C8A
- editorBracketMatch.background#FF6EC740
- editorBracketMatch.border#FF6EC7
- editorBracketPairGuide.activeBackground1#FF6EC7
- editorBracketPairGuide.activeBackground2#50FAC8
- editorBracketPairGuide.activeBackground3#5CC8FF
- editorBracketPairGuide.activeBackground4#FFAE57
- editorBracketPairGuide.activeBackground5#B98CFF
- editorBracketPairGuide.activeBackground6#F5EA61
- editorBracketPairGuide.background1#FF6EC74D
- editorBracketPairGuide.background2#50FAC84D
- editorBracketPairGuide.background3#5CC8FF4D
- editorBracketPairGuide.background4#FFAE574D
- editorBracketPairGuide.background5#B98CFF4D
- editorBracketPairGuide.background6#F5EA614D
- editorCursor.foreground#FF6EC7
- editorError.foreground#FF5C8A
- editorGroup.border#2A2050
- editorGroupHeader.tabsBackground#120B26
- editorGroupHeader.tabsBorder#2A2050
- editorGutter.addedBackground#50FAC8
- editorGutter.deletedBackground#FF5C8A
- editorGutter.modifiedBackground#5CC8FF
- editorHoverWidget.background#201840
- editorHoverWidget.border#3A2D6B
- editorIndentGuide.activeBackground1#4B3A85
- editorIndentGuide.background1#2A2050
- editorInfo.foreground#5CC8FF
- editorLineNumber.activeForeground#B98CFF
- editorLineNumber.foreground#6F63A3
- editorOverviewRuler.border#00000000
- editorRuler.foreground#2A2050
- editorSuggestWidget.background#201840
- editorSuggestWidget.border#3A2D6B
- editorSuggestWidget.highlightForeground#FF6EC7
- editorSuggestWidget.selectedBackground#3A2D6B
- editorWarning.foreground#FFC46B
- editorWhitespace.foreground#3A2D6B
- editorWidget.background#201840
- editorWidget.border#3A2D6B
- focusBorder#B98CFF
- gitDecoration.addedResourceForeground#50FAC8
- gitDecoration.conflictingResourceForeground#FFAE57
- gitDecoration.deletedResourceForeground#FF5C8A
- gitDecoration.ignoredResourceForeground#5C4E91
- gitDecoration.modifiedResourceForeground#5CC8FF
- gitDecoration.untrackedResourceForeground#8CFFDD
- input.background#201840
- input.border#3A2D6B
- input.foreground#EDE7FF
- input.placeholderForeground#948AC2
- inputOption.activeBackground#4B3A85
- inputOption.activeBorder#FF6EC7
- list.activeSelectionBackground#3A2D6B
- list.activeSelectionForeground#FF6EC7
- list.errorForeground#FF5C8A
- list.focusBackground#3A2D6B
- list.highlightForeground#FF6EC7
- list.hoverBackground#201840
- list.inactiveSelectionBackground#2A2050
- list.warningForeground#FFC46B
- menu.background#201840
- menu.foreground#EDE7FF
- menu.selectionBackground#3A2D6B
- menu.selectionForeground#FF6EC7
- menubar.selectionBackground#3A2D6B80
- minimap.findMatchHighlight#FFAE57
- minimap.selectionHighlight#4B3A85
- minimapGutter.addedBackground#50FAC8
- minimapGutter.deletedBackground#FF5C8A
- minimapGutter.modifiedBackground#5CC8FF
- notificationCenterHeader.background#201840
- notificationLink.foreground#5CC8FF
- notifications.background#201840
- notifications.border#3A2D6B
- panel.background#120B26
- panel.border#2A2050
- panelTitle.activeBorder#FF6EC7
- panelTitle.activeForeground#FF6EC7
- panelTitle.inactiveForeground#948AC2
- peekView.border#B98CFF
- peekViewEditor.background#1B1436
- peekViewEditor.matchHighlightBackground#FFAE573A
- peekViewResult.background#120B26
- peekViewResult.matchHighlightBackground#FFAE573A
- peekViewTitle.background#201840
- pickerGroup.border#3A2D6B
- pickerGroup.foreground#B98CFF
- progressBar.background#FF6EC7
- quickInput.background#201840
- quickInputList.focusBackground#3A2D6B
- scrollbarSlider.activeBackground#5C4E91AA
- scrollbarSlider.background#3A2D6B66
- scrollbarSlider.hoverBackground#4B3A8599
- selection.background#4B3A85
- sideBar.background#120B26
- sideBar.border#2A2050
- sideBar.foreground#C8BFE8
- sideBarSectionHeader.background#1B1436
- sideBarSectionHeader.foreground#B98CFF
- sideBarTitle.foreground#EDE7FF
- statusBar.background#0E081F
- statusBar.border#2A2050
- statusBar.debuggingBackground#FF6EC7
- statusBar.debuggingForeground#16102E
- statusBar.foreground#B98CFF
- statusBar.noFolderBackground#201840
- statusBarItem.hoverBackground#3A2D6B80
- statusBarItem.remoteBackground#50FAC8
- statusBarItem.remoteForeground#16102E
- tab.activeBackground#16102E
- tab.activeBorderTop#FF6EC7
- tab.activeForeground#FF6EC7
- tab.border#2A2050
- tab.hoverBackground#201840
- tab.inactiveBackground#120B26
- tab.inactiveForeground#948AC2
- terminal.ansiBlack#5C4E91
- terminal.ansiBlue#5CC8FF
- terminal.ansiBrightBlack#7E71B0
- terminal.ansiBrightBlue#9FE0FF
- terminal.ansiBrightCyan#A6FBF4
- terminal.ansiBrightGreen#8CFFDD
- terminal.ansiBrightMagenta#FFB3E6
- terminal.ansiBrightRed#FF9AD5
- terminal.ansiBrightWhite#FAF7FF
- terminal.ansiBrightYellow#FFF7A1
- terminal.ansiCyan#6BF7EE
- terminal.ansiGreen#50FAC8
- terminal.ansiMagenta#FF6EC7
- terminal.ansiRed#FF5C8A
- terminal.ansiWhite#EDE7FF
- terminal.ansiYellow#F5EA61
- terminal.background#120B26
- terminal.foreground#EDE7FF
- terminalCursor.foreground#FF6EC7
- textLink.activeForeground#9FE0FF
- textLink.foreground#5CC8FF
- textPreformat.foreground#FFAE57
- titleBar.activeBackground#0E081F
- titleBar.activeForeground#C8BFE8
- titleBar.border#2A2050
- titleBar.inactiveBackground#0E081F
- titleBar.inactiveForeground#6F63A3
- tree.indentGuidesStroke#3A2D6B
- walkThrough.embeddedEditorBackground#120B26
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7E71B0 | italic |
| string, string.quoted, punctuation.definition.string | #50FAC8 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #FF6EC7 | — |
| constant.character.escape | #FFAE57 | — |
| string.regexp | #6BF7EE | — |
| keyword, keyword.control, storage, storage.type, storage.modifier | #FF6EC7 | — |
| keyword.operator | #B98CFF | — |
| entity.name.function, support.function, meta.function-call.generic | #5CC8FF | — |
| variable.parameter | #FFC79E | italic |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.type, support.class, storage.type.primitive | #B98CFF | — |
| constant.numeric, constant.language, constant.other, variable.other.constant | #FFAE57 | — |
| variable, variable.other.readwrite | #EDE7FF | — |
| variable.other.property, variable.other.object.property | #DAD2F2 | — |
| variable.language | #FF6EC7 | italic |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #F5EA61 | — |
| entity.name.tag | #FF6EC7 | — |
| entity.other.attribute-name | #B98CFF | italic |
| support.type.property-name.css | #5CC8FF | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #FFAE57 | — |
| support.type.property-name.json | #5CC8FF | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #FF6EC7 | bold |
| markup.bold | #FFAE57 | bold |
| markup.italic | #B98CFF | italic |
| markup.underline.link, string.other.link.title.markdown | #5CC8FF | — |
| markup.inline.raw, markup.fenced_code.block | #50FAC8 | — |
| markup.quote | #7E71B0 | italic |
| markup.inserted | #50FAC8 | — |
| markup.deleted | #FF5C8A | — |
| markup.changed | #5CC8FF | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace | #ABA0DB | — |
| invalid, invalid.illegal | #FF5C8A | — |