MonoNight Pro
Publisher: Abhishek SankpalThemes in package: 3
Palenight backgrounds with Monokai, Material, and One Dark Pro syntax colors.
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.background#14162A
- activityBar.border#1B1E2B
- activityBar.foreground#CDD3F5
- activityBar.inactiveForeground#4A5080
- activityBarBadge.background#C792EA
- activityBarBadge.foreground#14162A
- badge.background#C792EA
- badge.foreground#14162A
- breadcrumb.activeSelectionForeground#82AAFF
- breadcrumb.background#252839
- breadcrumb.foreground#676E95
- breadcrumbPicker.background#1B1E2B
- button.background#5C6BC0
- button.foreground#CDD3F5
- button.hoverBackground#7C6F9A
- button.secondaryBackground#303446
- button.secondaryForeground#A6ACCD
- button.secondaryHoverBackground#3C4159
- charts.blue#82AAFF
- charts.green#C3E88D
- charts.orange#F78C6C
- charts.purple#C792EA
- charts.red#E06C75
- charts.yellow#FFCB6B
- debugExceptionWidget.background#1B1E2B
- debugExceptionWidget.border#E06C75
- debugTokenExpression.boolean#C792EA
- debugTokenExpression.name#82AAFF
- debugTokenExpression.null#FF6188
- debugTokenExpression.number#FF6188
- debugTokenExpression.string#C3E88D
- debugTokenExpression.value#C3E88D
- debugToolBar.background#1B1E2B
- debugToolBar.border#3A3F5C
- dropdown.background#1B1E2B
- dropdown.border#3A3F5C
- dropdown.foreground#A6ACCD
- editor.background#292D3E
- editor.findMatchBackground#FFCB6B44
- editor.findMatchHighlightBackground#FFCB6B22
- editor.foreground#A6ACCD
- editor.hoverHighlightBackground#303446
- editor.inactiveSelectionBackground#3C415966
- editor.lineHighlightBackground#303446
- editor.selectionBackground#3C4159
- editor.selectionHighlightBackground#3C415988
- editor.wordHighlightBackground#3C415966
- editor.wordHighlightStrongBackground#3C4159AA
- editorBracketMatch.background#3C4159
- editorBracketMatch.border#89DDFF66
- editorCursor.foreground#FFCB6B
- editorError.foreground#E06C75
- editorGroupHeader.tabsBackground#1E2130
- editorGroupHeader.tabsBorder#1B1E2B
- editorGutter.addedBackground#C3E88D
- editorGutter.background#292D3E
- editorGutter.deletedBackground#E06C75
- editorGutter.modifiedBackground#82AAFF
- editorHoverWidget.background#1B1E2B
- editorHoverWidget.border#3A3F5C
- editorIndentGuide.activeBackground1#3A3F5C
- editorIndentGuide.background1#1E2130
- editorInfo.foreground#82AAFF
- editorLineNumber.activeForeground#FFCB6B
- editorLineNumber.foreground#3A3F5C
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#E06C75
- editorOverviewRuler.findMatchForeground#FFCB6B88
- editorOverviewRuler.selectionHighlightForeground#3C4159
- editorOverviewRuler.warningForeground#FFCB6B
- editorRuler.foreground#1E2130
- editorSuggestWidget.background#1B1E2B
- editorSuggestWidget.border#3A3F5C
- editorSuggestWidget.foreground#A6ACCD
- editorSuggestWidget.highlightForeground#C792EA
- editorSuggestWidget.selectedBackground#303446
- editorWarning.foreground#FFCB6B
- editorWidget.background#1B1E2B
- editorWidget.border#3A3F5C
- extensionBadge.remoteBackground#5C6BC0
- extensionBadge.remoteForeground#CDD3F5
- extensionButton.prominentBackground#5C6BC0
- extensionButton.prominentForeground#CDD3F5
- extensionButton.prominentHoverBackground#7C6F9A
- focusBorder#C792EA88
- foreground#A6ACCD
- gitDecoration.addedResourceForeground#C3E88D
- gitDecoration.conflictingResourceForeground#FFCB6B
- gitDecoration.deletedResourceForeground#E06C75
- gitDecoration.ignoredResourceForeground#4A5080
- gitDecoration.modifiedResourceForeground#82AAFF
- gitDecoration.untrackedResourceForeground#C3E88D
- icon.foreground#8891B8
- input.background#1B1E2B
- input.border#3A3F5C
- input.foreground#A6ACCD
- input.placeholderForeground#4A5080
- inputOption.activeBackground#303446
- inputOption.activeBorder#C792EA
- inputOption.activeForeground#C792EA
- inputValidation.errorBackground#E06C7522
- inputValidation.errorBorder#E06C75
- inputValidation.warningBackground#FFCB6B22
- inputValidation.warningBorder#FFCB6B
- list.activeSelectionBackground#303446
- list.activeSelectionForeground#CDD3F5
- list.errorForeground#E06C75
- list.focusBackground#303446
- list.highlightForeground#C792EA
- list.hoverBackground#252839
- list.hoverForeground#A6ACCD
- list.inactiveSelectionBackground#252839
- list.inactiveSelectionForeground#A6ACCD
- list.warningForeground#FFCB6B
- menu.background#1B1E2B
- menu.foreground#A6ACCD
- menu.selectionBackground#303446
- menu.selectionForeground#CDD3F5
- menu.separatorBackground#3A3F5C
- menubar.selectionBackground#303446
- menubar.selectionForeground#CDD3F5
- minimap.background#1B1E2B
- minimap.errorHighlight#E06C75
- minimap.selectionHighlight#3C4159
- minimap.warningHighlight#FFCB6B
- notificationCenterHeader.background#14162A
- notificationCenterHeader.foreground#676E95
- notifications.background#1B1E2B
- notifications.border#3A3F5C
- notifications.foreground#A6ACCD
- panel.background#1B1E2B
- panel.border#1B1E2B
- panelTitle.activeBorder#C792EA
- panelTitle.activeForeground#CDD3F5
- panelTitle.inactiveForeground#676E95
- progressBar.background#C792EA
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#3C4159CC
- scrollbarSlider.background#3C415966
- scrollbarSlider.hoverBackground#3C4159AA
- selection.background#3C4159
- settings.headerForeground#CDD3F5
- settings.modifiedItemIndicator#C792EA
- sideBar.background#1B1E2B
- sideBar.border#1B1E2B
- sideBar.foreground#8891B8
- sideBarSectionHeader.background#1B1E2B
- sideBarSectionHeader.border#1B1E2B
- sideBarSectionHeader.foreground#4A5080
- sideBarTitle.foreground#4A5080
- statusBar.background#1F213A
- statusBar.border#1B1E2B
- statusBar.debuggingBackground#C792EA
- statusBar.debuggingForeground#14162A
- statusBar.foreground#676E95
- statusBar.noFolderBackground#1F213A
- statusBarItem.activeBackground#303446
- statusBarItem.errorBackground#E06C75
- statusBarItem.errorForeground#14162A
- statusBarItem.hoverBackground#303446
- statusBarItem.prominentBackground#14162A
- statusBarItem.remoteBackground#5C6BC0
- statusBarItem.remoteForeground#CDD3F5
- statusBarItem.warningBackground#FFCB6B
- statusBarItem.warningForeground#14162A
- tab.activeBackground#292D3E
- tab.activeBorderTop#C792EA
- tab.activeForeground#CDD3F5
- tab.border#1B1E2B
- tab.hoverBackground#252839
- tab.hoverForeground#A6ACCD
- tab.inactiveBackground#1E2130
- tab.inactiveForeground#676E95
- tab.unfocusedActiveBackground#292D3E
- tab.unfocusedActiveForeground#A6ACCD
- terminal.ansiBlack#292D3E
- terminal.ansiBlue#82AAFF
- terminal.ansiBrightBlack#676E95
- terminal.ansiBrightBlue#82AAFF
- terminal.ansiBrightCyan#89DDFF
- terminal.ansiBrightGreen#C3E88D
- terminal.ansiBrightMagenta#C792EA
- terminal.ansiBrightRed#E06C75
- terminal.ansiBrightWhite#CDD3F5
- terminal.ansiBrightYellow#FFCB6B
- terminal.ansiCyan#89DDFF
- terminal.ansiGreen#C3E88D
- terminal.ansiMagenta#C792EA
- terminal.ansiRed#E06C75
- terminal.ansiWhite#A6ACCD
- terminal.ansiYellow#FFCB6B
- terminal.background#1B1E2B
- terminal.foreground#A6ACCD
- terminalCursor.foreground#FFCB6B
- titleBar.activeBackground#111325
- titleBar.activeForeground#676E95
- titleBar.border#00000000
- titleBar.inactiveBackground#111325
- titleBar.inactiveForeground#4A5080
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #676E95 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.bitwise, keyword.other.debugger, storage.type, storage.modifier | #C792EA | italic |
| storage.type.class, storage.type.function, storage.type.ts, storage.type.js | #C792EA | italic |
| string, string.quoted, string.template, string.interpolated, string.regexp | #C3E88D | — |
| meta.template.expression, punctuation.definition.template-expression | #89DDFF | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal | #FF6188 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, variable.language.this, variable.language.super | #F78C6C | italic |
| entity.name.function, meta.function-call, meta.function-call entity.name.function, support.function, support.function.console | #82AAFF | — |
| variable.parameter, meta.function.parameter | #A6ACCD | italic |
| variable, variable.other, variable.other.readwrite | #A6ACCD | — |
| variable.other.object | #89DDFF | — |
| variable.other.constant | #82AAFF | — |
| variable.other.property | #A6ACCD | — |
| meta.object-literal.key | #82AAFF | — |
| support.type.property-name | #89DDFF | — |
| entity.name.tag.yaml | #82AAFF | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, meta.type.annotation, meta.type.parameters | #FFCB6B | — |
| entity.name.type.ts, entity.name.type.js, meta.type.annotation.ts, support.type.primitive, keyword.type | #FFCB6B | — |
| meta.decorator, punctuation.decorator, entity.name.function.ts meta.decorator | #82AAFF | italic |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.relational, keyword.operator.ternary, keyword.operator.spread, keyword.operator.optional | #89DDFF | — |
| punctuation, meta.brace, punctuation.definition.block, punctuation.definition.parameters, punctuation.separator.comma, punctuation.terminator.statement | #89DDFF | — |
| support.type.builtin, support.class.builtin, support.variable.dom, support.variable.property.dom, support.function.dom | #56B6C2 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #C792EA | italic |
| string.quoted.single.js meta.import, string.quoted.double.js meta.import | #C3E88D | — |
| entity.name.tag, meta.tag, punctuation.definition.tag | #FF6188 | — |
| entity.other.attribute-name, meta.tag.attributes | #C792EA | — |
| string.quoted.double.html, string.quoted.single.html | #C3E88D | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #FF6188 | — |
| support.type.property-name.css, meta.property-name | #82AAFF | — |
| support.constant.property-value.css, constant.numeric.css, keyword.other.unit.css | #F78C6C | — |
| constant.other.color.rgb-value.css | #FFCB6B | — |
| support.type.property-name.json, string.json meta.structure.dictionary.value | #82AAFF | — |
| entity.name.section.markdown, markup.heading | #C792EA | bold |
| markup.bold | #FFCB6B | bold |
| markup.italic | #F78C6C | italic |
| markup.inline.raw | #C3E88D | — |
| markup.underline.link | #82AAFF | — |
| invalid, invalid.illegal | #E06C75 | underline |