HighCoCo - High Contrast Color Themes

Color themes

• 

  HighCoCo Neon: Magenta

• 

  HighCoCo Neon: Pink

• 

  HighCoCo Neon: Red

• 

  HighCoCo Neon: Violet

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#FF2DF715
• activityBar.activeBorder#FF2DF7
• activityBar.background#150018
• activityBar.border#3A1040
• activityBar.foreground#FF2DF7
• activityBar.inactiveForeground#8A40A0
• activityBarBadge.background#FF2DF7
• activityBarBadge.foreground#150018
• badge.background#FF2DF7
• badge.foreground#150018
• breadcrumb.activeSelectionForeground#FF2DF7
• breadcrumb.background#1A001F
• breadcrumb.focusForeground#FF2DF7
• breadcrumb.foreground#8A40A0
• breadcrumbPicker.background#130018
• button.background#A0009A
• button.foreground#FFE8FF
• button.hoverBackground#CC00C4
• button.secondaryBackground#3A1040
• button.secondaryForeground#FFE8FF
• button.secondaryHoverBackground#44184A
• checkbox.background#130018
• checkbox.border#3A1040
• debugToolBar.background#130018
• debugToolBar.border#3A1040
• descriptionForeground#AA88AA
• diffEditor.insertedLineBackground#00FFB812
• diffEditor.insertedTextBackground#00FFB818
• diffEditor.removedLineBackground#FF446612
• diffEditor.removedTextBackground#FF446618
• diffEditorGutter.insertedLineBackground#00FFB830
• diffEditorGutter.removedLineBackground#FF446630
• disabledForeground#8A40A080
• dropdown.background#130018
• dropdown.border#3A1040
• dropdown.foreground#FFE8FF
• editor.background#1A001F
• editor.findMatchBackground#00FFB840
• editor.findMatchHighlightBackground#00FFB822
• editor.foreground#FFE8FF
• editor.inactiveSelectionBackground#FF2DF720
• editor.lineHighlightBackground#FF2DF712
• editor.lineHighlightBorder#FF2DF700
• editor.rangeHighlightBackground#FF2DF712
• editor.selectionBackground#FF2DF730
• editor.selectionHighlightBackground#FF2DF718
• editor.wordHighlightBackground#FF2DF720
• editor.wordHighlightStrongBackground#FF2DF730
• editorBracketMatch.background#FF2DF725
• editorBracketMatch.border#FF2DF7AA
• editorCodeLens.foreground#8A40A0
• editorCursor.background#1A001F
• editorCursor.foreground#FF2DF7
• editorError.foreground#FF4466
• editorGroup.border#3A1040
• editorGroup.dropBackground#FF2DF722
• editorGroupHeader.noTabsBackground#150018
• editorGroupHeader.tabsBackground#150018
• editorGroupHeader.tabsBorder#3A1040
• editorGutter.addedBackground#00FFB8
• editorGutter.background#1A001F
• editorGutter.deletedBackground#FF4466
• editorGutter.modifiedBackground#FF2DF7
• editorHint.foreground#FF2DF788
• editorHoverWidget.background#130018
• editorHoverWidget.border#FF2DF744
• editorIndentGuide.activeBackground1#FF2DF755
• editorIndentGuide.background1#3A1040
• editorInfo.foreground#FF80FC
• editorLineNumber.activeForeground#FF2DF7
• editorLineNumber.foreground#5A2060
• editorOverviewRuler.addedForeground#00FFB8
• editorOverviewRuler.border#3A1040
• editorOverviewRuler.deletedForeground#FF4466
• editorOverviewRuler.errorForeground#FF4466
• editorOverviewRuler.findMatchForeground#FFD70088
• editorOverviewRuler.infoForeground#FF80FC
• editorOverviewRuler.modifiedForeground#FF2DF7
• editorOverviewRuler.selectionHighlightForeground#FF2DF755
• editorOverviewRuler.warningForeground#FFD700
• editorOverviewRuler.wordHighlightForeground#FF2DF744
• editorRuler.foreground#3A1040
• editorSuggestWidget.background#130018
• editorSuggestWidget.border#FF2DF744
• editorSuggestWidget.foreground#FFE8FF
• editorSuggestWidget.highlightForeground#FF2DF7
• editorSuggestWidget.selectedBackground#FF2DF722
• editorWarning.foreground#FFD700
• editorWhitespace.foreground#3A1040
• editorWidget.background#130018
• editorWidget.border#FF2DF744
• editorWidget.foreground#FFE8FF
• errorForeground#FF4466
• extensionButton.prominentBackground#FF2DF7
• extensionButton.prominentForeground#150018
• extensionButton.prominentHoverBackground#FF80FC
• focusBorder#FF2DF788
• foreground#FFE8FF
• gitDecoration.addedResourceForeground#00FFB8
• gitDecoration.conflictingResourceForeground#FFD700
• gitDecoration.deletedResourceForeground#FF4466
• gitDecoration.ignoredResourceForeground#5A2060
• gitDecoration.modifiedResourceForeground#FF2DF7
• gitDecoration.submoduleResourceForeground#FF80FC
• gitDecoration.untrackedResourceForeground#FF80FC
• icon.foreground#FF80FC
• input.background#130018
• input.border#3A1040
• input.foreground#FFE8FF
• input.placeholderForeground#8A40A0
• inputOption.activeBackground#FF2DF722
• inputOption.activeBorder#FF2DF7
• inputValidation.errorBackground#2A000A
• inputValidation.errorBorder#FF4466
• inputValidation.infoBackground#150018
• inputValidation.infoBorder#FF2DF7
• inputValidation.warningBackground#2A1000
• inputValidation.warningBorder#FFD700
• list.activeSelectionBackground#FF2DF722
• list.activeSelectionForeground#FF2DF7
• list.dropBackground#FF2DF722
• list.errorForeground#FF4466
• list.focusBackground#FF2DF722
• list.focusForeground#FF2DF7
• list.highlightForeground#FF2DF7
• list.hoverBackground#FF2DF715
• list.hoverForeground#FFE8FF
• list.inactiveSelectionBackground#FF2DF715
• list.inactiveSelectionForeground#FFE8FF
• list.warningForeground#FFD700
• menu.background#130018
• menu.border#3A1040
• menu.foreground#FFE8FF
• menu.selectionBackground#FF2DF722
• menu.selectionForeground#FF2DF7
• menu.separatorBackground#3A1040
• menubar.selectionBackground#FF2DF722
• menubar.selectionForeground#FF2DF7
• minimap.background#1A001F
• minimap.errorHighlight#FF4466
• minimap.findMatchHighlight#00FFB866
• minimap.selectionHighlight#FF2DF744
• minimapGutter.addedBackground#00FFB8
• minimapGutter.deletedBackground#FF4466
• minimapGutter.modifiedBackground#FF2DF7
• notificationCenterHeader.background#150018
• notificationLink.foreground#FF2DF7
• notifications.background#130018
• notifications.border#FF2DF744
• notifications.foreground#FFE8FF
• notificationsErrorIcon.foreground#FF4466
• notificationsInfoIcon.foreground#FF80FC
• notificationsWarningIcon.foreground#FFD700
• notificationToast.border#FF2DF744
• panel.background#120016
• panel.border#3A1040
• panelTitle.activeBorder#FF2DF7
• panelTitle.activeForeground#FF2DF7
• panelTitle.inactiveForeground#8A40A0
• peekView.border#FF2DF7
• peekViewEditor.background#130018
• peekViewEditor.matchHighlightBackground#FF2DF730
• peekViewEditorGutter.background#130018
• peekViewResult.background#150018
• peekViewResult.fileForeground#FFE8FF
• peekViewResult.lineForeground#EFCAEF
• peekViewResult.matchHighlightBackground#FF2DF725
• peekViewResult.selectionBackground#FF2DF722
• peekViewResult.selectionForeground#FF2DF7
• peekViewTitle.background#150018
• peekViewTitleDescription.foreground#FF80FC
• peekViewTitleLabel.foreground#FF2DF7
• pickerGroup.border#3A1040
• pickerGroup.foreground#FF2DF7
• progressBar.background#FF2DF7
• scrollbar.shadow#00000066
• scrollbarSlider.activeBackground#FF2DF766
• scrollbarSlider.background#FF2DF722
• scrollbarSlider.hoverBackground#FF2DF744
• selection.background#FF2DF733
• settings.headerForeground#FF2DF7
• settings.modifiedItemIndicator#FF2DF7
• sideBar.background#130018
• sideBar.border#3A1040
• sideBar.foreground#EFCAEF
• sideBarSectionHeader.background#150018
• sideBarSectionHeader.border#3A1040
• sideBarSectionHeader.foreground#FF80FC
• sideBarTitle.foreground#FF2DF7
• statusBar.background#FF2DF7
• statusBar.border#CC00C8
• statusBar.debuggingBackground#00FFB8
• statusBar.debuggingForeground#150018
• statusBar.foreground#150018
• statusBar.noFolderBackground#A000A0
• statusBar.noFolderForeground#FFE8FF
• statusBarItem.activeBackground#FF2DF744
• statusBarItem.errorBackground#FF4466
• statusBarItem.errorForeground#000000
• statusBarItem.hoverBackground#CC00C8
• statusBarItem.remoteBackground#A000A0
• statusBarItem.remoteForeground#FFE8FF
• tab.activeBackground#1A001F
• tab.activeBorder#00000000
• tab.activeBorderTop#FF2DF7
• tab.activeForeground#FF2DF7
• tab.border#3A1040
• tab.hoverBackground#FF2DF715
• tab.hoverBorder#FF2DF755
• tab.inactiveBackground#150018
• tab.inactiveForeground#8A40A0
• tab.unfocusedActiveBackground#130018
• tab.unfocusedActiveForeground#FF80FC
• tab.unfocusedInactiveBackground#150018
• tab.unfocusedInactiveForeground#5A2060
• terminal.ansiBlack#200025
• terminal.ansiBlue#AA80FF
• terminal.ansiBrightBlack#5A2060
• terminal.ansiBrightBlue#CCA2FF
• terminal.ansiBrightCyan#FFAAFF
• terminal.ansiBrightGreen#55FFCC
• terminal.ansiBrightMagenta#FF88FA
• terminal.ansiBrightRed#FF6688
• terminal.ansiBrightWhite#FFE8FF
• terminal.ansiBrightYellow#FFF922
• terminal.ansiCyan#FF80FC
• terminal.ansiGreen#00FFB8
• terminal.ansiMagenta#FF2DF7
• terminal.ansiRed#FF4466
• terminal.ansiWhite#EFCAEF
• terminal.ansiYellow#FFD700
• terminal.background#120016
• terminal.border#3A1040
• terminal.foreground#EFCAEF
• terminal.selectionBackground#FF2DF733
• terminalCursor.foreground#FF2DF7
• textBlockQuote.background#1A001F
• textBlockQuote.border#FF2DF7
• textCodeBlock.background#13001A
• textLink.activeForeground#FF80FC
• textLink.foreground#FF2DF7
• textSeparator.foreground#3A1040
• titleBar.activeBackground#150018
• titleBar.activeForeground#FFE8FF
• titleBar.border#3A1040
• titleBar.inactiveBackground#150018
• titleBar.inactiveForeground#8A40A0
• widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).