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#39FF1415
• activityBar.activeBorder#39FF14
• activityBar.background#011A00
• activityBar.border#1A4A10
• activityBar.foreground#39FF14
• activityBar.inactiveForeground#3A7A20
• activityBarBadge.background#39FF14
• activityBarBadge.foreground#011A00
• badge.background#39FF14
• badge.foreground#011A00
• breadcrumb.activeSelectionForeground#39FF14
• breadcrumb.background#021F00
• breadcrumb.focusForeground#39FF14
• breadcrumb.foreground#3A7A20
• breadcrumbPicker.background#011700
• button.background#1A8800
• button.foreground#E8FFE0
• button.hoverBackground#22AA00
• button.secondaryBackground#1A4A10
• button.secondaryForeground#E8FFE0
• button.secondaryHoverBackground#1E5514
• checkbox.background#011700
• checkbox.border#1A4A10
• debugToolBar.background#011700
• debugToolBar.border#1A4A10
• descriptionForeground#88AA80
• diffEditor.insertedLineBackground#39FF1412
• diffEditor.insertedTextBackground#39FF1418
• diffEditor.removedLineBackground#FF446612
• diffEditor.removedTextBackground#FF446618
• diffEditorGutter.insertedLineBackground#39FF1430
• diffEditorGutter.removedLineBackground#FF446630
• disabledForeground#3A7A2080
• dropdown.background#011700
• dropdown.border#1A4A10
• dropdown.foreground#E8FFE0
• editor.background#021F00
• editor.findMatchBackground#FF00AA40
• editor.findMatchHighlightBackground#FF00AA22
• editor.foreground#E8FFE0
• editor.inactiveSelectionBackground#39FF1420
• editor.lineHighlightBackground#39FF1412
• editor.lineHighlightBorder#39FF1400
• editor.rangeHighlightBackground#39FF1412
• editor.selectionBackground#39FF1430
• editor.selectionHighlightBackground#39FF1418
• editor.wordHighlightBackground#39FF1420
• editor.wordHighlightStrongBackground#39FF1430
• editorBracketMatch.background#39FF1425
• editorBracketMatch.border#39FF14AA
• editorCodeLens.foreground#3A7A20
• editorCursor.background#021F00
• editorCursor.foreground#39FF14
• editorError.foreground#FF4466
• editorGroup.border#1A4A10
• editorGroup.dropBackground#39FF1422
• editorGroupHeader.noTabsBackground#011A00
• editorGroupHeader.tabsBackground#011A00
• editorGroupHeader.tabsBorder#1A4A10
• editorGutter.addedBackground#39FF14
• editorGutter.background#021F00
• editorGutter.deletedBackground#FF4466
• editorGutter.modifiedBackground#90FF6A
• editorHint.foreground#39FF1488
• editorHoverWidget.background#011700
• editorHoverWidget.border#39FF1444
• editorIndentGuide.activeBackground1#39FF1455
• editorIndentGuide.background1#1A4A10
• editorInfo.foreground#90FF6A
• editorLineNumber.activeForeground#39FF14
• editorLineNumber.foreground#255A1A
• editorOverviewRuler.addedForeground#39FF14
• editorOverviewRuler.border#1A4A10
• editorOverviewRuler.deletedForeground#FF4466
• editorOverviewRuler.errorForeground#FF4466
• editorOverviewRuler.findMatchForeground#FFD70088
• editorOverviewRuler.infoForeground#90FF6A
• editorOverviewRuler.modifiedForeground#90FF6A
• editorOverviewRuler.selectionHighlightForeground#39FF1455
• editorOverviewRuler.warningForeground#FFD700
• editorOverviewRuler.wordHighlightForeground#39FF1444
• editorRuler.foreground#1A4A10
• editorSuggestWidget.background#011700
• editorSuggestWidget.border#39FF1444
• editorSuggestWidget.foreground#E8FFE0
• editorSuggestWidget.highlightForeground#39FF14
• editorSuggestWidget.selectedBackground#39FF1422
• editorWarning.foreground#FFD700
• editorWhitespace.foreground#1A4A10
• editorWidget.background#011700
• editorWidget.border#39FF1444
• editorWidget.foreground#E8FFE0
• errorForeground#FF4466
• extensionButton.prominentBackground#39FF14
• extensionButton.prominentForeground#011A00
• extensionButton.prominentHoverBackground#90FF6A
• focusBorder#39FF1488
• foreground#E8FFE0
• gitDecoration.addedResourceForeground#39FF14
• gitDecoration.conflictingResourceForeground#FFD700
• gitDecoration.deletedResourceForeground#FF4466
• gitDecoration.ignoredResourceForeground#255A1A
• gitDecoration.modifiedResourceForeground#90FF6A
• gitDecoration.submoduleResourceForeground#90FF6A
• gitDecoration.untrackedResourceForeground#90FF6A
• icon.foreground#90FF6A
• input.background#011700
• input.border#1A4A10
• input.foreground#E8FFE0
• input.placeholderForeground#3A7A20
• inputOption.activeBackground#39FF1422
• inputOption.activeBorder#39FF14
• inputValidation.errorBackground#2A000A
• inputValidation.errorBorder#FF4466
• inputValidation.infoBackground#011A00
• inputValidation.infoBorder#39FF14
• inputValidation.warningBackground#2A1000
• inputValidation.warningBorder#FFD700
• list.activeSelectionBackground#39FF1422
• list.activeSelectionForeground#39FF14
• list.dropBackground#39FF1422
• list.errorForeground#FF4466
• list.focusBackground#39FF1422
• list.focusForeground#39FF14
• list.highlightForeground#39FF14
• list.hoverBackground#39FF1415
• list.hoverForeground#E8FFE0
• list.inactiveSelectionBackground#39FF1415
• list.inactiveSelectionForeground#E8FFE0
• list.warningForeground#FFD700
• menu.background#011700
• menu.border#1A4A10
• menu.foreground#E8FFE0
• menu.selectionBackground#39FF1422
• menu.selectionForeground#39FF14
• menu.separatorBackground#1A4A10
• menubar.selectionBackground#39FF1422
• menubar.selectionForeground#39FF14
• minimap.background#021F00
• minimap.errorHighlight#FF4466
• minimap.findMatchHighlight#FFD70066
• minimap.selectionHighlight#39FF1444
• minimapGutter.addedBackground#39FF14
• minimapGutter.deletedBackground#FF4466
• minimapGutter.modifiedBackground#39FF14
• notificationCenterHeader.background#011A00
• notificationLink.foreground#39FF14
• notifications.background#011700
• notifications.border#39FF1444
• notifications.foreground#E8FFE0
• notificationsErrorIcon.foreground#FF4466
• notificationsInfoIcon.foreground#90FF6A
• notificationsWarningIcon.foreground#FFD700
• notificationToast.border#39FF1444
• panel.background#011500
• panel.border#1A4A10
• panelTitle.activeBorder#39FF14
• panelTitle.activeForeground#39FF14
• panelTitle.inactiveForeground#3A7A20
• peekView.border#39FF14
• peekViewEditor.background#011700
• peekViewEditor.matchHighlightBackground#39FF1430
• peekViewEditorGutter.background#011700
• peekViewResult.background#011A00
• peekViewResult.fileForeground#E8FFE0
• peekViewResult.lineForeground#C8EFBA
• peekViewResult.matchHighlightBackground#39FF1425
• peekViewResult.selectionBackground#39FF1422
• peekViewResult.selectionForeground#39FF14
• peekViewTitle.background#011A00
• peekViewTitleDescription.foreground#90FF6A
• peekViewTitleLabel.foreground#39FF14
• pickerGroup.border#1A4A10
• pickerGroup.foreground#39FF14
• progressBar.background#39FF14
• scrollbar.shadow#00000066
• scrollbarSlider.activeBackground#39FF1466
• scrollbarSlider.background#39FF1422
• scrollbarSlider.hoverBackground#39FF1444
• selection.background#39FF1433
• settings.headerForeground#39FF14
• settings.modifiedItemIndicator#39FF14
• sideBar.background#011700
• sideBar.border#1A4A10
• sideBar.foreground#C8EFBA
• sideBarSectionHeader.background#011A00
• sideBarSectionHeader.border#1A4A10
• sideBarSectionHeader.foreground#90FF6A
• sideBarTitle.foreground#39FF14
• statusBar.background#39FF14
• statusBar.border#22CC00
• statusBar.debuggingBackground#FF00AA
• statusBar.debuggingForeground#E8FFE0
• statusBar.foreground#011A00
• statusBar.noFolderBackground#1A8800
• statusBar.noFolderForeground#E8FFE0
• statusBarItem.activeBackground#39FF1444
• statusBarItem.errorBackground#FF4466
• statusBarItem.errorForeground#000000
• statusBarItem.hoverBackground#22CC00
• statusBarItem.remoteBackground#1A8800
• statusBarItem.remoteForeground#E8FFE0
• tab.activeBackground#021F00
• tab.activeBorder#00000000
• tab.activeBorderTop#39FF14
• tab.activeForeground#39FF14
• tab.border#1A4A10
• tab.hoverBackground#39FF1415
• tab.hoverBorder#39FF1455
• tab.inactiveBackground#011A00
• tab.inactiveForeground#3A7A20
• tab.unfocusedActiveBackground#021F00
• tab.unfocusedActiveForeground#90FF6A
• tab.unfocusedInactiveBackground#011A00
• tab.unfocusedInactiveForeground#254A18
• terminal.ansiBlack#051800
• terminal.ansiBlue#00AAFF
• terminal.ansiBrightBlack#255A1A
• terminal.ansiBrightBlue#22CCFF
• terminal.ansiBrightCyan#22FFFF
• terminal.ansiBrightGreen#90FF6A
• terminal.ansiBrightMagenta#FF55CC
• terminal.ansiBrightRed#FF6688
• terminal.ansiBrightWhite#E8FFE0
• terminal.ansiBrightYellow#FFF922
• terminal.ansiCyan#00FFE5
• terminal.ansiGreen#39FF14
• terminal.ansiMagenta#FF00AA
• terminal.ansiRed#FF4466
• terminal.ansiWhite#C8EFBA
• terminal.ansiYellow#FFD700
• terminal.background#011500
• terminal.border#1A4A10
• terminal.foreground#C8EFBA
• terminal.selectionBackground#39FF1433
• terminalCursor.foreground#39FF14
• textBlockQuote.background#021F00
• textBlockQuote.border#39FF14
• textCodeBlock.background#011700
• textLink.activeForeground#90FF6A
• textLink.foreground#39FF14
• textSeparator.foreground#1A4A10
• titleBar.activeBackground#011A00
• titleBar.activeForeground#E8FFE0
• titleBar.border#1A4A10
• titleBar.inactiveBackground#011A00
• titleBar.inactiveForeground#3A7A20
• widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).