Monokai Eerie Night
Publisher: Carlos PanganibanThemes in package: 1
A customized Monokai theme made to resemble Nier:Automata color schemes
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#211f1c
- activityBar.background#161413
- activityBar.foreground#e0decc
- activityBar.inactiveForeground#847f71
- activityBarBadge.background#3d79a1
- activityBarBadge.foreground#ffffff
- badge.background#37342f
- badge.foreground#e0decc
- breadcrumb.activeSelectionForeground#e0e0e0
- breadcrumb.background#211f1c
- breadcrumb.focusForeground#e0decc
- breadcrumb.foreground#b0a996
- button.background#58544B
- button.foreground#EFEFE6
- button.hoverBackground#B0A996
- button.secondaryBackground#847F71
- button.secondaryForeground#e0decc
- button.secondaryHoverBackground#847f71
- checkbox.background#1e1c19
- checkbox.border#00000000
- checkbox.foreground#e0decc
- debugExceptionWidget.background#333333
- debugExceptionWidget.border#474747
- debugToolBar.background#333333
- debugToolBar.border#474747
- diffEditor.border#444444
- diffEditor.insertedTextBackground#789f1c33
- diffEditor.removedTextBackground#92000033
- dropdown.background#1e1c19
- dropdown.border#00000000
- dropdown.foreground#e0decc
- dropdown.listBackground#1e1f1c
- editor.background#211f1c
- editor.findMatchBackground#00000000
- editor.findMatchBorder#b0a996
- editor.findMatchHighlightBackground#ea5c0055
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#847f7122
- editor.findRangeHighlightBorder#00000000
- editor.foldBackground#37342f
- editor.foreground#e0decc
- editor.hoverHighlightBackground#847f714c
- editor.inactiveSelectionBackground#37342f
- editor.lineHighlightBackground#847f7122
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#00000000
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#37342f
- editor.selectionHighlightBackground#37342f
- editor.selectionHighlightBorder#00000000
- editor.wordHighlightBackground#847f7146
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#847f7138
- editor.wordHighlightStrongBorder#00000000
- editorBracketMatch.background#37342f
- editorBracketMatch.border#b0a996
- editorCodeLens.foreground#847f71
- editorCursor.background#000000
- editorCursor.foreground#e0decc
- editorError.background#b73a3440
- editorError.border#f2424200
- editorError.foreground#f9775d
- editorGroup.border#00000000
- editorGroup.dropBackground#41433980
- editorGroup.emptyBackground#211f1c
- editorGroupHeader.tabsBackground#1e1c19
- editorGroupHeader.tabsBorder#37342f
- editorGutter.addedBackground#577121
- editorGutter.background#1e1c19
- editorGutter.commentRangeForeground#847f71
- editorGutter.deletedBackground#8a2025
- editorGutter.foldingControlForeground#847f71
- editorGutter.modifiedBackground#246779
- editorHoverWidget.background#37342f
- editorHoverWidget.border#58544b
- editorHoverWidget.foreground#e0decc
- editorIndentGuide.activeBackground#58544b
- editorIndentGuide.background#37342f
- editorInfo.background#4490bf1e
- editorInfo.border#4490bf00
- editorInfo.foreground#75beff
- editorLineNumber.activeForeground#e0decc
- editorLineNumber.foreground#58544b
- editorLink.activeForeground#efefe6
- editorMarkerNavigation.background#1e1c19
- editorMarkerNavigationError.background#ee765e
- editorMarkerNavigationInfo.background#4797de
- editorMarkerNavigationWarning.background#cca700
- editorOverviewRuler.background#211f1c
- editorOverviewRuler.border#00000000
- editorRuler.foreground#37342f
- editorSuggestWidget.background#211f1c
- editorSuggestWidget.border#37342f
- editorSuggestWidget.foreground#e0decc
- editorSuggestWidget.highlightForeground#efefe6
- editorSuggestWidget.selectedBackground#37342f
- editorWarning.background#ad8a192c
- editorWarning.border#ffffff00
- editorWarning.foreground#cca700
- editorWhitespace.foreground#b0a99680
- editorWidget.background#211f1c
- editorWidget.border#37342f
- editorWidget.foreground#e0decc
- editorWidget.resizeBorder#bba9a9
- focusBorder#b0a996
- foreground#b0a996
- gitDecoration.addedResourceForeground#81b88b
- gitDecoration.conflictingResourceForeground#6c6cc4
- gitDecoration.deletedResourceForeground#c74e39
- gitDecoration.ignoredResourceForeground#58544b
- gitDecoration.modifiedResourceForeground#e2c08d
- gitDecoration.stageDeletedResourceForeground#c74e39
- gitDecoration.stageModifiedResourceForeground#e2c08d
- gitDecoration.submoduleResourceForeground#8db9e2
- gitDecoration.untrackedResourceForeground#73c991
- icon.foreground#b0a996
- input.background#1e1c19
- input.border#00000000
- input.foreground#e0decc
- input.placeholderForeground#a6a6a6
- inputOption.activeBackground#37342f
- inputOption.activeBorder#0089cc00
- inputOption.activeForeground#ffffff
- inputValidation.errorBackground#90274a
- inputValidation.errorBorder#f92672
- inputValidation.infoBackground#546190
- inputValidation.infoBorder#819aff
- inputValidation.warningBackground#848528
- inputValidation.warningBorder#e2e22e
- list.activeSelectionBackground#37342f
- list.activeSelectionForeground#e0decc
- list.dropBackground#37342f
- list.focusBackground#37342f
- list.focusForeground#efefe6
- list.highlightForeground#b0a996
- list.hoverBackground#211f1c
- list.hoverForeground#e0decc
- list.inactiveSelectionBackground#37342f
- list.inactiveSelectionForeground#e0decc
- listFilterWidget.background#b0a996
- listFilterWidget.noMatchesOutline#e0702e
- listFilterWidget.outline#00000000
- menu.background#1e1c19
- menu.border#37342f
- menu.foreground#e0decc
- menu.selectionBackground#e0decc
- menu.selectionBorder#00000000
- menu.selectionForeground#211f1c
- menu.separatorBackground#37342f
- menubar.selectionBackground#ffffff1a
- menubar.selectionForeground#cccccc
- merge.commonContentBackground#37342f
- merge.commonHeaderBackground#58544b
- merge.currentContentBackground#27403b
- merge.currentHeaderBackground#367366
- merge.incomingContentBackground#28384b
- merge.incomingHeaderBackground#395f8f
- minimap.background#211f1c
- minimap.errorHighlight#f9775d
- minimap.findMatchHighlight#00000000
- minimap.selectionHighlight#37342f
- minimap.warningHighlight#cca700
- minimapGutter.addedBackground#577121
- minimapGutter.deletedBackground#8a2025
- minimapGutter.modifiedBackground#246779
- notificationCenter.border#00000000
- notificationCenterHeader.background#303031
- notificationCenterHeader.foreground#211f1c
- notifications.background#37342f
- notifications.border#58544b
- notifications.foreground#e0decc
- notificationsErrorIcon.foreground#f48771
- notificationsInfoIcon.foreground#75beff
- notificationsWarningIcon.foreground#cca700
- notificationToast.border#37342f
- panel.background#1e1c19
- panel.border#80808059
- panelSection.border#80808059
- panelTitle.activeBorder#b0a996
- panelTitle.activeForeground#e0decc
- panelTitle.inactiveForeground#847f71
- peekView.border#007acc
- peekViewEditor.background#001f33
- peekViewEditor.matchHighlightBackground#ff8f0099
- peekViewEditor.matchHighlightBorder#ee931e
- peekViewEditorGutter.background#001f33
- peekViewResult.background#252526
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#bbbbbb
- peekViewResult.matchHighlightBackground#ea5c004d
- peekViewResult.selectionBackground#3399ff33
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#1e1e1e
- peekViewTitleDescription.foreground#ccccccb3
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#3f3f46
- pickerGroup.foreground#3794ff
- progressBar.background#e0decc
- quickInputList.focusBackground#414339
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#b0a996
- scrollbarSlider.background#58544b
- scrollbarSlider.hoverBackground#847f71
- selection.background#256aa7
- settings.focusedRowBackground#ffffff07
- settings.headerForeground#b0a996
- sideBar.background#211f1c
- sideBar.border#58544b
- sideBar.dropBackground#37342f
- sideBar.foreground#b0a996
- sideBarSectionHeader.background#37342f85
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#cccccc
- sideBarTitle.foreground#e0decc
- statusBar.background#37342f
- statusBar.debuggingBackground#cc6633
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#68217a
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#ffffff25
- statusBarItem.hoverBackground#ffffff1f
- statusBarItem.remoteBackground#16825d
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#211f1c
- tab.activeBorder#00000000
- tab.activeBorderTop#00000000
- tab.activeForeground#e0decc
- tab.border#37342f
- tab.hoverBackground#211f1c
- tab.hoverBorder#00000000
- tab.hoverForeground#e0decc
- tab.inactiveBackground#1e1c19
- tab.inactiveForeground#847f71
- tab.lastPinnedBorder#414339
- terminal.ansiBlack#000000
- terminal.ansiBlue#2472c8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#3b8eea
- terminal.ansiBrightCyan#29b8db
- terminal.ansiBrightGreen#23d18b
- terminal.ansiBrightMagenta#d670d6
- terminal.ansiBrightRed#f14c4c
- terminal.ansiBrightWhite#e5e5e5
- terminal.ansiBrightYellow#f5f543
- terminal.ansiCyan#11a8cd
- terminal.ansiGreen#0dbc79
- terminal.ansiMagenta#bc3fbc
- terminal.ansiRed#cd3131
- terminal.ansiWhite#e5e5e5
- terminal.ansiYellow#e5e510
- terminal.border#80808059
- terminal.foreground#cccccc
- terminal.selectionBackground#e0decc0c
- terminalCursor.background#847f71
- terminalCursor.foreground#e0decc
- textLink.foreground#67a2e6
- titleBar.activeBackground#211f1c
- titleBar.activeForeground#e0decc
- titleBar.border#00000000
- titleBar.inactiveBackground#37342f
- titleBar.inactiveForeground#b0a996
- tree.indentGuidesStroke#585858
- walkThrough.embeddedEditorBackground#00000050
- widget.shadow#0000005c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #F8F8F2 | — |
| comment | #88846F | — |
| string | #E6DB74 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #F92672 | — |
| meta.template.expression | #F8F8F2 | — |
| constant.numeric | #AE81FF | — |
| constant.language | #AE81FF | — |
| constant.character, constant.other | #AE81FF | — |
| variable | #F8F8F2 | |
| keyword | #F92672 | — |
| storage | #F92672 | |
| storage.type | #66D9EF | italic |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #A6E22E | underline |
| entity.other.inherited-class | #A6E22E | italic underline |
| entity.name.function | #A6E22E | |
| variable.parameter | #FD971F | italic |
| entity.name.tag | #F92672 | |
| entity.other.attribute-name | #A6E22E | |
| support.function | #66D9EF | |
| support.constant | #66D9EF | |
| support.type, support.class | #66D9EF | italic |
| support.other.variable | — | |
| invalid | #F44747 | |
| invalid.deprecated | #F44747 | — |
| 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 | — |
| markup.quote | #F92672 | — |
| markup.list | #E6DB74 | — |
| markup.bold, markup.italic | #66D9EF | — |
| markup.inline.raw | #FD971F | |
| markup.heading | #A6E22E | — |
| markup.heading.setext | #A6E22E | bold |
| markup.heading.markdown | — | bold |
| markup.quote.markdown | #75715E | italic |
| markup.bold.markdown | — | bold |
| string.other.link.title.markdown,string.other.link.description.markdown | #AE81FF | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #E6DB74 | — |
| markup.italic.markdown | — | italic |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #F8F8F2 | — |
| punctuation.definition.list.begin.markdown | #A6E22E | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| variable.language | #FD971F | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...