Monokai HC extreme
Publisher: ZibroThemes in package: 2
Monokai code theme joined with github high contrast editor theme
Color themes
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#ff967d
- activityBar.background#0a0c10
- activityBar.border#7a828e
- activityBar.foreground#f0f3f6
- activityBar.inactiveForeground#f0f3f6
- activityBarBadge.background#409eff
- activityBarBadge.foreground#0a0c10
- badge.background#409eff
- badge.foreground#0a0c10
- breadcrumb.activeSelectionForeground#f0f3f6
- breadcrumb.focusForeground#f0f3f6
- breadcrumb.foreground#f0f3f6
- breadcrumbPicker.background#272b33
- button.background#09b43a
- button.foreground#0a0c10
- button.hoverBackground#26cd4d
- button.secondaryBackground#4c525d
- button.secondaryForeground#f0f3f6
- button.secondaryHoverBackground#525964
- checkbox.background#272b33
- checkbox.border#7a828e
- debugConsole.errorForeground#ffb1af
- debugConsole.infoForeground#bdc4cc
- debugConsole.sourceForeground#f7c843
- debugConsole.warningForeground#f0b72f
- debugConsoleInputIcon.foreground#cb9eff
- debugIcon.breakpointForeground#ff6a69
- debugTokenExpression.boolean#4ae168
- debugTokenExpression.error#ffb1af
- debugTokenExpression.name#91cbff
- debugTokenExpression.number#4ae168
- debugTokenExpression.string#addcff
- debugTokenExpression.value#addcff
- debugToolBar.background#272b33
- descriptionForeground#f0f3f6
- diffEditor.insertedLineBackground#09b43a33
- diffEditor.insertedTextBackground#09b43a4d
- diffEditor.removedLineBackground#ff6a6933
- diffEditor.removedTextBackground#ff6a694d
- dropdown.background#272b33
- dropdown.border#7a828e
- dropdown.foreground#f0f3f6
- dropdown.listBackground#272b33
- editor.background#0a0c10
- editor.findMatchBackground#e09b13
- editor.findMatchHighlightBackground#fbd66980
- editor.focusedStackFrameHighlightBackground#09b43a
- editor.foldBackground#9ea7b31a
- editor.foreground#f0f3f6
- editor.inactiveSelectionBackground#9ea7b3
- editor.lineHighlightBackground#9ea7b31a
- editor.lineHighlightBorder#71b7ff
- editor.linkedEditingBackground#71b7ff12
- editor.selectionBackground#ffffff
- editor.selectionForeground#0a0c10
- editor.selectionHighlightBackground#26cd4d40
- editor.stackFrameHighlightBackground#e09b13
- editor.wordHighlightBackground#9ea7b380
- editor.wordHighlightBorder#9ea7b399
- editor.wordHighlightStrongBackground#9ea7b34d
- editor.wordHighlightStrongBorder#9ea7b399
- editorBracketHighlight.foreground1#91cbff
- editorBracketHighlight.foreground2#4ae168
- editorBracketHighlight.foreground3#f7c843
- editorBracketHighlight.foreground4#ffb1af
- editorBracketHighlight.foreground5#ffadd4
- editorBracketHighlight.foreground6#dbb7ff
- editorBracketHighlight.unexpectedBracket.foreground#f0f3f6
- editorBracketMatch.background#26cd4d40
- editorBracketMatch.border#26cd4d99
- editorCursor.foreground#71b7ff
- editorGroup.border#7a828e
- editorGroupHeader.tabsBackground#010409
- editorGroupHeader.tabsBorder#7a828e
- editorGutter.addedBackground#09b43a
- editorGutter.deletedBackground#ff6a69
- editorGutter.modifiedBackground#e09b13
- editorIndentGuide.activeBackground#f0f3f63d
- editorIndentGuide.background#f0f3f61f
- editorInlayHint.background#bdc4cc33
- editorInlayHint.foreground#f0f3f6
- editorInlayHint.typeBackground#bdc4cc33
- editorInlayHint.typeForeground#f0f3f6
- editorLineNumber.activeForeground#f0f3f6
- editorLineNumber.foreground#9ea7b3
- editorOverviewRuler.border#010409
- editorWhitespace.foreground#7a828e
- editorWidget.background#272b33
- errorForeground#ff6a69
- focusBorder#409eff
- foreground#f0f3f6
- gitDecoration.addedResourceForeground#26cd4d
- gitDecoration.conflictingResourceForeground#e7811d
- gitDecoration.deletedResourceForeground#ff6a69
- gitDecoration.ignoredResourceForeground#7a828e
- gitDecoration.modifiedResourceForeground#f0b72f
- gitDecoration.submoduleResourceForeground#f0f3f6
- gitDecoration.untrackedResourceForeground#26cd4d
- icon.foreground#f0f3f6
- input.background#0a0c10
- input.border#7a828e
- input.foreground#f0f3f6
- input.placeholderForeground#7a828e
- keybindingLabel.foreground#f0f3f6
- list.activeSelectionBackground#9ea7b366
- list.activeSelectionForeground#f0f3f6
- list.focusBackground#409eff26
- list.focusForeground#f0f3f6
- list.highlightForeground#71b7ff
- list.hoverBackground#9ea7b31a
- list.hoverForeground#f0f3f6
- list.inactiveFocusBackground#409eff26
- list.inactiveSelectionBackground#9ea7b366
- list.inactiveSelectionForeground#f0f3f6
- notificationCenterHeader.background#272b33
- notificationCenterHeader.foreground#f0f3f6
- notifications.background#272b33
- notifications.border#7a828e
- notifications.foreground#f0f3f6
- notificationsErrorIcon.foreground#ff6a69
- notificationsInfoIcon.foreground#71b7ff
- notificationsWarningIcon.foreground#f0b72f
- panel.background#010409
- panel.border#7a828e
- panelInput.border#7a828e
- panelTitle.activeBorder#ff967d
- panelTitle.activeForeground#f0f3f6
- panelTitle.inactiveForeground#f0f3f6
- peekViewEditor.background#9ea7b31a
- peekViewEditor.matchHighlightBackground#e09b13
- peekViewResult.background#0a0c10
- peekViewResult.matchHighlightBackground#e09b13
- pickerGroup.border#7a828e
- pickerGroup.foreground#f0f3f6
- progressBar.background#409eff
- quickInput.background#272b33
- quickInput.foreground#f0f3f6
- scrollbar.shadow#7a828e33
- scrollbarSlider.activeBackground#9ea7b387
- scrollbarSlider.background#9ea7b333
- scrollbarSlider.hoverBackground#9ea7b345
- settings.headerForeground#f0f3f6
- settings.modifiedItemIndicator#e09b13
- sideBar.background#010409
- sideBar.border#7a828e
- sideBar.foreground#f0f3f6
- sideBarSectionHeader.background#010409
- sideBarSectionHeader.border#7a828e
- sideBarSectionHeader.foreground#f0f3f6
- sideBarTitle.foreground#f0f3f6
- statusBar.background#0a0c10
- statusBar.border#7a828e
- statusBar.debuggingBackground#ff6a69
- statusBar.debuggingForeground#0a0c10
- statusBar.focusBorder#409eff80
- statusBar.foreground#f0f3f6
- statusBar.noFolderBackground#0a0c10
- statusBarItem.activeBackground#f0f3f61f
- statusBarItem.focusBorder#409eff
- statusBarItem.hoverBackground#f0f3f614
- statusBarItem.prominentBackground#9ea7b366
- statusBarItem.remoteBackground#525964
- statusBarItem.remoteForeground#f0f3f6
- symbolIcon.arrayForeground#fe9a2d
- symbolIcon.booleanForeground#71b7ff
- symbolIcon.classForeground#fe9a2d
- symbolIcon.colorForeground#91cbff
- symbolIcon.constructorForeground#dbb7ff
- symbolIcon.enumeratorForeground#fe9a2d
- symbolIcon.enumeratorMemberForeground#71b7ff
- symbolIcon.eventForeground#9ea7b3
- symbolIcon.fieldForeground#fe9a2d
- symbolIcon.fileForeground#f0b72f
- symbolIcon.folderForeground#f0b72f
- symbolIcon.functionForeground#cb9eff
- symbolIcon.interfaceForeground#fe9a2d
- symbolIcon.keyForeground#71b7ff
- symbolIcon.keywordForeground#ff9492
- symbolIcon.methodForeground#cb9eff
- symbolIcon.moduleForeground#ff9492
- symbolIcon.namespaceForeground#ff9492
- symbolIcon.nullForeground#71b7ff
- symbolIcon.numberForeground#26cd4d
- symbolIcon.objectForeground#fe9a2d
- symbolIcon.operatorForeground#91cbff
- symbolIcon.packageForeground#fe9a2d
- symbolIcon.propertyForeground#fe9a2d
- symbolIcon.referenceForeground#71b7ff
- symbolIcon.snippetForeground#71b7ff
- symbolIcon.stringForeground#91cbff
- symbolIcon.structForeground#fe9a2d
- symbolIcon.textForeground#91cbff
- symbolIcon.typeParameterForeground#91cbff
- symbolIcon.unitForeground#71b7ff
- symbolIcon.variableForeground#fe9a2d
- tab.activeBackground#0a0c10
- tab.activeBorder#0a0c10
- tab.activeBorderTop#ff967d
- tab.activeForeground#f0f3f6
- tab.border#7a828e
- tab.hoverBackground#0a0c10
- tab.inactiveBackground#010409
- tab.inactiveForeground#f0f3f6
- tab.unfocusedActiveBorder#0a0c10
- tab.unfocusedActiveBorderTop#7a828e
- tab.unfocusedHoverBackground#9ea7b31a
- terminal.ansiBlack#7a828e
- terminal.ansiBlue#71b7ff
- terminal.ansiBrightBlack#9ea7b3
- terminal.ansiBrightBlue#91cbff
- terminal.ansiBrightCyan#56d4dd
- terminal.ansiBrightGreen#4ae168
- terminal.ansiBrightMagenta#dbb7ff
- terminal.ansiBrightRed#ffb1af
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f7c843
- terminal.ansiCyan#39c5cf
- terminal.ansiGreen#26cd4d
- terminal.ansiMagenta#cb9eff
- terminal.ansiRed#ff9492
- terminal.ansiWhite#d9dee3
- terminal.ansiYellow#f0b72f
- terminal.foreground#f0f3f6
- textBlockQuote.background#010409
- textBlockQuote.border#7a828e
- textCodeBlock.background#9ea7b366
- textLink.activeForeground#71b7ff
- textLink.foreground#71b7ff
- textPreformat.foreground#000000
- textSeparator.foreground#7a828e
- titleBar.activeBackground#0a0c10
- titleBar.activeForeground#f0f3f6
- titleBar.border#7a828e
- titleBar.inactiveBackground#010409
- titleBar.inactiveForeground#f0f3f6
- tree.indentGuidesStroke#7a828e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #FD971F | — |
| string | #E6DB74 | — |
| constant.numeric | #AE81FF | — |
| constant.language | #AE81FF | — |
| constant.character, constant.other | #AE81FF | — |
| variable | — | |
| keyword | #F92672 | bold |
| storage | #F92672 | bold |
| storage.type | #66D9EF | italic |
| entity.name.class | #A6E22E | underline |
| entity.other.inherited-class | #A6E22E | italic underline |
| entity.name.function | #A6E22E | |
| variable.parameter | #FD971F | italic |
| entity.name.tag | #F92672 | bold |
| entity.other.attribute-name | #A6E22E | |
| support.function | #66D9EF | |
| support.constant | #66D9EF | |
| support.type, support.class | #66D9EF | italic |
| support.other.variable | — | |
| invalid | #F8F8F0 | bold |
| invalid.deprecated | #F8F8F0 | — |
| meta.structure.dictionary.json, string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #F92672 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #AE81FFA0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| variable.language | #A6E22E | — |
| heading.1.markdown | #A6E22E | bold |
| punctuation.definition.heading.markdown | #A6E22E | — |
| entity.name.section.markdown | #A6E22E | — |
| punctuation.definition.list.begin.markdown | #AE81FF | — |
| meta.image.inline.markdown | #E6DB74 | — |
| markup.bold.markdown | #FFFFFF | bold |
| markup.italic.markdown | #FFFFFF | italic |
| markup.inline.raw.string.markdown | #66D9EF | — |
| meta.separator.markdown | #8F8F8F | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #AE81FF | — |
| variable.other.object, punctuation.accessor, meta.brace.round, variable.other.readwrite, punctuation.separator.comma | #FFFFFF | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |