Polychrome themes
Publisher: Chad DonohueThemes in package: 2
🎨 Generated light and dark themes for vscode
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#1C1A22
- activityBar.border#FFFFFF11
- activityBar.dropBackground#2a2833
- activityBar.foreground#999999
- activityBarBadge.background#a59ccc
- activityBarBadge.foreground#000000
- badge.background#a59ccc
- badge.foreground#000000
- button.background#484459
- button.foreground#FFFFFF
- button.hoverBackground#767092
- contrastActiveBorder#00000000
- contrastBorder#FFFFFF11
- debugToolBar.background#373543
- descriptionForeground#999999
- diffEditor.insertedTextBackground#73c99026
- diffEditor.removedTextBackground#ff634726
- dropdown.background#2a2833
- dropdown.border#FFFFFF22
- dropdown.foreground#E6E6E6
- editor.background#2a2833
- editor.findMatchBackground#D2CDE555
- editor.findMatchBorder#0000
- editor.findMatchHighlightBackground#D2CDE522
- editor.findMatchHighlightBorder#0000
- editor.findRangeHighlightBackground#D2CDE522
- editor.findRangeHighlightBorder#0000
- editor.foreground#BBB4D8
- editor.hoverHighlightBackground#D2CDE533
- editor.inactiveSelectionBackground#373543cc
- editor.lineHighlightBackground#38354477
- editor.lineHighlightBorder#0000
- editor.rangeHighlightBackground#D2CDE511
- editor.rangeHighlightBorder#0000
- editor.selectionBackground#373543cc
- editor.selectionHighlightBackground#37354399
- editor.selectionHighlightBorder#0000
- editor.wordHighlightBackground#373543cc
- editor.wordHighlightBorder#0000
- editor.wordHighlightStrongBackground#373543
- editor.wordHighlightStrongBorder#0000
- editorBracketMatch.background#0000
- editorBracketMatch.border#D2CDE555
- editorCodeLens.foreground#999999
- editorCursor.foreground#ffe685
- editorError.border#0000
- editorError.foreground#ff6347
- editorGroup.background#222029
- editorGroup.border#1C1A22
- editorGroup.dropBackground#2F2C39
- editorGroupHeader.noTabsBackground#222029
- editorGroupHeader.tabsBackground#222029
- editorGroupHeader.tabsBorder#2a2833
- editorGutter.addedBackground#73c990
- editorGutter.deletedBackground#ff6347
- editorGutter.modifiedBackground#e2c08d
- editorHoverWidget.background#222029
- editorIndentGuide.activeBackground#3B3948
- editorIndentGuide.background#33303E
- editorInfo.border#0000
- editorInfo.foreground#6494ed
- editorLineNumber.activeForeground#767092
- editorLineNumber.foreground#484458
- editorLink.activeForeground#D2CDE5
- editorSuggestWidget.background#222029
- editorSuggestWidget.border#484459
- editorSuggestWidget.foreground#E6E6E6
- editorSuggestWidget.highlightForeground#BBB4D8
- editorSuggestWidget.selectedBackground#373543
- editorWarning.border#0000
- editorWarning.foreground#e2c08d
- editorWhitespace.foreground#413E50
- editorWidget.background#2F2C39
- editorWidget.border#767092
- errorForeground#ff6347
- extensionButton.prominentBackground#484459
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#767092
- focusBorder#00000000
- foreground#E6E6E6
- gitDecoration.conflictingResourceForeground#ff6347
- gitDecoration.deletedResourceForeground#ff6347
- gitDecoration.ignoredResourceForeground#99999977
- gitDecoration.modifiedResourceForeground#e2c08d
- gitDecoration.submoduleResourceForeground#6494ed
- gitDecoration.untrackedResourceForeground#73c990
- input.background#2F2C39
- input.border#FFFFFF22
- input.foreground#FFFFFF
- input.placeholderForeground#FFFFFF44
- inputOption.activeBorder#767092
- inputValidation.errorBackground#392A31
- inputValidation.errorBorder#CD5C5C
- list.activeSelectionBackground#2a2833
- list.activeSelectionForeground#FFFFFF
- list.dropBackground#2a2833
- list.focusBackground#2F2C39
- list.focusForeground#FFFFFF
- list.highlightForeground#BBB4D8
- list.hoverBackground#2F2C39
- list.hoverForeground#E6E6E6
- list.inactiveSelectionBackground#2a2833
- list.inactiveSelectionForeground#FFFFFF
- notificationCenter.border#0000
- notificationCenterHeader.background#1C1A22
- notificationCenterHeader.foreground#D2CDE5
- notificationLink.foreground#a59ccc
- notifications.background#222029
- notifications.border#1C1A22
- notifications.foreground#D2CDE5
- notificationToast.border#0000
- panel.background#2F2C39
- panel.border#1C1A22
- panel.dropBackground#2a2833
- panelTitle.activeBorder#BBB4D8
- panelTitle.activeForeground#D2CDE5
- panelTitle.inactiveForeground#999999
- peekView.border#767092
- peekViewEditor.background#2a2833
- peekViewEditor.matchHighlightBackground#B7A87044
- peekViewEditorGutter.background#2a2833
- peekViewResult.background#222029
- peekViewResult.selectionBackground#373543
- progressBar.background#a59ccc
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#FFFFFF55
- scrollbarSlider.background#FFFFFF11
- scrollbarSlider.hoverBackground#FFFFFF33
- selection.background#373543
- sideBar.background#222029
- sideBar.border#1C1A22
- sideBar.dropBackground#2a2833
- sideBar.foreground#999999
- sideBarSectionHeader.background#1E1C2400
- sideBarSectionHeader.foreground#FFFFFFaa
- sideBarTitle.foreground#FFFFFFaa
- statusBar.background#1A181F
- statusBar.border#00000000
- statusBar.debuggingBackground#ffe685
- statusBar.debuggingForeground#000000
- statusBar.foreground#999999
- statusBar.noFolderBackground#a59ccc
- statusBar.noFolderForeground#000000
- tab.activeBackground#2a2833
- tab.activeBorder#2a2833
- tab.activeForeground#FFFFFF
- tab.border#1C1A22
- tab.hoverBackground#2F2C39
- tab.hoverBorder#2a2833
- tab.inactiveBackground#222029
- tab.inactiveForeground#999999
- tab.unfocusedActiveBorder#2a2833
- tab.unfocusedActiveForeground#999999
- tab.unfocusedHoverBackground#2a2833
- tab.unfocusedHoverBorder#2a2833
- tab.unfocusedInactiveForeground#999999
- terminal.ansiBlack#484459
- terminal.ansiBlue#BBB4D8
- terminal.ansiBrightBlack#B7A870
- terminal.ansiBrightBlue#D2CDE5
- terminal.ansiBrightCyan#D2CDE5
- terminal.ansiBrightGreen#a59ccc
- terminal.ansiBrightMagenta#B7A870
- terminal.ansiBrightRed#ffe685
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#B7A870
- terminal.ansiCyan#767092
- terminal.ansiGreen#a59ccc
- terminal.ansiMagenta#ffe685
- terminal.ansiRed#ff6347
- terminal.ansiWhite#f5f5f5
- terminal.ansiYellow#ffe685
- textBlockQuote.background#2F2C39
- textBlockQuote.border#484459
- textLink.activeForeground#FFFFFF
- textLink.foreground#a59ccc
- textPreformat.foreground#B7A870
- titleBar.activeBackground#1A181F
- titleBar.border#00000000
- widget.shadow#0004
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.type, support.type, entity.name.function, entity.name.tag, entity.other.attribute-name.class, entity.other.attribute-name.id, support.function | #D2CDE5 | — |
| support.other.variable, entity.other.attribute-name, support.class | #BBB4D8 | — |
| variable.other.readwrite.alias, meta.property-name, support.type.property-name, variable.language.this, support.variable.property.dom.js, variable | #a59ccc | — |
| support.class.component.js, support.variable.dom, support.variable.object, support.variable.property.process | #767092 | — |
| meta.brace, punctuation, meta.property-value | #484459 | — |
| string, constant.numeric, constant.language, constant.character, constant.other, variable.other.constant, support.constant, meta.object-literal.key | #ffe685 | — |
| keyword, storage | #B7A870 | — |
| comment.block.c | #706B5C | — |
| comment | #484459 | italic |
| meta.parameters comment.block | #706B5C | italic |
| storage.type | #ffe685 | italic |
| entity.name.class | #D2CDE5 | underline |
| entity.other.inherited-class | #D2CDE5 | italic underline |
| variable.parameter | #a59ccc | italic |
| invalid | #F8F8F0 | — |
| invalid.deprecated | #F8F8F0 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...