Pixelated Prism

Color themes

• 

  Cherry

• 

  Oceanic Depths (Dark)

• 

  Oceanic Depths (Light)

• 

  Sakura

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#FFF0F0
• activityBar.foreground#1A0000
• activityBarBadge.background#D32F2F
• activityBarBadge.foreground#FFFFFF
• badge.background#F44336
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#1A0000
• breadcrumb.foreground#550000
• breadcrumbPicker.background#FFEEED
• button.background#F44336
• button.foreground#FFFFFF
• button.hoverBackground#D32F2F
• debugToolBar.background#FFEEED
• dropdown.background#FFEEED
• dropdown.foreground#1A0000
• editor.background#FFFFFF
• editor.cursor.foreground#FF5722
• editor.findMatchBackground#F4433650
• editor.findMatchHighlightBackground#F4433630
• editor.foldBackground#FFCDD2
• editor.foreground#1A0000
• editor.inactiveSelectionBackground#FFCDD250
• editor.lineHighlightBackground#FFCDD250
• editor.selectionBackground#FFCDD280
• editor.wordHighlightBackground#F8BBD050
• editor.wordHighlightStrongBackground#F8BBD080
• editorGroupHeader.tabsBackground#FFEEED
• editorGutter.foldingControlForeground#1A0000
• editorHoverWidget.background#FFEEED
• editorHoverWidget.border#F44336
• editorLineNumber.foreground#F44336
• extensionButton.prominentBackground#F44336
• extensionButton.prominentForeground#FFFFFF
• extensionButton.prominentHoverBackground#D32F2F
• gitDecoration.addedResourceForeground#ff00dd
• gitDecoration.conflictingResourceForeground#E91E63
• gitDecoration.deletedResourceForeground#D32F2F
• gitDecoration.ignoredResourceForeground#A1887F
• gitDecoration.modifiedResourceForeground#FF5722
• gitDecoration.untrackedResourceForeground#ba0962
• input.background#FFEEED
• input.foreground#1A0000
• input.placeholderForeground#F8BBD0
• list.activeSelectionBackground#FFCDD2
• list.errorForeground#cf0176
• list.foreground#1A0000
• list.hoverBackground#FFCDD2
• list.inactiveSelectionBackground#FFCDD2
• list.warningForeground#52001d
• menu.background#FFEEED
• menu.foreground#1A0000
• menu.selectionBackground#FFCDD2
• menu.selectionForeground#1A0000
• notificationCenterHeader.background#FFEEED
• notificationCenterHeader.foreground#1A0000
• notificationToast.background#FFF0F0
• notificationToast.foreground#1A0000
• panel.background#FFEEED
• panelTitle.activeBorder#F44336
• panelTitle.activeForeground#1A0000
• panelTitle.inactiveForeground#550000
• peekView.border#F44336
• peekViewEditor.background#FFEEED
• peekViewResult.background#FFEEED
• peekViewTitle.background#FFEEED
• pickerGroup.foreground#1A0000
• progressBar.background#F44336
• quickInput.background#FFEEED
• quickInput.foreground#1A0000
• quickInput.titleBackground#FFCDD2
• quickInputList.focusBackground#FFCDD2
• quickInputList.focusForeground#1A0000
• quickInputList.focusIconForeground#1A0000
• quickInputList.hoverBackground#FFCDD250
• quickInputList.hoverForeground#1A0000
• quickInputList.hoverIconForeground#1A0000
• scrollbarSlider.activeBackground#F8BBD0
• scrollbarSlider.background#F8BBD050
• scrollbarSlider.hoverBackground#F8BBD080
• settings.checkboxBackground#FFEEED
• settings.checkboxForeground#1A0000
• settings.dropdownBackground#FFEEED
• settings.dropdownForeground#1A0000
• settings.headerForeground#1A0000
• settings.modifiedItemIndicator#F44336
• settings.numberInputBackground#FFEEED
• settings.numberInputForeground#1A0000
• settings.textInputBackground#FFEEED
• settings.textInputForeground#1A0000
• sideBar.background#FFEEED
• sideBar.foreground#1A0000
• sideBarSectionHeader.background#FFCDD2
• sideBarSectionHeader.foreground#1A0000
• statusBar.background#FFF0F0
• statusBar.debuggingBackground#D32F2F
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#1A0000
• tab.activeBackground#FFFFFF
• tab.activeForeground#1A0000
• tab.border#FFEEED
• tab.inactiveBackground#FFEEED
• tab.inactiveForeground#550000
• terminal.ansiBlack#1A0000
• terminal.ansiBlue#F06292
• terminal.ansiBrightBlack#A1887F
• terminal.ansiBrightBlue#EC407A
• terminal.ansiBrightCyan#FF8A65
• terminal.ansiBrightGreen#CDDC39
• terminal.ansiBrightMagenta#C2185B
• terminal.ansiBrightRed#F44336
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#FFD54F
• terminal.ansiCyan#FFB366
• terminal.ansiGreen#FFEB3B
• terminal.ansiMagenta#E91E63
• terminal.ansiRed#D32F2F
• terminal.ansiWhite#FFF8E1
• terminal.ansiYellow#FFC107
• terminal.background#F8F8F8
• terminal.foreground#1A0000
• titleBar.activeBackground#FFEEED
• titleBar.activeForeground#1A0000
• titleBar.inactiveBackground#FFEEED
• titleBar.inactiveForeground#1A0000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).