Zenburn Monolith Theme
Publisher: Nicola GranataThemes in package: 90
Zenburn token colors in different intensities and on different dark backgrounds to reduce eye strain.
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.activeBackground#080d12ff
- activityBar.activeBorder#9eaec0ff
- activityBar.activeFocusBorder#9eaec0ff
- activityBar.background#080d12ff
- activityBar.border#050a0fff
- activityBar.foreground#6690bbff
- activityBar.inactiveForeground#6690bb73
- activityBarBadge.background#5493d4e6
- activityBarBadge.foreground#000000ff
- badge.background#5493d4e6
- badge.foreground#000000ff
- breadcrumb.activeSelectionForeground#6690bbc0
- breadcrumb.background#141a20ff
- breadcrumb.focusForeground#6690bbff
- breadcrumb.foreground#6690bbc0
- button.background#10161cff
- button.foreground#e3ddd7ff
- button.hoverBackground#141a20ff
- descriptionForeground#e3ddd7ff
- dropdown.background#2a3036ff
- dropdown.border#0a0f16ff
- dropdown.foreground#acb2b8ff
- dropdown.listBackground#2a3036ff
- editor.background#0c1218ff
- editor.findMatchBackground#f5ecc224
- editor.findMatchHighlightBackground#f5ecc248
- editor.findRangeHighlightBackground#9596e92a
- editor.foreground#667484ff
- editor.lineHighlightBackground#46546426
- editor.selectionBackground#6690bb4c
- editor.selectionHighlightBackground#6690bb57
- editor.selectionHighlightBorder#6690bb4c
- editor.wordHighlightStrongBackground#6690bb57
- editor.wordHighlightStrongBorder#6690bbc0
- editorBracketMatch.background#e83c6873
- editorBracketMatch.border#e83c6873
- editorError.foreground#e8183cff
- editorGroup.border#050a0fff
- editorGroupHeader.border#050a0fff
- editorGroupHeader.noTabsBackground#10161cff
- editorGroupHeader.tabsBackground#10161cff
- editorGroupHeader.tabsBorder#6690bb73
- editorGutter.background#0c1218ff
- editorGutter.modifiedBackground#6690bbff
- editorHoverWidget.border#263444ff
- editorIndentGuide.activeBackground#6690bb57
- editorIndentGuide.background#141a20ff
- editorLineNumber.activeForeground#9eaec0ff
- editorLineNumber.foreground#9eaec066
- editorOverviewRuler.errorForeground#e8183cff
- editorOverviewRuler.findMatchForeground#6690bb4c
- editorOverviewRuler.warningForeground#bc844a90
- editorOverviewRuler.wordHighlightForeground#6690bb57
- editorPane.background#090e14ff
- editorSuggestWidget.background#0c1218ff
- editorSuggestWidget.border#263444ff
- editorSuggestWidget.selectedBackground#1c2228ff
- editorUnnecessaryCode.border#0c121899
- editorUnnecessaryCode.opacity#0c121899
- editorWidget.background#10161cff
- editorWidget.border#6690bbff
- editorWidget.foreground#6690bbff
- errorForeground#6690bbff
- focusBorder#263444ff
- foreground#667484ff
- gitDecoration.untrackedResourceForeground#93b03eff
- icon.foreground#6690bbff
- input.background#1c2228ff
- input.border#0c1218ff
- input.foreground#9eaec0ff
- input.placeholderForeground#7e8ea066
- inputOption.activeBackground#5e88b348
- inputOption.activeBorder#5e88b35a
- list.activeSelectionBackground#6690bb32
- list.activeSelectionForeground#ecbd80ff
- list.dropBackground#2a3036ff
- list.errorForeground#e9517dff
- list.focusBackground#6690bb32
- list.focusForeground#6690bbc0
- list.highlightForeground#5e88b399
- list.hoverBackground#46719b32
- list.hoverForeground#6690bbc0
- list.inactiveSelectionBackground#46719b32
- list.inactiveSelectionForeground#c7a06cff
- list.invalidItemForeground#e68feeff
- list.warningForeground#eeb57cff
- listFilterWidget.outline#050a0fff
- menu.background#181e24ff
- menu.border#181e24ff
- menu.foreground#6e8fafc0
- menu.selectionBackground#6690bb26
- menu.selectionBorder#6690bb26
- menu.selectionForeground#6690bbc0
- menu.separatorBackground#6690bb99
- menubar.selectionBackground#6690bb26
- menubar.selectionBorder#6690bb26
- menubar.selectionForeground#6e8fafc0
- minimap.background#0c1218ff
- minimap.errorHighlight#e8183c90
- minimap.selectionHighlight#6690bb4c
- minimap.warningHighlight#bc844a90
- notificationCenter.border#0c1218ff
- notificationCenterHeader.background#141a20ff
- notificationCenterHeader.foreground#667484ff
- notificationLink.foreground#5e88b3ff
- notifications.background#141a20ff
- notifications.border#6690bbff
- notifications.foreground#667484ff
- notificationsErrorIcon.foreground#e8183c90
- notificationsInfoIcon.foreground#6690bbff
- notificationsWarningIcon.foreground#bc844a90
- notificationToast.border#6690bbff
- panel.background#0a0f16ff
- panel.border#66748426
- panelTitle.activeBorder#6690bbc0
- panelTitle.activeForeground#6690bbc0
- panelTitle.inactiveForeground#6690bb73
- pickerGroup.foreground#ecbd80ff
- progressBar.background#141a20ff
- quickInput.foreground#667484ff
- scrollbar.shadow#000309ff
- scrollbarSlider.activeBackground#6690bb99
- scrollbarSlider.background#6690bb4c
- scrollbarSlider.hoverBackground#6690bb4c
- selection.background#6690bb4c
- settings.checkboxBackground#1c2228ff
- settings.checkboxBorder#0c1218ff
- settings.dropdownBorder#0c1218ff
- settings.dropdownListBorder#0c1218ff
- settings.headerForeground#6690bbff
- settings.modifiedItemIndicator#6690bb73
- settings.numberInputBorder#0c1218ff
- settings.textInputBorder#0c1218ff
- sideBar.background#0c1218ff
- sideBar.border#050a0fff
- sideBar.dropBackground#6690bb73
- sideBar.foreground#667484ff
- sideBarSectionHeader.background#0c1218ff
- sideBarSectionHeader.border#66748426
- sideBarSectionHeader.foreground#6690bbc0
- sideBarTitle.foreground#6690bbc0
- statusBar.background#10161cff
- statusBar.border#66748426
- statusBar.debuggingBackground#5493d4e6
- statusBar.debuggingForeground#000000c0
- statusBar.foreground#6690bbc0
- statusBar.noFolderBackground#6690bb99
- statusBar.noFolderForeground#f7f7f7ff
- statusBarItem.activeBackground#6690bb99
- statusBarItem.hoverBackground#6690bb4c
- statusBarItem.prominentBackground#6690bb99
- statusBarItem.prominentHoverBackground#6690bb4c
- statusBarItem.remoteBackground#10161cff
- statusBarItem.remoteForeground#6690bbff
- tab.activeBackground#141a20ff
- tab.activeBorder#141a20ff
- tab.activeBorderTop#6690bbff
- tab.activeForeground#9eaec0ff
- tab.activeModifiedBorder#6690bbff
- tab.border#050a0fff
- tab.hoverBackground#6690bb13
- tab.hoverBorder#6690bb99
- tab.hoverForeground#6690bbc0
- tab.inactiveBackground#10161cff
- tab.inactiveForeground#9eaec073
- tab.inactiveModifiedBorder#6690bb99
- tab.lastPinnedBorder#6690bb4c
- tab.unfocusedActiveBorder#141a20ff
- tab.unfocusedActiveBorderTop#6690bb99
- tab.unfocusedActiveForeground#9eaec0c0
- tab.unfocusedActiveModifiedBorder#6690bb99
- tab.unfocusedHoverForeground#6690bb73
- tab.unfocusedInactiveBackground#10161cff
- tab.unfocusedInactiveForeground#9eaec0c0
- tab.unfocusedInactiveModifiedBorder#6690bbc0
- terminal.ansiBlack#373737ff
- terminal.ansiBlue#7badb1ff
- terminal.ansiBrightBlack#474747ff
- terminal.ansiBrightBlue#7badb1ff
- terminal.ansiBrightCyan#94d5d7ff
- terminal.ansiBrightGreen#5a755aff
- terminal.ansiBrightMagenta#cd89b8ff
- terminal.ansiBrightRed#ce9e9eff
- terminal.ansiBrightWhite#f7f7f7ff
- terminal.ansiBrightYellow#d5c79fff
- terminal.ansiCyan#94d5d7ff
- terminal.ansiGreen#5a755aff
- terminal.ansiMagenta#cd89b8ff
- terminal.ansiRed#ce9e9eff
- terminal.ansiWhite#d3d3c6ff
- terminal.ansiYellow#d5c79fff
- terminal.background#0c1218ff
- terminal.border#050a0fff
- terminal.foreground#667484ff
- terminal.selectionBackground#6690bb4c
- terminalCursor.foreground#667484ff
- textBlockQuote.border#6690bb99
- textCodeBlock.background#6690bb99
- textLink.activeForeground#7da8d3ff
- textLink.foreground#5e88b3ff
- textSeparator.foreground#6690bb99
- titleBar.activeBackground#090e14ff
- titleBar.activeForeground#6690bbc0
- titleBar.border#050a0fff
- titleBar.inactiveBackground#11161cff
- titleBar.inactiveForeground#819fbe99
- welcomePage.background#0c1218ff
- welcomePage.buttonBackground#10161cff
- welcomePage.buttonHoverBackground#141a20ff
- welcomePage.progress.foreground#6690bbff
- window.activeBorder#6690bb73
- window.inactiveBorder#819fbe99
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #8db78ced | — |
| meta.preprocessor, punctuation.definition.preprocessor | #f3c396ed | — |
| keyword.other.phpdoc | #5b9851ed | — |
| punctuation.definition.comment, punctuation.whitespace.comment | #a6d8a7ed | — |
| punctuation.section.embedded | #919191ed | — |
| source.ruby.embedded | #d79b9ced | — |
| keyword.other.directive | #e6e6e6ed | — |
| keyword.other.directive.line-number | — | — |
| string, string.unquoted | #e28c8ced | — |
| string.unquoted.heredoc | #dededeed | — |
| support.constant.numeric, constant.numeric | #8be0dfed | — |
| constant, support.constant | #dfdfb4ed | — |
| constant.character, constant.other | #d79b9ced | — |
| variable.other.constant | #dfdfb4ed | — |
| keyword, keyword.control, meta.selector.css, entity.other.attribute-name | #f3deb4ed | — |
| variable.other.readwrite.instance | #f3deb4ed | — |
| entity.name.module, support.other.module | #f38600ed | — |
| keyword.operator | #f3f3f3ed | — |
| keyword.operator.symbol.infix.floating-point | — | — |
| source.ocaml, keyword.operator.symbol.prefix.floating-point | — | — |
| storage.type, storage.modifier, support.type | #f3f39fed | — |
| entity.name.class.variant | #4489aced | — |
| entity.other | #dededeed | — |
| entity.other.inherited-class | #e39418ed | — |
| storage.type.user-defined, meta.property-list | #f3e900ed | — |
| entity.name.type, entity.name.type.class, entity.other.attribute-name.class.css, support.class, entity.name.class | #f3a71ced | — |
| invalid | #f3d3f3ed | — |
| entity.other.attribute-name.html | #dfe0b5ed | — |
| entity.name.tag | #dfe0b5ed | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #919191ed | — |
| support.function.construct | #f3deb4ed | — |
| punctuation.definition.variable | #f3deb4ed | — |
| meta.function-name, entity.name.function | #f3f388ed | — |
| support.function | #d1c213ed | — |
| meta.brace | #7ad8d6ed | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #dededeed | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.tag.structure.any.html | #f3dcb2ed | — |
| entity.name.tag.yaml | #f3deb4ed | — |
| punctuation.definition.entry | #dededeed | — |
| keyword.other.DML.sql, keyword.other.data-integrity.sql | #bfbfbfed | — |
| source.sql, constant.other.database-name.sql, constant.other.table-name.sql, keyword.operator.star | #9bc7f3ed | — |
| source.diff, meta.diff.comment, meta.toc-list.comment.diff | #f3f3f3ed | — |
| meta.diff.header.from-file | #d67678ed | — |
| meta.diff.header.to-file | #64bd91ed | — |
| meta.diff.range.unified | #90d9dded | — |
| markup.inserted.diff | #64bd91ed | — |
| markup.deleted.diff | #d67678ed | — |
| string.regexp | #d47543ed | — |
| string.regexp.arbitrary-repitition | #a87165ed | — |
| punctuation.definition.arbitrary-repitition | #f3f3f3ed | — |
| string.regexp.character-class | #d79586ed | — |
| punctuation.definition.character-class | #f3f3f3ed | — |
| markup.raw.inline.markdown | #f3deb4ed | — |
| markup.heading.markdown, punctuation.definition.heading | #f3f3f3ed | — |
| markup.list | #e6e6e6ed | — |
| sublimelinter.mark.warning | #e8bf00ed | — |
| sublimelinter.gutter-mark | #f3f3f3ed | — |
| sublimelinter.mark.error | #e02200ed | — |
| doctype | #cfd6d4ed | — |
| entity | #cfd6d4ed | — |
| hyperlink | #5998aaed | — |
| invisibles | #f3f3f3ed | — |
| level0 | #294e29ed | — |
| level1 | #2a2a4fed | — |
| level10 | #466c6ced | — |
| level2 | #4e4e28ed | — |
| level3 | #4e2a4eed | — |
| level4 | #2a4e4eed | — |
| level5 | #6d4848ed | — |
| level6 | #476c47ed | — |
| level7 | #48486ded | — |
| level8 | #6c6c46ed | — |
| level9 | #6c486ced | — |
| markup | #dbdbdbed | — |
| match | #f3d465ed | — |
| meta | #c5b5a7ed | — |
| none | #866e75ed | — |
| property | #8ea2bfed | — |
| punctuation | #f3da6aed | — |
| source | #e4e4e4ed | — |
| storage | #88486ced | — |
| support | #f3aaf3ed | — |
| text | #e4e4e4ed | — |
| variable | #c6b2a0ed | — |
| wordhighlight | #79f30bed | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...