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#251e13ff
- activityBar.activeBorder#95854dff
- activityBar.activeFocusBorder#95854dff
- activityBar.background#251e13ff
- activityBar.border#110b06ff
- activityBar.foreground#978133ff
- activityBar.inactiveForeground#97813373
- activityBarBadge.background#9b8221e6
- activityBarBadge.foreground#fff2a7c0
- badge.background#9b8221e6
- badge.foreground#fff2a7c0
- breadcrumb.activeSelectionForeground#978133c0
- breadcrumb.background#292216ff
- breadcrumb.focusForeground#978133ff
- breadcrumb.foreground#978133c0
- button.background#251e13ff
- button.foreground#e6da95ff
- button.hoverBackground#292216ff
- descriptionForeground#e6da95ff
- dropdown.background#3f3725ff
- dropdown.border#211b10ff
- dropdown.foreground#c5b378ff
- dropdown.listBackground#3f3725ff
- editor.background#211b10ff
- editor.findMatchBackground#c4c0a824
- editor.findMatchHighlightBackground#c4c0a848
- editor.findRangeHighlightBackground#b8bd562a
- editor.foreground#685c32ff
- editor.lineHighlightBackground#483e1e26
- editor.selectionBackground#9781334c
- editor.selectionHighlightBackground#97803357
- editor.selectionHighlightBorder#9781334c
- editor.wordHighlightStrongBackground#97803357
- editor.wordHighlightStrongBorder#978133c0
- editorBracketMatch.background#ff002c73
- editorBracketMatch.border#ff002c73
- editorError.foreground#ff0000ff
- editorGroup.border#110b06ff
- editorGroupHeader.border#110b06ff
- editorGroupHeader.noTabsBackground#251e13ff
- editorGroupHeader.tabsBackground#251e13ff
- editorGroupHeader.tabsBorder#97813373
- editorGutter.background#211b10ff
- editorGutter.modifiedBackground#978133ff
- editorHoverWidget.border#261f08ff
- editorIndentGuide.activeBackground#97813357
- editorIndentGuide.background#292216ff
- editorLineNumber.activeForeground#95854dff
- editorLineNumber.foreground#95854d66
- editorOverviewRuler.errorForeground#ff0000ff
- editorOverviewRuler.findMatchForeground#9781334c
- editorOverviewRuler.warningForeground#e6760190
- editorOverviewRuler.wordHighlightForeground#97803357
- editorPane.background#19130cff
- editorSuggestWidget.background#211b10ff
- editorSuggestWidget.border#261f08ff
- editorSuggestWidget.selectedBackground#312a1aff
- editorUnnecessaryCode.border#211b1099
- editorUnnecessaryCode.opacity#211b1099
- editorWidget.background#251e13ff
- editorWidget.border#978133ff
- editorWidget.foreground#978133ff
- errorForeground#978133ff
- focusBorder#261f08ff
- foreground#685c32ff
- gitDecoration.untrackedResourceForeground#95ba00ff
- icon.foreground#978133ff
- input.background#312a1aff
- input.border#211b10ff
- input.foreground#95854dff
- input.placeholderForeground#73673766
- inputOption.activeBackground#8d7a2d48
- inputOption.activeBorder#8d7a2d5a
- list.activeSelectionBackground#97813332
- list.activeSelectionForeground#ffb12cff
- list.dropBackground#3f3725ff
- list.errorForeground#ff1f43ff
- list.focusBackground#97813332
- list.focusForeground#d7be5dc0
- list.highlightForeground#8d7a2d99
- list.hoverBackground#75631f32
- list.hoverForeground#d7be5dc0
- list.inactiveSelectionBackground#75631f32
- list.inactiveSelectionForeground#dd9725ff
- list.invalidItemForeground#ff72c3ff
- list.warningForeground#ffa824ff
- listFilterWidget.outline#110b06ff
- menu.background#2d2619ff
- menu.border#2d2619ff
- menu.foreground#93813dc0
- menu.selectionBackground#97813326
- menu.selectionBorder#97813326
- menu.selectionForeground#d7be5dc0
- menu.separatorBackground#97813399
- menubar.selectionBackground#97813326
- menubar.selectionBorder#97813326
- menubar.selectionForeground#93813dc0
- minimap.background#211b10ff
- minimap.errorHighlight#ff000090
- minimap.selectionHighlight#9781334c
- minimap.warningHighlight#e6760190
- notificationCenter.border#211b10ff
- notificationCenterHeader.background#292216ff
- notificationCenterHeader.foreground#685c32ff
- notificationLink.foreground#8d7a2dff
- notifications.background#292216ff
- notifications.border#978133ff
- notifications.foreground#685c32ff
- notificationsErrorIcon.foreground#ff000090
- notificationsInfoIcon.foreground#978133ff
- notificationsWarningIcon.foreground#e6760190
- notificationToast.border#978133ff
- panel.background#211b10ff
- panel.border#685c3226
- panelTitle.activeBorder#d7be5dc0
- panelTitle.activeForeground#d7be5dc0
- panelTitle.inactiveForeground#97813373
- pickerGroup.foreground#ffb12cff
- progressBar.background#292216ff
- quickInput.foreground#685c32ff
- scrollbar.shadow#110b06ff
- scrollbarSlider.activeBackground#97813399
- scrollbarSlider.background#9781334c
- scrollbarSlider.hoverBackground#9781334c
- selection.background#9781334c
- settings.checkboxBackground#312a1aff
- settings.checkboxBorder#211b10ff
- settings.dropdownBorder#211b10ff
- settings.dropdownListBorder#211b10ff
- settings.headerForeground#978133ff
- settings.modifiedItemIndicator#97813373
- settings.numberInputBorder#211b10ff
- settings.textInputBorder#211b10ff
- sideBar.background#211b10ff
- sideBar.border#1d170dff
- sideBar.dropBackground#97813373
- sideBar.foreground#685c32ff
- sideBarSectionHeader.background#251e13ff
- sideBarSectionHeader.border#685c3226
- sideBarSectionHeader.foreground#978133c0
- sideBarTitle.foreground#978133c0
- statusBar.background#251e13ff
- statusBar.border#685c3226
- statusBar.debuggingBackground#9b8221e6
- statusBar.debuggingForeground#fff2a7c0
- statusBar.foreground#d7be5dc0
- statusBar.noFolderBackground#97813399
- statusBar.noFolderForeground#fff2a7ff
- statusBarItem.activeBackground#97813399
- statusBarItem.hoverBackground#9781334c
- statusBarItem.prominentBackground#97813399
- statusBarItem.prominentHoverBackground#9781334c
- statusBarItem.remoteBackground#251e13ff
- statusBarItem.remoteForeground#978133ff
- tab.activeBackground#292216ff
- tab.activeBorder#292216ff
- tab.activeBorderTop#978133ff
- tab.activeForeground#95854dff
- tab.activeModifiedBorder#978133ff
- tab.border#110b06ff
- tab.hoverBackground#97813313
- tab.hoverBorder#97813399
- tab.hoverForeground#978133c0
- tab.inactiveBackground#251e13ff
- tab.inactiveForeground#95854d73
- tab.inactiveModifiedBorder#97813399
- tab.lastPinnedBorder#9781334c
- tab.unfocusedActiveBorder#292216ff
- tab.unfocusedActiveBorderTop#97813399
- tab.unfocusedActiveForeground#95854dc0
- tab.unfocusedActiveModifiedBorder#97813399
- tab.unfocusedHoverForeground#97813373
- tab.unfocusedInactiveBackground#251e13ff
- tab.unfocusedInactiveForeground#95854dc0
- tab.unfocusedInactiveModifiedBorder#978133c0
- terminal.ansiBlack#413c29ff
- terminal.ansiBlue#6cb784ff
- terminal.ansiBrightBlack#514b33ff
- terminal.ansiBrightBlue#6cb784ff
- terminal.ansiBrightCyan#7de0a0ff
- terminal.ansiBrightGreen#587f34ff
- terminal.ansiBrightMagenta#f77588ff
- terminal.ansiBrightRed#f39160ff
- terminal.ansiBrightWhite#fff2a7ff
- terminal.ansiBrightYellow#ecc54fff
- terminal.ansiCyan#7de0a0ff
- terminal.ansiGreen#587f34ff
- terminal.ansiMagenta#f77588ff
- terminal.ansiRed#f39160ff
- terminal.ansiWhite#e2d37fff
- terminal.ansiYellow#ecc54fff
- terminal.background#211b10ff
- terminal.border#110b06ff
- terminal.foreground#685c32ff
- terminal.selectionBackground#9781334c
- terminalCursor.foreground#685c32ff
- textBlockQuote.border#97813399
- textCodeBlock.background#97813399
- textLink.activeForeground#af9843ff
- textLink.foreground#8d7a2dff
- textSeparator.foreground#97813399
- titleBar.activeBackground#19130cff
- titleBar.activeForeground#d7be5dc0
- titleBar.border#110b06ff
- titleBar.inactiveBackground#211b10ff
- titleBar.inactiveForeground#95834099
- welcomePage.background#211b10ff
- welcomePage.buttonBackground#251e13ff
- welcomePage.buttonHoverBackground#292216ff
- welcomePage.progress.foreground#978133ff
- window.activeBorder#97813373
- window.inactiveBorder#95834099
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment,comment.block.html | #7e9a93ff | — |
| punctuation.definition.comment, punctuation.whitespace.comment | #636f62ff | — |
| string, string.unquoted | #909856ff | — |
| string.unquoted.heredoc | #d6dc97ff | — |
| keyword.other.phpdoc, storage.type.class.jsdoc, comment.block.documentantion.ts | #d6bc00ff | — |
| punctuation.section.embedded | #f47665ff | — |
| source.ruby.embedded | #cdc35fff | — |
| meta.preprocessor, punctuation.definition.preprocessor | #f0b35eff | — |
| keyword.other.directive | #e0d39eff | — |
| keyword.other.directive.line-number | — | — |
| support.constant.numeric, constant.numeric | #ff8639ff | — |
| constant, support.constant | #65a980ff | — |
| constant.character, constant.other | #cdc35fff | — |
| variable.other.constant | #dda27aff | — |
| keyword, keyword.control, meta.selector.css, entity.other.attribute-name | #83e5baff | — |
| variable.other.readwrite.instance | #ffcb72ff | — |
| entity.name.module, support.other.module | #ff7100ff | — |
| keyword.operator | #5ac085ff | — |
| keyword.operator.symbol.infix.floating-point | — | — |
| source.ocaml, keyword.operator.symbol.prefix.floating-point | — | — |
| storage.type, storage.modifier, support.type | #ff9900ff | — |
| entity.name.class.variant | #7090a9ff | — |
| entity.other | #d8cb99ff | — |
| entity.other.inherited-class | #e65900ff | — |
| storage.type.user-defined, meta.property-list | #cd370fff | — |
| entity.name.type, entity.name.type.class, entity.other.attribute-name.class.css, support.class, entity.name.class | #ff6600ff | — |
| invalid | #dcf58aff | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #579d76ff | — |
| support.function.construct | #e1b006ff | — |
| punctuation.definition.variable | #e2904dff | — |
| meta.function-name, entity.name.function | #88ae92ff | — |
| support.function | #fd7556ff | — |
| meta.brace | #f3be3bff | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #ff9a11ff | — |
| entity.name.tag.yaml | #ffcb72ff | — |
| punctuation.definition.entry | #d8cb99ff | — |
| keyword.other.DML.sql, keyword.other.data-integrity.sql | #b9ae82ff | — |
| source.sql, constant.other.database-name.sql, constant.other.table-name.sql, keyword.operator.star | #8fc2b7ff | — |
| source.diff, meta.diff.comment, meta.toc-list.comment.diff | #fff2b5ff | — |
| meta.diff.header.from-file | #ccc141ff | — |
| meta.diff.header.to-file | #ae6da7ff | — |
| meta.diff.range.unified | #8c86a2ff | — |
| markup.inserted.diff | #aa6ba1ff | — |
| markup.deleted.diff | #ccc141ff | — |
| string.regexp | #cf901bff | — |
| string.regexp.arbitrary-repitition | #a28d39ff | — |
| punctuation.definition.arbitrary-repitition | #fff2b5ff | — |
| string.regexp.character-class | #cfb550ff | — |
| punctuation.definition.character-class | #fff2b5ff | — |
| markup.raw.inline.markdown | #ffcb72ff | — |
| markup.heading.markdown, punctuation.definition.heading | #fff2b5ff | — |
| markup.list | #e0d39eff | — |
| sublimelinter.mark.warning | #f01600ff | — |
| sublimelinter.gutter-mark | #fff2b5ff | — |
| sublimelinter.mark.error | #e1ba12ff | — |
| meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype | #ffd500ff | |
| entity | #9d91a4ff | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.tag.structure.any.html | #ffaf00ff | — |
| entity.other.attribute-name.html | #9d91a4ff | — |
| entity.name.tag | #dea37bff | — |
| meta.tag | #d7a91aff | |
| meta.tag.inline source, text.html.php.source | #9ba217ff | |
| 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 | #9e697aff | |
| entity.other.attribute-name, meta.tag punctuation.definition.string | #d7a91aff | |
| meta.tag string -source -punctuation, text source text meta.tag string -punctuation | #5b848aff | |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #d7a91aff | |
| meta.toc-list.id | #9ba217ff | — |
| string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #9ba217ff | |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #5b848aff | |
| meta.selector.css entity.other.attribute-name.id | #9e697aff | |
| support.type.property-name.css | #686349ff | |
| hyperlink | #525f7dff | — |
| invisibles | #fff2b5ff | — |
| level0 | #491e35ff | — |
| level1 | #1f4433ff | — |
| level10 | #413e4cff | — |
| level2 | #4a1e16ff | — |
| level3 | #1f4414ff | — |
| level4 | #232037ff | — |
| level5 | #645e28ff | — |
| level6 | #683b4aff | — |
| level7 | #3d6048ff | — |
| level8 | #683c2cff | — |
| level9 | #3e602aff | — |
| markup | #d5c896ff | — |
| match | #ff8a38ff | — |
| meta | #c0a46eff | — |
| none | #767746ff | — |
| property | #859b86ff | — |
| punctuation | #ffc037ff | — |
| source | #ded19cff | — |
| storage | #587a26ff | — |
| support | #9ee871ff | — |
| text | #ded19cff | — |
| variable | #e7c781ff | — |
| wordhighlight | #ff006cff | — |
| token.info-token | #6090b4ff | — |
| token.warn-token | #d78c0dff | — |
| token.error-token | #ff3423ff | — |
| token.debug-token | #ba5ab4ff | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...