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#161A13
- activityBar.border#31392B
- activityBar.foreground#D98BA6
- activityBar.inactiveForeground#77866B
- activityBarBadge.background#D98BA6
- activityBarBadge.foreground#20261C
- badge.background#B3A3D6
- badge.foreground#20261C
- breadcrumb.activeSelectionForeground#D98BA6
- breadcrumb.focusForeground#E7EDDD
- breadcrumb.foreground#97A48B
- button.background#D98BA6
- button.foreground#20261C
- button.hoverBackground#E6BCCC
- button.secondaryBackground#414A39
- button.secondaryForeground#E7EDDD
- button.secondaryHoverBackground#54604A
- debugIcon.breakpointForeground#D97781
- debugToolBar.background#293024
- diffEditor.insertedTextBackground#A8C6861A
- diffEditor.removedTextBackground#D977811A
- dropdown.background#293024
- dropdown.border#414A39
- dropdown.foreground#E7EDDD
- editor.background#20261C
- editor.findMatchBackground#D9B98C55
- editor.findMatchHighlightBackground#D9B98C2A
- editor.foreground#E7EDDD
- editor.hoverHighlightBackground#B3A3D62A
- editor.lineHighlightBackground#31392B
- editor.selectionBackground#54604A
- editor.selectionHighlightBackground#54604A80
- editor.wordHighlightBackground#8FBFD92A
- editor.wordHighlightStrongBackground#D98BA62A
- editorBracketHighlight.foreground1#D98BA6
- editorBracketHighlight.foreground2#A8C686
- editorBracketHighlight.foreground3#8FBFD9
- editorBracketHighlight.foreground4#D9B98C
- editorBracketHighlight.foreground5#B3A3D6
- editorBracketHighlight.foreground6#DCCB7A
- editorBracketHighlight.unexpectedBracket.foreground#D97781
- editorBracketMatch.background#D98BA640
- editorBracketMatch.border#D98BA6
- editorBracketPairGuide.activeBackground1#D98BA6
- editorBracketPairGuide.activeBackground2#A8C686
- editorBracketPairGuide.activeBackground3#8FBFD9
- editorBracketPairGuide.activeBackground4#D9B98C
- editorBracketPairGuide.activeBackground5#B3A3D6
- editorBracketPairGuide.activeBackground6#DCCB7A
- editorBracketPairGuide.background1#D98BA64D
- editorBracketPairGuide.background2#A8C6864D
- editorBracketPairGuide.background3#8FBFD94D
- editorBracketPairGuide.background4#D9B98C4D
- editorBracketPairGuide.background5#B3A3D64D
- editorBracketPairGuide.background6#DCCB7A4D
- editorCursor.foreground#D98BA6
- editorError.foreground#D97781
- editorGroup.border#31392B
- editorGroupHeader.tabsBackground#1B2017
- editorGroupHeader.tabsBorder#31392B
- editorGutter.addedBackground#A8C686
- editorGutter.deletedBackground#D97781
- editorGutter.modifiedBackground#8FBFD9
- editorHoverWidget.background#293024
- editorHoverWidget.border#414A39
- editorIndentGuide.activeBackground1#54604A
- editorIndentGuide.background1#31392B
- editorInfo.foreground#8FBFD9
- editorLineNumber.activeForeground#B3A3D6
- editorLineNumber.foreground#77866B
- editorOverviewRuler.border#00000000
- editorRuler.foreground#31392B
- editorSuggestWidget.background#293024
- editorSuggestWidget.border#414A39
- editorSuggestWidget.highlightForeground#D98BA6
- editorSuggestWidget.selectedBackground#414A39
- editorWarning.foreground#DDAF6F
- editorWhitespace.foreground#414A39
- editorWidget.background#293024
- editorWidget.border#414A39
- focusBorder#B3A3D6
- gitDecoration.addedResourceForeground#A8C686
- gitDecoration.conflictingResourceForeground#D9B98C
- gitDecoration.deletedResourceForeground#D97781
- gitDecoration.ignoredResourceForeground#66755B
- gitDecoration.modifiedResourceForeground#8FBFD9
- gitDecoration.untrackedResourceForeground#C4DBA4
- input.background#293024
- input.border#414A39
- input.foreground#E7EDDD
- input.placeholderForeground#97A48B
- inputOption.activeBackground#54604A
- inputOption.activeBorder#D98BA6
- list.activeSelectionBackground#414A39
- list.activeSelectionForeground#D98BA6
- list.errorForeground#D97781
- list.focusBackground#414A39
- list.highlightForeground#D98BA6
- list.hoverBackground#293024
- list.inactiveSelectionBackground#31392B
- list.warningForeground#DDAF6F
- menu.background#293024
- menu.foreground#E7EDDD
- menu.selectionBackground#414A39
- menu.selectionForeground#D98BA6
- menubar.selectionBackground#414A3980
- minimap.findMatchHighlight#D9B98C
- minimap.selectionHighlight#54604A
- minimapGutter.addedBackground#A8C686
- minimapGutter.deletedBackground#D97781
- minimapGutter.modifiedBackground#8FBFD9
- notificationCenterHeader.background#293024
- notificationLink.foreground#8FBFD9
- notifications.background#293024
- notifications.border#414A39
- panel.background#1B2017
- panel.border#31392B
- panelTitle.activeBorder#D98BA6
- panelTitle.activeForeground#D98BA6
- panelTitle.inactiveForeground#97A48B
- peekView.border#B3A3D6
- peekViewEditor.background#242B20
- peekViewEditor.matchHighlightBackground#D9B98C3A
- peekViewResult.background#1B2017
- peekViewResult.matchHighlightBackground#D9B98C3A
- peekViewTitle.background#293024
- pickerGroup.border#414A39
- pickerGroup.foreground#B3A3D6
- progressBar.background#D98BA6
- quickInput.background#293024
- quickInputList.focusBackground#414A39
- scrollbarSlider.activeBackground#66755BAA
- scrollbarSlider.background#414A3966
- scrollbarSlider.hoverBackground#54604A99
- selection.background#54604A
- sideBar.background#1B2017
- sideBar.border#31392B
- sideBar.foreground#C4CFB8
- sideBarSectionHeader.background#242B20
- sideBarSectionHeader.foreground#B3A3D6
- sideBarTitle.foreground#E7EDDD
- statusBar.background#161A13
- statusBar.border#31392B
- statusBar.debuggingBackground#D98BA6
- statusBar.debuggingForeground#20261C
- statusBar.foreground#B3A3D6
- statusBar.noFolderBackground#293024
- statusBarItem.hoverBackground#414A3980
- statusBarItem.remoteBackground#A8C686
- statusBarItem.remoteForeground#20261C
- tab.activeBackground#20261C
- tab.activeBorderTop#D98BA6
- tab.activeForeground#D98BA6
- tab.border#31392B
- tab.hoverBackground#293024
- tab.inactiveBackground#1B2017
- tab.inactiveForeground#97A48B
- terminal.ansiBlack#66755B
- terminal.ansiBlue#8FBFD9
- terminal.ansiBrightBlack#87957B
- terminal.ansiBrightBlue#B4D8E8
- terminal.ansiBrightCyan#BCE0D6
- terminal.ansiBrightGreen#C4DBA4
- terminal.ansiBrightMagenta#E6BCCC
- terminal.ansiBrightRed#E8AABE
- terminal.ansiBrightWhite#F5F8F0
- terminal.ansiBrightYellow#EBE2A5
- terminal.ansiCyan#93CFC0
- terminal.ansiGreen#A8C686
- terminal.ansiMagenta#D98BA6
- terminal.ansiRed#D97781
- terminal.ansiWhite#E7EDDD
- terminal.ansiYellow#DCCB7A
- terminal.background#1B2017
- terminal.foreground#E7EDDD
- terminalCursor.foreground#D98BA6
- textLink.activeForeground#B4D8E8
- textLink.foreground#8FBFD9
- textPreformat.foreground#D9B98C
- titleBar.activeBackground#161A13
- titleBar.activeForeground#C4CFB8
- titleBar.border#31392B
- titleBar.inactiveBackground#161A13
- titleBar.inactiveForeground#77866B
- tree.indentGuidesStroke#414A39
- walkThrough.embeddedEditorBackground#1B2017
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #87957B | italic |
| string, string.quoted, punctuation.definition.string | #A8C686 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #D98BA6 | — |
| constant.character.escape | #D9B98C | — |
| string.regexp | #93CFC0 | — |
| keyword, keyword.control, storage, storage.type, storage.modifier | #D98BA6 | — |
| keyword.operator | #B3A3D6 | — |
| entity.name.function, support.function, meta.function-call.generic | #8FBFD9 | — |
| variable.parameter | #E5CDA9 | italic |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.type, support.class, storage.type.primitive | #B3A3D6 | — |
| constant.numeric, constant.language, constant.other, variable.other.constant | #D9B98C | — |
| variable, variable.other.readwrite | #E7EDDD | — |
| variable.other.property, variable.other.object.property | #D5DECA | — |
| variable.language | #D98BA6 | italic |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #DCCB7A | — |
| entity.name.tag | #D98BA6 | — |
| entity.other.attribute-name | #B3A3D6 | italic |
| support.type.property-name.css | #8FBFD9 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #D9B98C | — |
| support.type.property-name.json | #8FBFD9 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #D98BA6 | bold |
| markup.bold | #D9B98C | bold |
| markup.italic | #B3A3D6 | italic |
| markup.underline.link, string.other.link.title.markdown | #8FBFD9 | — |
| markup.inline.raw, markup.fenced_code.block | #A8C686 | — |
| markup.quote | #87957B | italic |
| markup.inserted | #A8C686 | — |
| markup.deleted | #D97781 | — |
| markup.changed | #8FBFD9 | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace | #ADBAA0 | — |
| invalid, invalid.illegal | #D97781 | — |