Pixelated Prism

Color themes

• 

  Verdant Ember (Dark)

• 

  Verdant Ember (Light)

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#F8FFF8
• activityBar.foreground#1A0000
• activityBarBadge.background#F44336
• activityBarBadge.foreground#FFFFFF
• badge.background#F44336
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#1A0000
• breadcrumb.foreground#550000
• breadcrumbPicker.background#F5FFF5
• button.background#F44336
• button.foreground#FFFFFF
• button.hoverBackground#D32F2F
• debugToolBar.background#F5FFF5
• descriptionForeground#005a2d
• dropdown.background#F5FFF5
• dropdown.foreground#1A0000
• editor.background#FFFFFF
• editor.findMatchBackground#F4433650
• editor.findMatchHighlightBackground#F4433630
• editor.foldBackground#C8E6C9
• editor.foreground#1A0000
• editor.inactiveSelectionBackground#C8E6C950
• editor.lineHighlightBackground#E8F5E9
• editor.selectionBackground#C8E6C980
• editor.wordHighlightBackground#7ba87d50
• editor.wordHighlightStrongBackground#7ba87d80
• editorBracketMatch.background#C8E6C9
• editorBracketMatch.border#F44336
• editorCursor.foreground#8BC34A
• editorGroupHeader.tabsBackground#F5FFF5
• editorGutter.foldingControlForeground#1A0000
• editorHoverWidget.background#F5FFF5
• editorHoverWidget.border#F44336
• editorLineNumber.foreground#4CAF50
• editorOverviewRuler.conflictingResourceForeground#F44336
• editorOverviewRuler.errorForeground#D32F2F
• editorOverviewRuler.infoForeground#4CAF50
• editorOverviewRuler.warningForeground#CDDC39
• extensionButton.prominentBackground#F44336
• extensionButton.prominentForeground#FFFFFF
• extensionButton.prominentHoverBackground#D32F2F
• gitDecoration.conflictingResourceForeground#3f3a00
• gitDecoration.deletedResourceForeground#f4de36
• gitDecoration.ignoredResourceForeground#9E9E9E
• gitDecoration.modifiedResourceForeground#FF9800
• gitDecoration.untrackedResourceForeground#CC6600
• input.background#F5FFF5
• input.foreground#1A0000
• input.placeholderForeground#7ba87d
• list.activeSelectionBackground#C8E6C9
• list.activeSelectionForeground#000000
• list.hoverBackground#C8E6C9
• list.hoverForeground#1A0000
• list.inactiveSelectionBackground#C8E6C9
• menu.background#F5FFF5
• menu.foreground#1A0000
• menu.selectionBackground#C8E6C9
• menu.selectionForeground#1A0000
• notificationCenterHeader.background#F5FFF5
• notificationCenterHeader.foreground#1A0000
• notificationToast.background#F8FFF8
• notificationToast.foreground#1A0000
• panel.background#F5FFF5
• panelTitle.activeBorder#F44336
• panelTitle.activeForeground#1A0000
• panelTitle.inactiveForeground#550000
• peekView.border#F44336
• peekViewEditor.background#F5FFF5
• peekViewResult.background#F5FFF5
• peekViewTitle.background#F5FFF5
• pickerGroup.border#A5D6A7
• pickerGroup.foreground#6D4C41
• progressBar.background#F44336
• quickInput.background#F5FFF5
• quickInput.foreground#1A0000
• quickInput.titleBackground#C8E6C9
• quickInputList.focusBackground#C8E6C9
• quickInputList.focusForeground#1A0000
• quickInputList.focusIconForeground#1A0000
• quickInputList.hoverBackground#C8E6C950
• quickInputList.hoverForeground#1A0000
• quickInputList.hoverIconForeground#1A0000
• scrollbarSlider.activeBackground#7ba87d
• scrollbarSlider.background#7ba87d50
• scrollbarSlider.hoverBackground#7ba87d80
• settings.checkboxBackground#F5FFF5
• settings.checkboxForeground#1A0000
• settings.dropdownBackground#F5FFF5
• settings.dropdownForeground#1A0000
• settings.headerForeground#1A0000
• settings.modifiedItemIndicator#F44336
• settings.numberInputBackground#F5FFF5
• settings.numberInputForeground#1A0000
• settings.textInputBackground#F5FFF5
• settings.textInputForeground#1A0000
• sideBar.background#F5FFF5
• sideBar.foreground#1A0000
• sideBarSectionHeader.background#C8E6C9
• sideBarSectionHeader.foreground#1A0000
• statusBar.background#F8FFF8
• statusBar.debuggingBackground#F44336
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#1A0000
• tab.activeBackground#FFFFFF
• tab.activeForeground#1A0000
• tab.border#F5FFF5
• tab.inactiveBackground#F5FFF5
• tab.inactiveForeground#550000
• terminal.ansiBlack#1A0000
• terminal.ansiBlue#7ba87d
• terminal.ansiBrightBlack#6D4C41
• terminal.ansiBrightBlue#66BB6A
• terminal.ansiBrightCyan#9CCC65
• terminal.ansiBrightGreen#7CB342
• terminal.ansiBrightMagenta#C62828
• terminal.ansiBrightRed#FF5722
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#D4E157
• terminal.ansiCyan#8BC34A
• terminal.ansiGreen#4CAF50
• terminal.ansiMagenta#F44336
• terminal.ansiRed#D32F2F
• terminal.ansiWhite#E8F5E9
• terminal.ansiYellow#CDDC39
• terminal.background#F8F8F8
• terminal.foreground#1A0000
• titleBar.activeBackground#c8e6c9
• titleBar.activeForeground#1a0000
• titleBar.inactiveBackground#c8e6c9
• titleBar.inactiveForeground#1a0000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).