Monokai HC extreme

Color themes

• 

  Monokai HC extreme dark

• 

  Monokai HC extreme 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.activeBorder#ef5b48
• activityBar.background#ffffff
• activityBar.border#30363d
• activityBar.foreground#24292f
• activityBar.inactiveForeground#24292f
• activityBarBadge.background#0349b4
• activityBarBadge.foreground#ffffff
• badge.background#0349b4
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#24292f
• breadcrumb.focusForeground#24292f
• breadcrumb.foreground#24292f
• breadcrumbPicker.background#ffffff
• button.background#055d20
• button.foreground#ffffff
• button.hoverBackground#024c1a
• button.secondaryBackground#acb6c0
• button.secondaryForeground#24292f
• button.secondaryHoverBackground#ced5dc
• checkbox.background#e7ecf0
• checkbox.border#30363d
• debugConsole.errorForeground#a0111f
• debugConsole.infoForeground#4f5760
• debugConsole.sourceForeground#744500
• debugConsole.warningForeground#603700
• debugConsoleInputIcon.foreground#512598
• debugIcon.breakpointForeground#a0111f
• debugTokenExpression.boolean#024c1a
• debugTokenExpression.error#86061d
• debugTokenExpression.name#023b95
• debugTokenExpression.number#024c1a
• debugTokenExpression.string#032563
• debugTokenExpression.value#032563
• debugToolBar.background#ffffff
• descriptionForeground#24292f
• diffEditor.insertedLineBackground#82e5964d
• diffEditor.insertedTextBackground#43c66366
• diffEditor.removedLineBackground#ffc1bc4d
• diffEditor.removedTextBackground#ff8e8a66
• dropdown.background#ffffff
• dropdown.border#30363d
• dropdown.foreground#24292f
• dropdown.listBackground#ffffff
• editor.background#ffffff
• editor.findMatchBackground#744500
• editor.findMatchHighlightBackground#f0ce5380
• editor.focusedStackFrameHighlightBackground#26a148
• editor.foldBackground#67707a1a
• editor.foreground#24292f
• editor.inactiveSelectionBackground#67707a
• editor.lineHighlightBackground#e7ecf0
• editor.linkedEditingBackground#0349b412
• editor.selectionBackground#24292f
• editor.selectionForeground#ffffff
• editor.selectionHighlightBackground#26a14840
• editor.stackFrameHighlightBackground#b58407
• editor.wordHighlightBackground#e7ecf080
• editor.wordHighlightBorder#acb6c099
• editor.wordHighlightStrongBackground#acb6c04d
• editor.wordHighlightStrongBorder#acb6c099
• editorBracketHighlight.foreground1#0349b4
• editorBracketHighlight.foreground2#055d20
• editorBracketHighlight.foreground3#744500
• editorBracketHighlight.foreground4#a0111f
• editorBracketHighlight.foreground5#971368
• editorBracketHighlight.foreground6#622cbc
• editorBracketHighlight.unexpectedBracket.foreground#24292f
• editorBracketMatch.background#26a14840
• editorBracketMatch.border#26a14899
• editorCursor.foreground#0349b4
• editorGroup.border#30363d
• editorGroupHeader.tabsBackground#ffffff
• editorGroupHeader.tabsBorder#30363d
• editorGutter.addedBackground#26a148
• editorGutter.deletedBackground#ee5a5d
• editorGutter.modifiedBackground#b58407
• editorIndentGuide.activeBackground#24292f3d
• editorIndentGuide.background#24292f1f
• editorInlayHint.background#acb6c033
• editorInlayHint.foreground#24292f
• editorInlayHint.typeBackground#acb6c033
• editorInlayHint.typeForeground#24292f
• editorLineNumber.activeForeground#24292f
• editorLineNumber.foreground#88929d
• editorOverviewRuler.border#ffffff
• editorWhitespace.foreground#acb6c0
• editorWidget.background#ffffff
• errorForeground#a0111f
• focusBorder#0349b4
• foreground#24292f
• gitDecoration.addedResourceForeground#055d20
• gitDecoration.conflictingResourceForeground#873800
• gitDecoration.deletedResourceForeground#a0111f
• gitDecoration.ignoredResourceForeground#67707a
• gitDecoration.modifiedResourceForeground#744500
• gitDecoration.submoduleResourceForeground#24292f
• gitDecoration.untrackedResourceForeground#055d20
• icon.foreground#24292f
• input.background#ffffff
• input.border#30363d
• input.foreground#24292f
• input.placeholderForeground#67707a
• keybindingLabel.foreground#24292f
• list.activeSelectionBackground#acb6c033
• list.activeSelectionForeground#24292f
• list.focusBackground#dff7ff
• list.focusForeground#24292f
• list.highlightForeground#0349b4
• list.hoverBackground#e7ecf0
• list.hoverForeground#24292f
• list.inactiveFocusBackground#dff7ff
• list.inactiveSelectionBackground#acb6c033
• list.inactiveSelectionForeground#24292f
• notificationCenterHeader.background#e7ecf0
• notificationCenterHeader.foreground#24292f
• notifications.background#ffffff
• notifications.border#30363d
• notifications.foreground#24292f
• notificationsErrorIcon.foreground#a0111f
• notificationsInfoIcon.foreground#0349b4
• notificationsWarningIcon.foreground#744500
• panel.background#ffffff
• panel.border#30363d
• panelInput.border#30363d
• panelTitle.activeBorder#ef5b48
• panelTitle.activeForeground#24292f
• panelTitle.inactiveForeground#24292f
• pickerGroup.border#30363d
• pickerGroup.foreground#24292f
• progressBar.background#0349b4
• quickInput.background#ffffff
• quickInput.foreground#24292f
• scrollbar.shadow#67707a33
• scrollbarSlider.activeBackground#88929d87
• scrollbarSlider.background#88929d33
• scrollbarSlider.hoverBackground#88929d45
• settings.headerForeground#24292f
• settings.modifiedItemIndicator#b58407
• sideBar.background#ffffff
• sideBar.border#30363d
• sideBar.foreground#24292f
• sideBarSectionHeader.background#ffffff
• sideBarSectionHeader.border#30363d
• sideBarSectionHeader.foreground#24292f
• sideBarTitle.foreground#24292f
• statusBar.background#ffffff
• statusBar.border#30363d
• statusBar.debuggingBackground#a0111f
• statusBar.debuggingForeground#ffffff
• statusBar.focusBorder#0349b480
• statusBar.foreground#24292f
• statusBar.noFolderBackground#ffffff
• statusBarItem.activeBackground#24292f1f
• statusBarItem.focusBorder#0349b4
• statusBarItem.hoverBackground#24292f14
• statusBarItem.prominentBackground#acb6c033
• statusBarItem.remoteBackground#e7ecf0
• statusBarItem.remoteForeground#24292f
• symbolIcon.arrayForeground#702c00
• symbolIcon.booleanForeground#023b95
• symbolIcon.classForeground#702c00
• symbolIcon.colorForeground#032563
• symbolIcon.constantForeground#024c1a
• symbolIcon.constructorForeground#341763
• symbolIcon.enumeratorForeground#702c00
• symbolIcon.enumeratorMemberForeground#023b95
• symbolIcon.eventForeground#4f5760
• symbolIcon.fieldForeground#702c00
• symbolIcon.fileForeground#603700
• symbolIcon.folderForeground#603700
• symbolIcon.functionForeground#512598
• symbolIcon.interfaceForeground#702c00
• symbolIcon.keyForeground#023b95
• symbolIcon.keywordForeground#86061d
• symbolIcon.methodForeground#512598
• symbolIcon.moduleForeground#86061d
• symbolIcon.namespaceForeground#86061d
• symbolIcon.nullForeground#023b95
• symbolIcon.numberForeground#024c1a
• symbolIcon.objectForeground#702c00
• symbolIcon.operatorForeground#032563
• symbolIcon.packageForeground#702c00
• symbolIcon.propertyForeground#702c00
• symbolIcon.referenceForeground#023b95
• symbolIcon.snippetForeground#023b95
• symbolIcon.stringForeground#032563
• symbolIcon.structForeground#702c00
• symbolIcon.textForeground#032563
• symbolIcon.typeParameterForeground#032563
• symbolIcon.unitForeground#023b95
• symbolIcon.variableForeground#702c00
• tab.activeBackground#ffffff
• tab.activeBorder#ffffff
• tab.activeBorderTop#ef5b48
• tab.activeForeground#24292f
• tab.border#30363d
• tab.hoverBackground#ffffff
• tab.inactiveBackground#ffffff
• tab.inactiveForeground#24292f
• tab.unfocusedActiveBorder#ffffff
• tab.unfocusedActiveBorderTop#30363d
• tab.unfocusedHoverBackground#e7ecf0
• terminal.ansiBlack#24292f
• terminal.ansiBlue#0349b4
• terminal.ansiBrightBlack#4f5760
• terminal.ansiBrightBlue#1168e3
• terminal.ansiBrightCyan#3192aa
• terminal.ansiBrightGreen#055d20
• terminal.ansiBrightMagenta#844ae7
• terminal.ansiBrightRed#86061d
• terminal.ansiBrightWhite#88929d
• terminal.ansiBrightYellow#4e2c00
• terminal.ansiCyan#1b7c83
• terminal.ansiGreen#024c1a
• terminal.ansiMagenta#622cbc
• terminal.ansiRed#a0111f
• terminal.ansiWhite#67707a
• terminal.ansiYellow#3f2200
• terminal.foreground#24292f
• textBlockQuote.background#ffffff
• textBlockQuote.border#30363d
• textCodeBlock.background#acb6c033
• textLink.activeForeground#0349b4
• textLink.foreground#0349b4
• textPreformat.foreground#ffffff
• textSeparator.foreground#88929d
• titleBar.activeBackground#ffffff
• titleBar.activeForeground#24292f
• titleBar.border#30363d
• titleBar.inactiveBackground#ffffff
• titleBar.inactiveForeground#24292f
• tree.indentGuidesStroke#88929d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).