HighCoCo - High Contrast Color Themes

Color themes

• 

  HighCoCo Neon: Electric Blue

• 

  HighCoCo Neon: Gold

• 

  HighCoCo Neon: Hot Orange

• 

  HighCoCo Neon: Lime

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#FF6B0015
• activityBar.activeBorder#FF6B00
• activityBar.background#180A00
• activityBar.border#3A2010
• activityBar.foreground#FF6B00
• activityBar.inactiveForeground#7A4A20
• activityBarBadge.background#FF6B00
• activityBarBadge.foreground#180A00
• badge.background#FF6B00
• badge.foreground#180A00
• breadcrumb.activeSelectionForeground#FF6B00
• breadcrumb.background#1F0D00
• breadcrumb.focusForeground#FF6B00
• breadcrumb.foreground#7A4A20
• breadcrumbPicker.background#150800
• button.background#993500
• button.foreground#FFF0E0
• button.hoverBackground#BB4400
• button.secondaryBackground#3A2010
• button.secondaryForeground#FFF0E0
• button.secondaryHoverBackground#442818
• checkbox.background#150800
• checkbox.border#3A2010
• debugToolBar.background#150800
• debugToolBar.border#3A2010
• descriptionForeground#AA8870
• diffEditor.insertedLineBackground#00CFFF12
• diffEditor.insertedTextBackground#00CFFF18
• diffEditor.removedLineBackground#FF446612
• diffEditor.removedTextBackground#FF446618
• diffEditorGutter.insertedLineBackground#00CFFF30
• diffEditorGutter.removedLineBackground#FF446630
• disabledForeground#7A4A2080
• dropdown.background#150800
• dropdown.border#3A2010
• dropdown.foreground#FFF0E0
• editor.background#1F0D00
• editor.findMatchBackground#00CFFF40
• editor.findMatchHighlightBackground#00CFFF22
• editor.foreground#FFF0E0
• editor.inactiveSelectionBackground#FF6B0020
• editor.lineHighlightBackground#FF6B0012
• editor.lineHighlightBorder#FF6B0000
• editor.rangeHighlightBackground#FF6B0012
• editor.selectionBackground#FF6B0030
• editor.selectionHighlightBackground#FF6B0018
• editor.wordHighlightBackground#FF6B0020
• editor.wordHighlightStrongBackground#FF6B0030
• editorBracketMatch.background#FF6B0025
• editorBracketMatch.border#FF6B00AA
• editorCodeLens.foreground#7A4A20
• editorCursor.background#1F0D00
• editorCursor.foreground#FF6B00
• editorError.foreground#FF4466
• editorGroup.border#3A2010
• editorGroup.dropBackground#FF6B0022
• editorGroupHeader.noTabsBackground#180A00
• editorGroupHeader.tabsBackground#180A00
• editorGroupHeader.tabsBorder#3A2010
• editorGutter.addedBackground#00CFFF
• editorGutter.background#1F0D00
• editorGutter.deletedBackground#FF4466
• editorGutter.modifiedBackground#FF6B00
• editorHint.foreground#FF6B0088
• editorHoverWidget.background#150800
• editorHoverWidget.border#FF6B0044
• editorIndentGuide.activeBackground1#FF6B0055
• editorIndentGuide.background1#3A2010
• editorInfo.foreground#FFAA55
• editorLineNumber.activeForeground#FF6B00
• editorLineNumber.foreground#5A3018
• editorOverviewRuler.addedForeground#00CFFF
• editorOverviewRuler.border#3A2010
• editorOverviewRuler.deletedForeground#FF4466
• editorOverviewRuler.errorForeground#FF4466
• editorOverviewRuler.findMatchForeground#FFD70088
• editorOverviewRuler.infoForeground#FFAA55
• editorOverviewRuler.modifiedForeground#FF6B00
• editorOverviewRuler.selectionHighlightForeground#FF6B0055
• editorOverviewRuler.warningForeground#FFD700
• editorOverviewRuler.wordHighlightForeground#FF6B0044
• editorRuler.foreground#3A2010
• editorSuggestWidget.background#150800
• editorSuggestWidget.border#FF6B0044
• editorSuggestWidget.foreground#FFF0E0
• editorSuggestWidget.highlightForeground#FF6B00
• editorSuggestWidget.selectedBackground#FF6B0022
• editorWarning.foreground#FFD700
• editorWhitespace.foreground#3A2010
• editorWidget.background#150800
• editorWidget.border#FF6B0044
• editorWidget.foreground#FFF0E0
• errorForeground#FF4466
• extensionButton.prominentBackground#FF6B00
• extensionButton.prominentForeground#180A00
• extensionButton.prominentHoverBackground#FFAA55
• focusBorder#FF6B0088
• foreground#FFF0E0
• gitDecoration.addedResourceForeground#00CFFF
• gitDecoration.conflictingResourceForeground#FFD700
• gitDecoration.deletedResourceForeground#FF4466
• gitDecoration.ignoredResourceForeground#5A3018
• gitDecoration.modifiedResourceForeground#FF6B00
• gitDecoration.submoduleResourceForeground#FFAA55
• gitDecoration.untrackedResourceForeground#FFAA55
• icon.foreground#FFAA55
• input.background#150800
• input.border#3A2010
• input.foreground#FFF0E0
• input.placeholderForeground#7A4A20
• inputOption.activeBackground#FF6B0022
• inputOption.activeBorder#FF6B00
• inputValidation.errorBackground#2A000A
• inputValidation.errorBorder#FF4466
• inputValidation.infoBackground#180A00
• inputValidation.infoBorder#FF6B00
• inputValidation.warningBackground#2A1000
• inputValidation.warningBorder#FFD700
• list.activeSelectionBackground#FF6B0022
• list.activeSelectionForeground#FF6B00
• list.dropBackground#FF6B0022
• list.errorForeground#FF4466
• list.focusBackground#FF6B0022
• list.focusForeground#FF6B00
• list.highlightForeground#FF6B00
• list.hoverBackground#FF6B0015
• list.hoverForeground#FFF0E0
• list.inactiveSelectionBackground#FF6B0015
• list.inactiveSelectionForeground#FFF0E0
• list.warningForeground#FFD700
• menu.background#150800
• menu.border#3A2010
• menu.foreground#FFF0E0
• menu.selectionBackground#FF6B0022
• menu.selectionForeground#FF6B00
• menu.separatorBackground#3A2010
• menubar.selectionBackground#FF6B0022
• menubar.selectionForeground#FF6B00
• minimap.background#1F0D00
• minimap.errorHighlight#FF4466
• minimap.findMatchHighlight#FFD70066
• minimap.selectionHighlight#FF6B0044
• minimapGutter.addedBackground#00CFFF
• minimapGutter.deletedBackground#FF4466
• minimapGutter.modifiedBackground#FF6B00
• notificationCenterHeader.background#180A00
• notificationLink.foreground#FF6B00
• notifications.background#150800
• notifications.border#FF6B0044
• notifications.foreground#FFF0E0
• notificationsErrorIcon.foreground#FF4466
• notificationsInfoIcon.foreground#FFAA55
• notificationsWarningIcon.foreground#FFD700
• notificationToast.border#FF6B0044
• panel.background#140600
• panel.border#3A2010
• panelTitle.activeBorder#FF6B00
• panelTitle.activeForeground#FF6B00
• panelTitle.inactiveForeground#7A4A20
• peekView.border#FF6B00
• peekViewEditor.background#150800
• peekViewEditor.matchHighlightBackground#FF6B0030
• peekViewEditorGutter.background#150800
• peekViewResult.background#180A00
• peekViewResult.fileForeground#FFF0E0
• peekViewResult.lineForeground#EFD8C0
• peekViewResult.matchHighlightBackground#FF6B0025
• peekViewResult.selectionBackground#FF6B0022
• peekViewResult.selectionForeground#FF6B00
• peekViewTitle.background#180A00
• peekViewTitleDescription.foreground#FFAA55
• peekViewTitleLabel.foreground#FF6B00
• pickerGroup.border#3A2010
• pickerGroup.foreground#FF6B00
• progressBar.background#FF6B00
• scrollbar.shadow#00000066
• scrollbarSlider.activeBackground#FF6B0066
• scrollbarSlider.background#FF6B0022
• scrollbarSlider.hoverBackground#FF6B0044
• selection.background#FF6B0033
• settings.headerForeground#FF6B00
• settings.modifiedItemIndicator#FF6B00
• sideBar.background#150800
• sideBar.border#3A2010
• sideBar.foreground#EFD8C0
• sideBarSectionHeader.background#180A00
• sideBarSectionHeader.border#3A2010
• sideBarSectionHeader.foreground#FFAA55
• sideBarTitle.foreground#FF6B00
• statusBar.background#FF6B00
• statusBar.border#CC5500
• statusBar.debuggingBackground#00CFFF
• statusBar.debuggingForeground#180A00
• statusBar.foreground#180A00
• statusBar.noFolderBackground#993500
• statusBar.noFolderForeground#FFF0E0
• statusBarItem.activeBackground#FF6B0044
• statusBarItem.errorBackground#FF4466
• statusBarItem.errorForeground#000000
• statusBarItem.hoverBackground#CC5500
• statusBarItem.remoteBackground#993500
• statusBarItem.remoteForeground#FFF0E0
• tab.activeBackground#1F0D00
• tab.activeBorder#00000000
• tab.activeBorderTop#FF6B00
• tab.activeForeground#FF6B00
• tab.border#3A2010
• tab.hoverBackground#FF6B0015
• tab.hoverBorder#FF6B0055
• tab.inactiveBackground#180A00
• tab.inactiveForeground#7A4A20
• tab.unfocusedActiveBackground#1F0D00
• tab.unfocusedActiveForeground#FFAA55
• tab.unfocusedInactiveBackground#180A00
• tab.unfocusedInactiveForeground#4A2A14
• terminal.ansiBlack#1C0800
• terminal.ansiBlue#00CFFF
• terminal.ansiBrightBlack#5A3018
• terminal.ansiBrightBlue#55DDFF
• terminal.ansiBrightCyan#22FFFF
• terminal.ansiBrightGreen#5BFF36
• terminal.ansiBrightMagenta#FF22CC
• terminal.ansiBrightRed#FF6688
• terminal.ansiBrightWhite#FFF0E0
• terminal.ansiBrightYellow#FFE566
• terminal.ansiCyan#00FFE5
• terminal.ansiGreen#39FF14
• terminal.ansiMagenta#FF00AA
• terminal.ansiRed#FF4466
• terminal.ansiWhite#EFD8C0
• terminal.ansiYellow#FFD700
• terminal.background#140600
• terminal.border#3A2010
• terminal.foreground#EFD8C0
• terminal.selectionBackground#FF6B0033
• terminalCursor.foreground#FF6B00
• textBlockQuote.background#1F0D00
• textBlockQuote.border#FF6B00
• textCodeBlock.background#150800
• textLink.activeForeground#FFAA55
• textLink.foreground#FF6B00
• textSeparator.foreground#3A2010
• titleBar.activeBackground#180A00
• titleBar.activeForeground#FFF0E0
• titleBar.border#3A2010
• titleBar.inactiveBackground#180A00
• titleBar.inactiveForeground#7A4A20
• widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).