Parkside Light
Publisher: Marcus KazmierczakThemes in package: 1
A bright, colorful light theme with playful chrome and GitHub Light syntax colors
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#2d282820
- activityBar.activeBorder#615795
- activityBar.activeFocusBorder#615795
- activityBar.background#f4d06f
- activityBar.border#2d282880
- activityBar.dropBackground#eee8d5
- activityBar.foreground#2d2828
- activityBar.inactiveForeground#2d282880
- activityBarBadge.background#615795
- activityBarBadge.foreground#ffffff
- badge.background#B58900AA
- breadcrumb.background#f4d06f40
- button.background#615795
- button.secondaryBackground#67889380
- debugExceptionWidget.background#DDD6C1
- debugExceptionWidget.border#AB395B
- debugToolBar.background#DDD6C1
- dropdown.background#fb9b71
- dropdown.border#D3AF86
- editor.background#fff7f4
- editor.findMatchBackground#8599004D
- editor.findMatchHighlightBackground#85990033
- editor.findRangeHighlightBackground#6c71c433
- editor.foreground#2d2828
- editor.hoverHighlightBackground#2aa1981A
- editor.inactiveSelectionBackground#93a1a126
- editor.lineHighlightBackground#2d282812
- editor.rangeHighlightBackground#6c71c41A
- editor.selectionBackground#93a1a140
- editor.selectionHighlightBackground#2aa1981A
- editor.wordHighlightBackground#d336821A
- editor.wordHighlightStrongBackground#d3368233
- editorCursor.foreground#657B83
- editorGroup.border#2d2828
- editorGroup.dropBackground#fff7f4cc
- editorGroup.emptyBackground#fff7f4
- editorGroupHeader.tabsBackground#fff7f4
- editorGroupHeader.tabsBorder#2d282880
- editorHoverWidget.background#e7edcc
- editorHoverWidget.border#2d282840
- editorHoverWidget.foreground#2d2828
- editorHoverWidget.highlightForeground#615795
- editorIndentGuide.background#2d282812
- editorInlayHint.background#fff7f4
- editorInlayHint.foreground#2d282880
- editorLineNumber.foreground#615795bf
- editorLink.activeForeground#268bd2
- editorPane.background#fff7f4
- editorSuggestWidget.background#f4d06f
- editorSuggestWidget.border#2d282880
- editorSuggestWidget.focusHighlightForeground#615795
- editorSuggestWidget.highlightForeground#615795
- editorSuggestWidget.selectedBackground#fb9b7180
- editorWhitespace.foreground#eee8d5
- editorWidget.background#eee8d5
- extensionButton.prominentBackground#b58900
- extensionButton.prominentHoverBackground#584c27aa
- focusBorder#2d282880
- input.background#fff7f4
- input.foreground#2d2828
- input.placeholderForeground#586E75AA
- inputOption.activeBorder#D3AF86
- list.activeSelectionBackground#c7c2e4
- list.activeSelectionForeground#2d2828
- list.activeSelectionIconForeground#2d2828bf
- list.dropBackground#cee0dc40
- list.errorForeground#dc322f
- list.filterMatchBackground#85990033
- list.focusBackground#DFCA8866
- list.highlightForeground#678893
- list.hoverBackground#c7c2e440
- list.inactiveSelectionBackground#c7c2e4
- list.inactiveSelectionForeground#2d2828
- list.inactiveSelectionIconForeground#2d2828bf
- list.invalidItemForeground#dc322f
- list.warningForeground#ac9586
- listFilterWidget.background#f4d06f40
- menu.background#fff7f4
- menubar.selectionBackground#a3484800
- notificationCenterHeader.background#fff7f4
- notifications.background#fff7f4
- notifications.foreground#2d2828
- panel.border#2d282880
- panelTitle.inactiveForeground#2d2828bf
- peekView.border#B58900
- peekViewEditor.background#fff7f4
- peekViewEditor.matchHighlightBackground#7744AA40
- peekViewResult.background#eee8d5
- peekViewTitle.background#eee8d5
- pickerGroup.border#615795
- pickerGroup.foreground#2AA19899
- progressBar.background#fb9b71
- quickInput.background#fff7f4
- quickInput.foreground#2d2828bf
- quickInputList.focusBackground#f4d06f80
- quickInputList.focusForeground#2d2828
- quickInputList.focusIconForeground#615795bf
- quickInputTitle.background#cee0dc
- sash.hoverBorder#678893
- selection.background#CCC4B0
- sideBar.background#f4d06f40
- sideBar.border#2d282880
- sideBar.dropBackground#c5623ecc
- sideBar.foreground#2d2828bf
- sideBarSectionHeader.background#cee0dc
- sideBarSectionHeader.border#2d2828
- sideBarSectionHeader.foreground#2d2828
- sideBarTitle.foreground#2d2828bf
- statusBar.background#adc67180
- statusBar.border#2d282880
- statusBar.debuggingBackground#dc322f80
- statusBar.foreground#2d2828
- statusBar.noFolderBackground#adc67180
- statusBar.noFolderBorder#2d282880
- statusBar.noFolderForeground#2d2828
- statusBarItem.activeBackground#adc671
- statusBarItem.errorBackground#dc322f
- statusBarItem.hoverBackground#adc671
- statusBarItem.prominentBackground#678893
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#adc671
- statusBarItem.remoteBackground#615795
- statusBarItem.remoteForeground#ffffff
- statusBarItem.warningBackground#dc322f80
- statusBarItem.warningForeground#2d2828
- tab.activeBackground#f4d06f80
- tab.activeBorder#2d282880
- tab.activeBorderTop#dc322f00
- tab.activeForeground#2d282880
- tab.border#2d282880
- tab.inactiveBackground#fff7f4
- tab.inactiveForeground#2d282880
- tab.unfocusedActiveBackground#f4d06f80
- tab.unfocusedActiveBorder#2d282880
- tab.unfocusedActiveBorderTop#dc322f00
- tab.unfocusedActiveForeground#2d282880
- tab.unfocusedInactiveBackground#fff7f4
- tab.unfocusedInactiveForeground#2d282880
- terminal.ansiBlack#2d2828
- terminal.ansiBlue#268bd2
- terminal.ansiBrightBlack#586e75
- terminal.ansiBrightBlue#839496
- terminal.ansiBrightCyan#93a1a1
- terminal.ansiBrightGreen#586e75
- terminal.ansiBrightMagenta#6c71c4
- terminal.ansiBrightRed#cb4b16
- terminal.ansiBrightWhite#eee8d5
- terminal.ansiBrightYellow#657b83
- terminal.ansiCyan#2aa198
- terminal.ansiGreen#859900
- terminal.ansiMagenta#d33682
- terminal.ansiRed#dc322f
- terminal.ansiWhite#eee8d5
- terminal.ansiYellow#b58900
- terminal.border#2d282880
- terminal.foreground#2d2828
- titleBar.activeBackground#C9DBE2
- titleBar.activeForeground#2d2828
- titleBar.border#2d282840
- titleBar.inactiveBackground#C9DBE2
- titleBar.inactiveForeground#2d2828
- widget.shadow#2d282829
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #6a737d | — |
| constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language | #005cc5 | — |
| entity, entity.name | #6f42c1 | — |
| entity.name, meta.export.default, meta.definition.variable | #e36209 | — |
| variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression | #24292e | — |
| entity.name.function | #6f42c1 | — |
| entity.name.tag, support.class.component | #22863a | — |
| keyword | #d73a49 | — |
| storage, storage.type | #d73a49 | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #24292e | — |
| string, string punctuation.section.embedded source | #032f62 | — |
| support | #005cc5 | — |
| meta.property-name, support.type.property-name | #005cc5 | — |
| variable | #e36209 | — |
| variable.other | #24292e | — |
| invalid.broken, invalid.deprecated, invalid.illegal, invalid.unimplemented | #b31d28 | italic |
| string variable | #005cc5 | — |
| source.regexp, string.regexp | #032f62 | — |
| string.regexp constant.character.escape | #22863a | bold |
| support.constant, support.variable | #005cc5 | — |
| support.type.property-name.json | #22863a | — |
| punctuation.section.embedded | #d73a49 | — |
| constant.other.placeholder, constant.character | #d73a49 | — |
| markup.heading, markup.heading entity.name | #005cc5 | bold |
| markup.quote | #22863a | — |
| markup.italic | #24292e | italic |
| markup.bold | #24292e | bold |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.inline.raw | #005cc5 | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #b31d28 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #22863a | — |
| markup.changed, punctuation.definition.changed | #e36209 | — |
| meta.diff.range | #6f42c1 | bold |
| meta.diff.header | #005cc5 | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #586069 | — |
| brackethighlighter.unmatched | #b31d28 | — |
| constant.other.reference.link, string.other.link | #032f62 | — |
| entity.name.tag.html | #22863a | — |
| entity.other.attribute-name.html, entity.other.attribute-name | #6f42c1 | — |
| string.quoted.double.html, string.quoted.single.html | #032f62 | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #22863a | — |