Apophis Monolith Theme
Publisher: Nicola GranataThemes in package: 90
Apophis 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#f4e3bbff
- activityBar.activeFocusBorder#f4e3bbff
- activityBar.background#080d12ff
- activityBar.border#050a0fff
- activityBar.foreground#f0c562ff
- activityBar.inactiveForeground#f0c56273
- activityBarBadge.background#f0c12de6
- activityBarBadge.foreground#000000ff
- badge.background#f0c12de6
- badge.foreground#000000ff
- breadcrumb.activeSelectionForeground#f0c562c0
- breadcrumb.background#141a20ff
- breadcrumb.focusForeground#f0c562ff
- breadcrumb.foreground#f0c562c0
- 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#adbeee24
- editor.findMatchHighlightBackground#adbeee48
- editor.findRangeHighlightBackground#c2f38f2a
- editor.foreground#a89976ff
- editor.lineHighlightBackground#88795626
- editor.selectionBackground#f0c5624c
- editor.selectionHighlightBackground#f0c56257
- editor.selectionHighlightBorder#f0c5624c
- editor.wordHighlightStrongBackground#f0c56257
- editor.wordHighlightStrongBorder#f0c562c0
- editorBracketMatch.background#e83c6873
- editorBracketMatch.border#e83c6873
- editorError.foreground#e8183cff
- editorGroup.border#050a0fff
- editorGroupHeader.border#050a0fff
- editorGroupHeader.noTabsBackground#10161cff
- editorGroupHeader.tabsBackground#10161cff
- editorGroupHeader.tabsBorder#f0c56273
- editorGutter.background#0c1218ff
- editorGutter.modifiedBackground#f0c562ff
- editorHoverWidget.border#685936ff
- editorIndentGuide.activeBackground#f0c56257
- editorIndentGuide.background#141a20ff
- editorLineNumber.activeForeground#f4e3bbff
- editorLineNumber.foreground#f4e3bb66
- editorOverviewRuler.errorForeground#e8183cff
- editorOverviewRuler.findMatchForeground#f0c5624c
- editorOverviewRuler.warningForeground#bc844a90
- editorOverviewRuler.wordHighlightForeground#f0c56257
- editorPane.background#090e14ff
- editorSuggestWidget.background#0c1218ff
- editorSuggestWidget.border#685936ff
- editorSuggestWidget.selectedBackground#1c2228ff
- editorUnnecessaryCode.border#0c121899
- editorUnnecessaryCode.opacity#0c121899
- editorWidget.background#10161cff
- editorWidget.border#f0c562ff
- editorWidget.foreground#f0c562ff
- errorForeground#f0c562ff
- focusBorder#685936ff
- foreground#a89976ff
- gitDecoration.untrackedResourceForeground#93b03eff
- icon.foreground#f0c562ff
- input.background#1c2228ff
- input.border#0c1218ff
- input.foreground#f4e3bbff
- input.placeholderForeground#d4c39b66
- inputOption.activeBackground#e8bd5a48
- inputOption.activeBorder#e8bd5a5a
- list.activeSelectionBackground#f0c56232
- list.activeSelectionForeground#ecbd80ff
- list.dropBackground#2a3036ff
- list.errorForeground#e9517dff
- list.focusBackground#f0c56232
- list.focusForeground#f0c562c0
- list.highlightForeground#e8bd5a99
- list.hoverBackground#d0a64132
- list.hoverForeground#f0c562c0
- list.inactiveSelectionBackground#d0a64132
- list.inactiveSelectionForeground#c7a06cff
- list.invalidItemForeground#e68feeff
- list.warningForeground#eeb57cff
- listFilterWidget.outline#050a0fff
- menu.background#181e24ff
- menu.border#181e24ff
- menu.foreground#e7c67cc0
- menu.selectionBackground#f0c56226
- menu.selectionBorder#f0c56226
- menu.selectionForeground#f0c562c0
- menu.separatorBackground#f0c56299
- menubar.selectionBackground#f0c56226
- menubar.selectionBorder#f0c56226
- menubar.selectionForeground#e7c67cc0
- minimap.background#0c1218ff
- minimap.errorHighlight#e8183c90
- minimap.selectionHighlight#f0c5624c
- minimap.warningHighlight#bc844a90
- notificationCenter.border#0c1218ff
- notificationCenterHeader.background#141a20ff
- notificationCenterHeader.foreground#a89976ff
- notificationLink.foreground#e8bd5aff
- notifications.background#141a20ff
- notifications.border#f0c562ff
- notifications.foreground#a89976ff
- notificationsErrorIcon.foreground#e8183c90
- notificationsInfoIcon.foreground#f0c562ff
- notificationsWarningIcon.foreground#bc844a90
- notificationToast.border#f0c562ff
- panel.background#0a0f16ff
- panel.border#a8997626
- panelTitle.activeBorder#f0c562c0
- panelTitle.activeForeground#f0c562c0
- panelTitle.inactiveForeground#f0c56273
- pickerGroup.foreground#ecbd80ff
- progressBar.background#141a20ff
- quickInput.foreground#a89976ff
- scrollbar.shadow#000309ff
- scrollbarSlider.activeBackground#f0c56299
- scrollbarSlider.background#f0c5624c
- scrollbarSlider.hoverBackground#f0c5624c
- selection.background#f0c5624c
- settings.checkboxBackground#1c2228ff
- settings.checkboxBorder#0c1218ff
- settings.dropdownBorder#0c1218ff
- settings.dropdownListBorder#0c1218ff
- settings.headerForeground#f0c562ff
- settings.modifiedItemIndicator#f0c56273
- settings.numberInputBorder#0c1218ff
- settings.textInputBorder#0c1218ff
- sideBar.background#0c1218ff
- sideBar.border#050a0fff
- sideBar.dropBackground#f0c56273
- sideBar.foreground#a89976c0
- sideBarSectionHeader.background#0c1218ff
- sideBarSectionHeader.border#a8997626
- sideBarSectionHeader.foreground#f0c562c0
- sideBarTitle.foreground#f0c562c0
- statusBar.background#10161cff
- statusBar.border#a8997626
- statusBar.debuggingBackground#f0c12de6
- statusBar.debuggingForeground#000000c0
- statusBar.foreground#f0c562c0
- statusBar.noFolderBackground#f0c56299
- statusBar.noFolderForeground#000000ff
- statusBarItem.activeBackground#f0c56299
- statusBarItem.hoverBackground#f0c5624c
- statusBarItem.prominentBackground#f0c56299
- statusBarItem.prominentHoverBackground#f0c5624c
- statusBarItem.remoteBackground#10161cff
- statusBarItem.remoteForeground#f0c562ff
- tab.activeBackground#141a20ff
- tab.activeBorder#141a20ff
- tab.activeBorderTop#f0c562ff
- tab.activeForeground#f4e3bbff
- tab.activeModifiedBorder#f0c562ff
- tab.border#050a0fff
- tab.hoverBackground#f0c56213
- tab.hoverBorder#f0c56299
- tab.hoverForeground#f0c562c0
- tab.inactiveBackground#10161cff
- tab.inactiveForeground#f4e3bb73
- tab.inactiveModifiedBorder#f0c56299
- tab.lastPinnedBorder#f0c5624c
- tab.unfocusedActiveBorder#141a20ff
- tab.unfocusedActiveBorderTop#f0c56299
- tab.unfocusedActiveForeground#f4e3bbc0
- tab.unfocusedActiveModifiedBorder#f0c56299
- tab.unfocusedHoverForeground#f0c56273
- tab.unfocusedInactiveBackground#10161cff
- tab.unfocusedInactiveForeground#f4e3bbc0
- tab.unfocusedInactiveModifiedBorder#f0c562c0
- 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#a89976ff
- terminal.selectionBackground#f0c5624c
- terminalCursor.foreground#a89976ff
- textBlockQuote.border#f0c56299
- textCodeBlock.background#f0c56299
- textLink.activeForeground#f3dc78ff
- textLink.foreground#e8bd5aff
- textSeparator.foreground#f0c56299
- titleBar.activeBackground#090e14ff
- titleBar.activeForeground#f0c562c0
- titleBar.border#050a0fff
- titleBar.inactiveBackground#11161cff
- titleBar.inactiveForeground#f2d48e99
- welcomePage.background#0c1218ff
- welcomePage.buttonBackground#10161cff
- welcomePage.buttonHoverBackground#141a20ff
- welcomePage.progress.foreground#f0c562ff
- window.activeBorder#f0c56273
- window.inactiveBorder#f2d48e99
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment,comment.block.html | #87aacfed | — |
| punctuation.definition.comment, punctuation.whitespace.comment | #6b7d8ded | — |
| string, string.unquoted | #98a786ed | — |
| string.unquoted.heredoc | #ddeedded | — |
| keyword.other.phpdoc, storage.type.class.jsdoc, comment.block.documentantion.ts | #dbce11ed | — |
| punctuation.section.embedded | #f38a9aed | — |
| source.ruby.embedded | #d3d498ed | — |
| meta.preprocessor, punctuation.definition.preprocessor | #f3c595ed | — |
| keyword.other.directive | #e6e6e6ed | — |
| keyword.other.directive.line-number | — | — |
| support.constant.numeric, constant.numeric | #f39a68ed | — |
| constant, support.constant | #71b7b7ed | — |
| constant.character, constant.other | #d3d498ed | — |
| variable.other.constant | #e0b5b5ed | — |
| keyword, keyword.control, meta.selector.css, entity.other.attribute-name | #91f3f3ed | — |
| variable.other.readwrite.instance | #f3e0b3ed | — |
| entity.name.module, support.other.module | #f38600ed | — |
| keyword.operator | #69cfc1ed | — |
| keyword.operator.symbol.infix.floating-point | — | — |
| source.ocaml, keyword.operator.symbol.prefix.floating-point | — | — |
| storage.type, storage.modifier, support.type | #f3ad00ed | — |
| entity.name.class.variant | #799ee7ed | — |
| entity.other | #dededeed | — |
| entity.other.inherited-class | #e56c1aed | — |
| storage.type.user-defined, meta.property-list | #cc492ded | — |
| entity.name.type, entity.name.type.class, entity.other.attribute-name.class.css, support.class, entity.name.class | #f37a1eed | — |
| invalid | #e5f3d2ed | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #63aaaaed | — |
| support.function.construct | #e5c22ced | — |
| punctuation.definition.variable | #e4a37eed | — |
| meta.function-name, entity.name.function | #91becfed | — |
| support.function | #f38a8aed | — |
| meta.brace | #f3d16ded | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #f3ad3aed | — |
| entity.name.tag.yaml | #f3e0b3ed | — |
| 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 | #99d2f3ed | — |
| source.diff, meta.diff.comment, meta.toc-list.comment.diff | #f3f3f3ed | — |
| meta.diff.header.from-file | #d1d373ed | — |
| meta.diff.header.to-file | #b27ee5ed | — |
| meta.diff.range.unified | #9395e0ed | — |
| markup.inserted.diff | #ad7cdfed | — |
| markup.deleted.diff | #d1d373ed | — |
| string.regexp | #d2a242ed | — |
| string.regexp.arbitrary-repitition | #a79c63ed | — |
| punctuation.definition.arbitrary-repitition | #f3f3f3ed | — |
| string.regexp.character-class | #d5c784ed | — |
| punctuation.definition.character-class | #f3f3f3ed | — |
| markup.raw.inline.markdown | #f3e0b3ed | — |
| markup.heading.markdown, punctuation.definition.heading | #f3f3f3ed | — |
| markup.list | #e6e6e6ed | — |
| sublimelinter.mark.warning | #ee2b00ed | — |
| sublimelinter.gutter-mark | #f3f3f3ed | — |
| sublimelinter.mark.error | #e5cd3aed | — |
| meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype | #f3e928ed | |
| entity | #a4a1e5ed | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.tag.structure.any.html | #f3c200ed | — |
| entity.other.attribute-name.html | #a4a1e5ed | — |
| entity.name.tag | #e1b6b7ed | — |
| meta.tag | #dabb43ed | |
| meta.tag.inline source, text.html.php.source | #a2b13bed | |
| meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html | #a279aced | |
| entity.other.attribute-name, meta.tag punctuation.definition.string | #dabb43ed | |
| meta.tag string -source -punctuation, text source text meta.tag string -punctuation | #6691c0ed | |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #dabb43ed | |
| meta.toc-list.id | #a2b13bed | — |
| string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #a2b13bed | |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #6691c0ed | |
| meta.selector.css entity.other.attribute-name.id | #a279aced | |
| support.type.property-name.css | #6f706fed | |
| hyperlink | #5a6baced | — |
| invisibles | #f3f3f3ed | — |
| level0 | #4e2a4eed | — |
| level1 | #2a4e4eed | — |
| level10 | #48486ded | — |
| level2 | #4f2a2aed | — |
| level3 | #294e29ed | — |
| level4 | #2a2a4fed | — |
| level5 | #6c6c46ed | — |
| level6 | #6c486ced | — |
| level7 | #466c6ced | — |
| level8 | #6d4848ed | — |
| level9 | #476c47ed | — |
| markup | #dbdbdbed | — |
| match | #f39f68ed | — |
| meta | #c5b5a7ed | — |
| none | #7c856ded | — |
| property | #8daac0ed | — |
| punctuation | #f3d46aed | — |
| source | #e4e4e4ed | — |
| storage | #628645ed | — |
| support | #a9f3b0ed | — |
| text | #e4e4e4ed | — |
| variable | #ecdac2ed | — |
| wordhighlight | #f311a2ed | — |
| token.info-token | #6c9ef3ed | — |
| token.warn-token | #d99e30ed | — |
| token.error-token | #f34a4aed | — |
| token.debug-token | #bd6bf3ed | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...