Azathoth
Publisher: chocolate_molesThemes in package: 1
Another one dark theme
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#ffffff00
- activityBar.background#282a32
- activityBar.border#ffffff00
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#d5d6dd
- activityBarBadge.background#258bcf
- activityBarBadge.foreground#ffffff
- badge.background#ffffff20
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.background#2e3039
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#aaaebb
- button.background#1370bf
- button.foreground#ffffff
- button.hoverBackground#1686e6
- button.secondaryBackground#6c7287
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#808599
- checkbox.background#1c1e24
- checkbox.border#ffffff00
- checkbox.foreground#d5d6dd
- debugExceptionWidget.background#22242b
- debugExceptionWidget.border#ffffff00
- diffEditor.border#2e3039
- diffEditor.insertedTextBackground#23c3ff1f
- diffEditor.removedTextBackground#ff48481f
- dropdown.background#1c1e24
- dropdown.border#ffffff00
- dropdown.foreground#d5d6dd
- dropdown.listBackground#1c1e24
- editor.background#424552
- editor.findMatchBackground#386496
- editor.findMatchBorder#ffffff00
- editor.findMatchHighlightBackground#38649663
- editor.findMatchHighlightBorder#ffffff00
- editor.findRangeHighlightBackground#343946
- editor.findRangeHighlightBorder#343946
- editor.foldBackground#ffffff0f
- editor.foreground#cfe8eb
- editor.hoverHighlightBackground#ffffff15
- editor.inactiveSelectionBackground#ffffff20
- editor.lineHighlightBackground#ffffff10
- editor.lineHighlightBorder#ffffff00
- editor.rangeHighlightBackground#37466b
- editor.rangeHighlightBorder#ffffff00
- editor.selectionBackground#ffffff20
- editor.selectionHighlightBackground#486786
- editor.selectionHighlightBorder#ffffff00
- editor.wordHighlightBackground#575757b8
- editor.wordHighlightStrongBackground#004972b8
- editorBracketMatch.background#ffffff1a
- editorBracketMatch.border#ffffff24
- editorCodeLens.foreground#808599
- editorCursor.background#ffffff
- editorCursor.foreground#3a9aec
- editorError.background#ffffff00
- editorError.border#ffffff00
- editorError.foreground#e07f7b
- editorGroup.border#ffffff00
- editorGroup.emptyBackground#424552
- editorGroupHeader.border#ffffff00
- editorGroupHeader.tabsBackground#2e3039
- editorGroupHeader.tabsBorder#ffffff00
- editorGutter.addedBackground#819653
- editorGutter.background#393c47
- editorGutter.commentRangeForeground#d5d6dd
- editorGutter.deletedBackground#ff5d5d
- editorGutter.foldingControlForeground#d5d6dd
- editorGutter.modifiedBackground#6da6b6
- editorHoverWidget.background#22242b
- editorHoverWidget.border#ffffff00
- editorHoverWidget.foreground#d5d6dd
- editorIndentGuide.activeBackground#ffffff30
- editorIndentGuide.background#ffffff0f
- editorInfo.background#ffffff00
- editorInfo.border#ffffff00
- editorInfo.foreground#7ab5d9
- editorLineNumber.activeForeground#ffffff63
- editorLineNumber.foreground#ffffff21
- editorLink.activeForeground#71b7e6
- editorMarkerNavigation.background#22242b
- editorMarkerNavigationError.background#c07777
- editorMarkerNavigationInfo.background#78bdd1
- editorMarkerNavigationWarning.background#cbb57a
- editorOverviewRuler.background#25252500
- editorOverviewRuler.border#ffffff0f
- editorRuler.foreground#ffffff30
- editorSuggestWidget.background#22242b
- editorSuggestWidget.border#ffffff00
- editorSuggestWidget.foreground#d5d6dd
- editorSuggestWidget.highlightForeground#71b7e6
- editorSuggestWidget.selectedBackground#333640
- editorWarning.background#ffffff00
- editorWarning.border#ffffff00
- editorWarning.foreground#cfb254
- editorWidget.background#22242b
- editorWidget.foreground#d5d6dd
- editorWidget.resizeBorder#959aaa
- focusBorder#6c7287
- foreground#d5d6dd
- icon.foreground#d5d6dd
- input.background#1c1e24
- input.border#ffffff00
- input.foreground#d5d6dd
- input.placeholderForeground#808080
- inputOption.activeBackground#ffffff1f
- inputOption.activeBorder#ffffff00
- inputOption.activeForeground#f3f3f3
- keybindingLabel.background#333640
- keybindingLabel.border#4a4e5c
- keybindingLabel.bottomBorder#6c7287
- keybindingLabel.foreground#aaaebb
- list.activeSelectionBackground#5b6071
- list.activeSelectionForeground#ffffff
- list.dropBackground#5b6071
- list.focusBackground#184971
- list.focusForeground#ffffff
- list.highlightForeground#50a7ff
- list.hoverBackground#4a4e5c
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#393c47
- list.inactiveSelectionForeground#ffffff
- listFilterWidget.background#4363af
- listFilterWidget.noMatchesOutline#ff4f4f
- listFilterWidget.outline#578fff
- menu.background#22242b
- menu.border#ffffff00
- menu.foreground#d5d6dd
- menu.selectionBackground#333640
- menu.selectionBorder#ffffff00
- menu.selectionForeground#ffffff
- menu.separatorBackground#4a4e5c
- menubar.selectionBackground#ffffff00
- menubar.selectionForeground#ffffff
- merge.commonContentBackground#492c7b
- merge.commonHeaderBackground#7b47e1
- merge.currentContentBackground#174841
- merge.currentHeaderBackground#158472
- merge.incomingContentBackground#243a5e
- merge.incomingHeaderBackground#3365ae
- minimap.errorHighlight#e07f7b
- minimap.findMatchHighlight#386496
- minimap.selectionHighlight#1d6ca1
- minimap.warningHighlight#cfb254
- minimapGutter.addedBackground#819653
- minimapGutter.deletedBackground#ff5d5d
- minimapGutter.modifiedBackground#6da6b6
- notificationCenter.border#ffffff00
- notificationCenterHeader.background#1c1e24
- notificationCenterHeader.foreground#ffffff
- notifications.background#22242b
- notifications.border#333640
- notifications.foreground#d5d6dd
- notificationsErrorIcon.foreground#ff6d6d
- notificationsInfoIcon.foreground#7ee2ff
- notificationsWarningIcon.foreground#ffd668
- notificationToast.border#ffffff00
- panel.background#282a32
- panel.border#ffffff00
- panelSection.border#ffffff33
- panelTitle.activeBorder#ffffff
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#d5d6dd
- peekView.border#1d7ae6
- peekViewEditor.background#101010
- peekViewEditor.matchHighlightBackground#104573
- peekViewEditor.matchHighlightBorder#2d70be
- peekViewEditorGutter.background#101010
- peekViewResult.background#0c0c0c
- peekViewResult.fileForeground#c5c5c5
- peekViewResult.lineForeground#909090
- peekViewResult.matchHighlightBackground#1d3450
- peekViewResult.selectionBackground#1d3450
- peekViewResult.selectionForeground#dadada
- peekViewTitle.background#1b1b1b
- peekViewTitleDescription.foreground#6a6a6a
- peekViewTitleLabel.foreground#c9c9c9
- pickerGroup.border#ffffff00
- pickerGroup.foreground#5d9fee
- progressBar.background#48a2df
- scrollbar.shadow#17181c
- scrollbarSlider.activeBackground#ffffff20
- scrollbarSlider.background#ffffff10
- scrollbarSlider.hoverBackground#ffffff16
- selection.background#1d6ca1
- settings.headerForeground#d5d6dd
- sideBar.background#2e3039
- sideBar.border#ffffff00
- sideBar.dropBackground#5b6071
- sideBar.foreground#d5d6dd
- sideBarSectionHeader.background#282a32
- sideBarSectionHeader.border#ffffff00
- sideBarSectionHeader.foreground#d5d6dd
- sideBarTitle.foreground#d5d6dd
- statusBar.background#1c1e24
- statusBar.border#ffffff00
- statusBar.debuggingBackground#6d2121
- statusBar.debuggingBorder#ffffff00
- statusBar.debuggingForeground#d5d6dd
- statusBar.foreground#d5d6dd
- statusBar.noFolderBackground#411140
- statusBar.noFolderBorder#ffffff00
- statusBar.noFolderForeground#d5d6dd
- statusBarItem.activeBackground#ffffff25
- statusBarItem.hoverBackground#ffffff25
- statusBarItem.remoteBackground#1370bf
- statusBarItem.remoteForeground#d5d6dd
- tab.activeBackground#2e3039
- tab.activeBorder#ffffff00
- tab.activeBorderTop#ffffff00
- tab.activeForeground#ffffff
- tab.border#ffffff00
- tab.hoverBackground#ffffff00
- tab.hoverForeground#ffffff
- tab.inactiveBackground#2e3039
- tab.inactiveForeground#808599
- terminal.ansiBlack#2b303b
- terminal.ansiBlue#8fa1b3
- terminal.ansiBrightBlack#65737e
- terminal.ansiBrightBlue#8fa1b3
- terminal.ansiBrightCyan#96b5b4
- terminal.ansiBrightGreen#a3be8c
- terminal.ansiBrightMagenta#b48ead
- terminal.ansiBrightRed#bf616a
- terminal.ansiBrightWhite#eff1f5
- terminal.ansiBrightYellow#ebcb8b
- terminal.ansiCyan#96b5b4
- terminal.ansiGreen#a3be8c
- terminal.ansiMagenta#b48ead
- terminal.ansiRed#bf616a
- terminal.ansiWhite#c0c5ce
- terminal.ansiYellow#ebcb8b
- terminal.foreground#d5d6dd
- terminal.selectionBackground#4891ff41
- terminalCursor.background#0087ff
- terminalCursor.foreground#ffffff
- textLink.foreground#60aef0
- titleBar.activeBackground#22242b
- titleBar.activeForeground#d5d6dd
- titleBar.border#ffffff00
- titleBar.inactiveBackground#282a32
- titleBar.inactiveForeground#959aaa
- tree.indentGuidesStroke#4a4e5c
- widget.shadow#17181c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text.html | #ffffff | — |
| meta.embedded | #cfe8eb | — |
| comment | #8ecc76 | — |
| constant.language | #60aef0 | — |
| constant.numeric | #ff9a75 | — |
| keyword.control, keyword.operator.logical, keyword.other | #87c1f3 | italic |
| storage | #87c1f3 | italic |
| string | #9fa9ad | — |
| variable | #ecdfa2 | — |
| variable.other.property | #cfe8eb | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #eb8e42 | — |
| support.class.php, support.other.namespace.php | #bca0f0 | — |
| punctuation.separator.inheritance.php | #cfe8eb | — |
| string.quoted.double.json | #87c1f3 | — |
| entity.name.tag, punctuation.definition.tag | #9fa9ad | — |
| entity.other.attribute-name, punctuation.separator.key-value.html, meta.tag | #cfe8eb | — |
| string.quoted.single.html, string.quoted.double.html | #add5f7 | — |
| constant.character.entity | #ffefbe | italic |
| source.smarty, keyword.control.smarty, keyword.operator.logical.smarty | #87c1f3 | — |
| support.function.built-in.smarty | — | italic |
| variable.other.property.smarty, keyword.operator.class.smarty | #cfe8eb | — |
| punctuation.section.tag.twig, keyword.control.twig | #87c1f3 | — |
| entity.name.tag.css | #60aef0 | — |
| entity.other.attribute-name.id.css | #bca0f0 | — |
| support.type.property-name.css | #9fa9ad | — |
| meta.property-value.css, source.css keyword.other.unit | #8ec5ef | |
| support.type.vendored.property-name.css, support.constant.vendored.property-value.css | #ffffff | — |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, keyword.control.at-rule.media.css, meta.at-rule.media.header.css, punctuation.section.media.begin.bracket.curly.css, punctuation.section.media.end.bracket.curly.css | #ecdfa2 | — |
| keyword.other.important.css | #fb91ac | — |