Midnight Breeze
Publisher: Leandro Aparecido de SiqueiraThemes in package: 1
Midnight Breeze is a stylish dark theme for Visual Studio Code, with a soft palette and balanced contrasts that help ease eye strain during long coding sessions.
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#0F111A
- activityBar.border#2A2E40
- activityBar.foreground#FFCC00
- activityBar.inactiveForeground#5C6370
- activityBarBadge.background#FF9D00
- activityBarBadge.foreground#000000
- badge.background#FF9D00
- badge.foreground#000000
- banner.background#FF9D0020
- banner.foreground#D6DEEB
- banner.iconForeground#FF9D00
- breadcrumb.activeSelectionForeground#FFCC00
- breadcrumb.background#1A1C2C
- breadcrumb.focusForeground#D6DEEB
- breadcrumb.foreground#666B8A
- breadcrumbPicker.background#151720
- button.background#FF9D00
- button.foreground#000000
- button.hoverBackground#FFCC00
- button.secondaryBackground#3A3E5C
- button.secondaryForeground#D6DEEB
- button.secondaryHoverBackground#5C6370
- charts.blue#82AAFF
- charts.foreground#D6DEEB
- charts.green#C3E88D
- charts.lines#3A3E5C
- charts.orange#FF9D00
- charts.purple#C792EA
- charts.red#FF5370
- charts.yellow#FFCC00
- checkbox.background#2A2E40
- checkbox.border#3A3E5C
- checkbox.foreground#D6DEEB
- checkbox.selectBackground#3C4C6C
- checkbox.selectBorder#FFCC00
- commandCenter.activeBackground#2A2E40
- commandCenter.activeBorder#FFCC00
- commandCenter.activeForeground#FFFFFF
- commandCenter.background#151720
- commandCenter.border#3A3E5C
- commandCenter.foreground#A6ACCD
- commandCenter.inactiveBorder#2A2E40
- commandCenter.inactiveForeground#666B8A
- debugConsole.errorForeground#FF5370
- debugConsole.infoForeground#82AAFF
- debugConsole.sourceForeground#D6DEEB
- debugConsole.warningForeground#FFCC00
- debugConsoleInputIcon.foreground#FFCC00
- debugToolBar.background#151720
- debugToolBar.border#3A3E5C
- diffEditor.insertedLineBackground#C3E88D10
- diffEditor.insertedTextBackground#C3E88D20
- diffEditor.removedLineBackground#FF537010
- diffEditor.removedTextBackground#FF537020
- dropdown.background#2A2E40
- dropdown.border#3A3E5C
- dropdown.foreground#D6DEEB
- dropdown.listBackground#151720
- editor.background#1A1C2C
- editor.findMatchBackground#FF9D0040
- editor.findMatchBorder#FF9D00
- editor.findMatchHighlightBackground#FF9D0020
- editor.findMatchHighlightBorder#FF9D0060
- editor.findRangeHighlightBackground#3C4C6C30
- editor.foreground#D6DEEB
- editor.inactiveSelectionBackground#2A2E4060
- editor.lineHighlightBackground#2A2E40
- editor.rangeHighlightBorder#3C4C6C60
- editor.selectionBackground#3C4C6C
- editor.selectionHighlightBackground#3C4C6C40
- editor.wordHighlightBackground#3C4C6C60
- editor.wordHighlightStrongBackground#3C4C6C80
- editorBracketMatch.background#3C4C6C80
- editorBracketMatch.border#FFCC00
- editorCodeLens.foreground#666B8A
- editorCommentsWidget.resolvedBorder#C3E88D
- editorCommentsWidget.unresolvedBorder#FF9D00
- editorCursor.foreground#FFCC00
- editorError.background#FF537020
- editorError.foreground#FF5370
- editorGhostText.background#2A2E4020
- editorGhostText.border#3A3E5C40
- editorGhostText.foreground#5C637080
- editorGroup.border#2A2E40
- editorGroup.dropBackground#3C4C6C40
- editorGroup.emptyBackground#151720
- editorGroup.focusedEmptyBorder#FFCC00
- editorGroupHeader.tabsBackground#151720
- editorGroupHeader.tabsBorder#2A2E40
- editorGutter.addedBackground#C3E88D
- editorGutter.background#1A1C2C
- editorGutter.commentGlyphForeground#5C6370
- editorGutter.commentRangeForeground#5C637080
- editorGutter.commentUnresolvedGlyphForeground#FF9D00
- editorGutter.deletedBackground#FF5370
- editorGutter.foldingControlForeground#5C6370
- editorGutter.modifiedBackground#FFCC00
- editorHint.foreground#C792EA
- editorHoverWidget.background#151720
- editorHoverWidget.border#3A3E5C
- editorHoverWidget.foreground#D6DEEB
- editorIndentGuide.activeBackground1#3A3E5C
- editorIndentGuide.background1#2A2E40
- editorInfo.background#82AAFF20
- editorInfo.foreground#82AAFF
- editorInlayHint.background#2A2E4060
- editorInlayHint.foreground#666B8A
- editorInlayHint.parameterBackground#C792EA20
- editorInlayHint.parameterForeground#C792EA
- editorInlayHint.typeBackground#82AAFF20
- editorInlayHint.typeForeground#82AAFF
- editorLightBulb.foreground#FFCC00
- editorLightBulbAutoFix.foreground#C3E88D
- editorLineNumber.activeForeground#FFCC00
- editorLineNumber.foreground#5C6370
- editorLink.activeForeground#82AAFF
- editorMarkerNavigation.background#151720
- editorMarkerNavigationError.background#FF537020
- editorMarkerNavigationError.headerBackground#FF537040
- editorMarkerNavigationInfo.background#82AAFF20
- editorMarkerNavigationInfo.headerBackground#82AAFF40
- editorMarkerNavigationWarning.background#FFCC0020
- editorMarkerNavigationWarning.headerBackground#FFCC0040
- editorOverviewRuler.addedForeground#C3E88D
- editorOverviewRuler.background#151720
- editorOverviewRuler.border#2A2E40
- editorOverviewRuler.deletedForeground#FF5370
- editorOverviewRuler.errorForeground#FF5370
- editorOverviewRuler.findMatchForeground#3C4C6C80
- editorOverviewRuler.infoForeground#82AAFF
- editorOverviewRuler.modifiedForeground#FFCC00
- editorOverviewRuler.rangeHighlightForeground#3C4C6C80
- editorOverviewRuler.selectionHighlightForeground#3C4C6C80
- editorOverviewRuler.warningForeground#FFCC00
- editorOverviewRuler.wordHighlightForeground#3C4C6C60
- editorOverviewRuler.wordHighlightStrongForeground#3C4C6C80
- editorRuler.foreground#2A2E40
- editorStickyScroll.background#1A1C2C
- editorStickyScroll.shadow#00000050
- editorStickyScrollHover.background#2A2E40
- editorSuggestWidget.background#151720
- editorSuggestWidget.border#3A3E5C
- editorSuggestWidget.foreground#D6DEEB
- editorSuggestWidget.highlightForeground#FFCC00
- editorSuggestWidget.selectedBackground#2A2E40
- editorUnicodeHighlight.background#FF537040
- editorUnicodeHighlight.border#FF5370
- editorUnnecessaryCode.border#FF537040
- editorUnnecessaryCode.opacity#00000060
- editorWarning.background#FFCC0020
- editorWarning.foreground#FFCC00
- editorWhitespace.foreground#3A3E5C60
- editorWidget.background#151720
- editorWidget.border#3A3E5C
- editorWidget.foreground#D6DEEB
- editorWidget.resizeBorder#FFCC00
- extensionButton.prominentBackground#FF9D00
- extensionButton.prominentForeground#000000
- extensionButton.prominentHoverBackground#FFCC00
- extensionIcon.preReleaseForeground#FF9D00
- extensionIcon.sponsorForeground#C792EA
- extensionIcon.starForeground#FFCC00
- extensionIcon.verifiedForeground#C3E88D
- gitDecoration.addedResourceForeground#C3E88D
- gitDecoration.conflictingResourceForeground#FF9D00
- gitDecoration.deletedResourceForeground#FF5370
- gitDecoration.ignoredResourceForeground#5C6370
- gitDecoration.modifiedResourceForeground#FFCC00
- gitDecoration.stageDeletedResourceForeground#FF5370
- gitDecoration.stageModifiedResourceForeground#FFCC00
- gitDecoration.submoduleResourceForeground#C792EA
- gitDecoration.untrackedResourceForeground#89DDFF
- inlineChat.background#151720
- inlineChat.border#3A3E5C
- inlineChat.shadow#00000050
- input.background#2A2E40
- input.border#3A3E5C
- input.foreground#D6DEEB
- input.placeholderForeground#666B8A
- inputOption.activeBackground#3C4C6C
- inputOption.activeBorder#FFCC00
- inputValidation.errorBackground#FF537020
- inputValidation.errorBorder#FF5370
- inputValidation.infoBackground#82AAFF20
- inputValidation.infoBorder#82AAFF
- inputValidation.warningBackground#FFCC0020
- inputValidation.warningBorder#FFCC00
- interactive.activeCodeBorder#FFCC00
- interactive.inactiveCodeBorder#3A3E5C
- keybindingLabel.background#2A2E40
- keybindingLabel.border#3A3E5C
- keybindingLabel.bottomBorder#5C6370
- keybindingLabel.foreground#D6DEEB
- list.activeSelectionBackground#3C4C6C
- list.activeSelectionForeground#FFFFFF
- list.deemphasizedForeground#666B8A
- list.errorForeground#FF5370
- list.filterMatchBackground#3C4C6C40
- list.filterMatchBorder#FFCC00
- list.focusBackground#3C4C6C
- list.focusForeground#FFFFFF
- list.highlightForeground#FFCC00
- list.hoverBackground#2A2E40
- list.hoverForeground#D6DEEB
- list.inactiveSelectionBackground#2A2E40
- list.inactiveSelectionForeground#D6DEEB
- list.invalidItemForeground#FF5370
- list.warningForeground#FFCC00
- menu.background#151720
- menu.border#3A3E5C
- menu.foreground#D6DEEB
- menu.selectionBackground#3C4C6C
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#3A3E5C
- menubar.selectionBackground#3C4C6C
- menubar.selectionForeground#FFFFFF
- merge.border#3A3E5C
- merge.commonContentBackground#666B8A20
- merge.commonHeaderBackground#666B8A40
- merge.currentContentBackground#C3E88D20
- merge.currentHeaderBackground#C3E88D40
- merge.incomingContentBackground#82AAFF20
- merge.incomingHeaderBackground#82AAFF40
- minimap.background#151720
- minimap.errorHighlight#FF5370
- minimap.findMatchHighlight#FF9D0040
- minimap.selectionHighlight#3C4C6C80
- minimap.warningHighlight#FFCC00
- minimapSlider.activeBackground#3A3E5CA0
- minimapSlider.background#3A3E5C60
- minimapSlider.hoverBackground#3A3E5C80
- multiDiffEditor.border#2A2E40
- multiDiffEditor.headerBackground#151720
- notebook.cellBorderColor#2A2E40
- notebook.cellHoverBackground#2A2E4040
- notebook.cellInsertionIndicator#FFCC00
- notebook.cellStatusBarItemHoverBackground#3A3E5C
- notebook.cellToolbarSeparator#3A3E5C
- notebook.editorBackground#1A1C2C
- notebook.focusedCellBackground#1A1C2C
- notebook.focusedCellBorder#FFCC00
- notebook.focusedEditorBorder#FFCC00
- notebook.inactiveFocusedCellBorder#3A3E5C
- notebook.outputContainerBackgroundColor#151720
- notebook.outputContainerBorderColor#2A2E40
- notebook.selectedCellBackground#2A2E4040
- notebook.selectedCellBorder#3A3E5C
- notebook.symbolHighlightBackground#3C4C6C40
- notebookScrollbarSlider.activeBackground#3A3E5CA0
- notebookScrollbarSlider.background#3A3E5C60
- notebookScrollbarSlider.hoverBackground#3A3E5C80
- notebookStatusErrorIcon.foreground#FF5370
- notebookStatusRunningIcon.foreground#FFCC00
- notebookStatusSuccessIcon.foreground#C3E88D
- notificationCenter.border#3A3E5C
- notificationCenterHeader.background#151720
- notificationCenterHeader.foreground#D6DEEB
- notificationLink.foreground#82AAFF
- notifications.background#151720
- notifications.border#3A3E5C
- notifications.foreground#D6DEEB
- notificationToast.border#3A3E5C
- panel.background#151720
- panel.border#2A2E40
- panelInput.border#3A3E5C
- panelTitle.activeBorder#FFCC00
- panelTitle.activeForeground#D6DEEB
- panelTitle.inactiveForeground#666B8A
- peekView.border#FFCC00
- peekViewEditor.background#1A1C2C
- peekViewEditor.matchHighlightBackground#FF9D0040
- peekViewResult.background#151720
- peekViewResult.fileForeground#D6DEEB
- peekViewResult.lineForeground#A6ACCD
- peekViewResult.matchHighlightBackground#FF9D0040
- peekViewResult.selectionBackground#3C4C6C
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#0F111A
- peekViewTitleDescription.foreground#A6ACCD
- peekViewTitleLabel.foreground#D6DEEB
- pickerGroup.border#3A3E5C
- pickerGroup.foreground#FFCC00
- problemsErrorIcon.foreground#FF5370
- problemsInfoIcon.foreground#82AAFF
- problemsWarningIcon.foreground#FFCC00
- profileBadge.background#FF9D00
- profileBadge.foreground#000000
- progressBar.background#FF9D00
- quickInput.background#151720
- quickInput.foreground#D6DEEB
- quickInputList.focusBackground#3C4C6C
- quickInputList.focusForeground#FFFFFF
- quickInputList.focusIconForeground#FFCC00
- sash.hoverBorder#FFCC00
- scrollbar.shadow#00000050
- scrollbarSlider.activeBackground#3A3E5CA0
- scrollbarSlider.background#3A3E5C60
- scrollbarSlider.hoverBackground#3A3E5C80
- searchEditor.findMatchBackground#FF9D0040
- searchEditor.findMatchBorder#FF9D00
- searchEditor.textInputBorder#3A3E5C
- settings.checkboxBackground#2A2E40
- settings.checkboxBorder#3A3E5C
- settings.checkboxForeground#D6DEEB
- settings.dropdownBackground#2A2E40
- settings.dropdownBorder#3A3E5C
- settings.dropdownForeground#D6DEEB
- settings.headerForeground#D6DEEB
- settings.modifiedItemIndicator#FFCC00
- settings.numberInputBackground#2A2E40
- settings.numberInputBorder#3A3E5C
- settings.numberInputForeground#D6DEEB
- settings.textInputBackground#2A2E40
- settings.textInputBorder#3A3E5C
- settings.textInputForeground#D6DEEB
- sideBar.background#151720
- sideBar.border#2A2E40
- sideBar.foreground#A6ACCD
- sideBarSectionHeader.background#1A1C2C
- sideBarSectionHeader.border#2A2E40
- sideBarSectionHeader.foreground#D6DEEB
- sideBarTitle.foreground#D6DEEB
- statusBar.background#0F111A
- statusBar.border#2A2E40
- statusBar.debuggingBackground#FF9D00
- statusBar.debuggingForeground#000000
- statusBar.foreground#A6ACCD
- statusBar.noFolderBackground#0F111A
- statusBarItem.activeBackground#2A2E40
- statusBarItem.errorBackground#FF537020
- statusBarItem.errorForeground#FF5370
- statusBarItem.hoverBackground#3A3E5C
- statusBarItem.prominentBackground#FF9D00
- statusBarItem.prominentForeground#000000
- statusBarItem.prominentHoverBackground#FFCC00
- statusBarItem.warningBackground#FFCC0020
- statusBarItem.warningForeground#FFCC00
- symbolIcon.arrayForeground#FF9D00
- symbolIcon.booleanForeground#FF9D00
- symbolIcon.classForeground#FFCC00
- symbolIcon.colorForeground#D6DEEB
- symbolIcon.constantForeground#C792EA
- symbolIcon.constructorForeground#FFCC00
- symbolIcon.enumeratorForeground#FFCC00
- symbolIcon.enumeratorMemberForeground#82AAFF
- symbolIcon.eventForeground#FFCC00
- symbolIcon.fieldForeground#82AAFF
- symbolIcon.fileForeground#D6DEEB
- symbolIcon.folderForeground#D6DEEB
- symbolIcon.functionForeground#82AAFF
- symbolIcon.interfaceForeground#82AAFF
- symbolIcon.keyForeground#D6DEEB
- symbolIcon.keywordForeground#FF9D00
- symbolIcon.methodForeground#82AAFF
- symbolIcon.moduleForeground#D6DEEB
- symbolIcon.namespaceForeground#D6DEEB
- symbolIcon.nullForeground#FF9D00
- symbolIcon.numberForeground#F78C6C
- symbolIcon.objectForeground#D6DEEB
- symbolIcon.operatorForeground#89DDFF
- symbolIcon.packageForeground#D6DEEB
- symbolIcon.propertyForeground#D6DEEB
- symbolIcon.referenceForeground#D6DEEB
- symbolIcon.snippetForeground#D6DEEB
- symbolIcon.stringForeground#ECC48D
- symbolIcon.structForeground#FFCC00
- symbolIcon.textForeground#D6DEEB
- symbolIcon.typeParameterForeground#89DDFF
- symbolIcon.unitForeground#D6DEEB
- symbolIcon.variableForeground#82AAFF
- tab.activeBackground#1A1C2C
- tab.activeBorder#FFCC00
- tab.activeForeground#FFFFFF
- tab.activeModifiedBorder#FF9D00
- tab.border#2A2E40
- tab.dragAndDropBorder#FFCC00
- tab.hoverBackground#2A2E40
- tab.hoverForeground#D6DEEB
- tab.inactiveBackground#151720
- tab.inactiveForeground#666B8A
- tab.inactiveModifiedBorder#5C6370
- tab.lastPinnedBorder#3A3E5C
- tab.unfocusedActiveForeground#A6ACCD
- tab.unfocusedInactiveForeground#5C6370
- terminal.ansiBlack#1A1C2C
- terminal.ansiBlue#82AAFF
- terminal.ansiBrightBlack#5C6370
- terminal.ansiBrightBlue#82AAFF
- terminal.ansiBrightCyan#89DDFF
- terminal.ansiBrightGreen#C3E88D
- terminal.ansiBrightMagenta#C792EA
- terminal.ansiBrightRed#FF869A
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFCC00
- terminal.ansiCyan#89DDFF
- terminal.ansiGreen#C3E88D
- terminal.ansiMagenta#C792EA
- terminal.ansiRed#FF5370
- terminal.ansiWhite#D6DEEB
- terminal.ansiYellow#FFCC00
- terminal.background#1A1C2C
- terminal.border#2A2E40
- terminal.dropBackground#3C4C6C40
- terminal.foreground#D6DEEB
- terminal.selectionBackground#3C4C6C
- terminal.tab.activeBorder#FFCC00
- terminalCommandDecoration.defaultBackground#3A3E5C40
- terminalCommandDecoration.errorBackground#FF537040
- terminalCommandDecoration.successBackground#C3E88D40
- terminalCursor.background#1A1C2C
- terminalCursor.foreground#FFCC00
- testing.iconErrored#FF5370
- testing.iconFailed#FF5370
- testing.iconPassed#C3E88D
- testing.iconQueued#FFCC00
- testing.iconSkipped#666B8A
- testing.iconUnset#5C6370
- testing.message.error.lineBackground#FF537020
- testing.message.info.decorationForeground#82AAFF
- testing.message.info.lineBackground#82AAFF20
- testing.peekBorder#FFCC00
- testing.peekHeaderBackground#151720
- testing.runAction#C3E88D
- titleBar.activeBackground#0F111A
- titleBar.activeForeground#A6ACCD
- titleBar.border#2A2E40
- titleBar.inactiveBackground#0F111A
- titleBar.inactiveForeground#5C6370
- tree.indentGuidesStroke#3A3E5C
- welcomePage.background#1A1C2C
- welcomePage.progress.background#2A2E40
- welcomePage.progress.foreground#FF9D00
- welcomePage.tileBackground#151720
- welcomePage.tileBorder#3A3E5C
- welcomePage.tileHoverBackground#2A2E40
- window.activeBorder#FFCC00
- window.inactiveBorder#3A3E5C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5C6773 | italic |
| keyword | #FF9D00 | bold |
| variable, identifier | #D6DEEB | — |
| string | #ECC48D | — |
| constant.numeric | #F78C6C | — |
| entity.name.function, support.function | #82AAFF | — |
| storage.type, support.class | #C792EA | — |
| entity.name.type | #ADD7FF | — |
| invalid, invalid.illegal | #FFFFFF | — |
| punctuation.separator, punctuation.terminator | #89DDFF | — |
| entity.name.tag | #FF5370 | — |
| entity.other.attribute-name | #C792EA | — |
| support.type.property-name | #82AAFF | — |
| constant.language | #FF9D00 | — |
| meta.preprocessor | #C792EA | — |
| entity.name.section | #82AAFF | bold |
| markup.heading | #82AAFF | bold |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.underline | — | underline |
| entity.name.class | #FFCC00 | bold |
| entity.name.interface | #82AAFF | bold |
| entity.name.namespace | #C792EA | — |
| entity.name.module | #C792EA | — |
| entity.name.import | #89DDFF | — |
| entity.name.label | #FF9D00 | — |
| entity.name.function.constructor | #FFCC00 | bold |
| entity.name.function.member | #82AAFF | — |
| support.function.builtin | #C792EA | — |
| support.function.magic | #C792EA | italic |
| variable.parameter | #ADD7FF | italic |
| variable.language | #FF9D00 | italic |
| variable.other.readwrite | #D6DEEB | — |
| variable.other.constant | #C792EA | — |
| variable.other.property | #82AAFF | — |
| string.quoted.single | #ECC48D | — |
| string.quoted.double | #ECC48D | — |
| string.quoted.triple | #ECC48D | — |
| string.template | #ECC48D | — |
| string.regexp | #C3E88D | — |
| string.interpolated | #ECC48D | — |
| keyword.operator.arithmetic | #89DDFF | — |
| keyword.operator.assignment | #89DDFF | — |
| keyword.operator.comparison | #89DDFF | — |
| keyword.operator.logical | #89DDFF | — |
| punctuation.definition.string | #ECC48D | — |
| punctuation.definition.array | #89DDFF | — |
| punctuation.definition.dictionary | #89DDFF | — |
| keyword.control.flow | #FF9D00 | bold |
| keyword.control.import | #FF9D00 | bold |
| keyword.control.export | #FF9D00 | bold |
| keyword.other.unit | #F78C6C | — |
| storage.modifier | #C792EA | — |
| storage.modifier.async | #C792EA | italic |
| constant.other.color | #F78C6C | — |
| constant.character.escape | #89DDFF | — |
| meta.function-call | #82AAFF | — |
| meta.method-call | #82AAFF | — |
| meta.property-name | #82AAFF | — |
| meta.object-literal.key | #82AAFF | — |
| support.type.primitive | #C792EA | — |
| support.class.builtin | #FFCC00 | — |
| support.constant | #C792EA | — |
| support.variable | #FF9D00 | — |
| markup.list | #ECC48D | — |
| markup.quote | #5C6773 | italic |
| markup.raw | #C3E88D | — |
| markup.fenced_code | #C3E88D | — |
| punctuation.definition.tag | #FF5370 | — |
| entity.other.attribute-name.class | #FFCC00 | — |
| entity.other.attribute-name.id | #82AAFF | — |
| source.css support.type.property-name | #82AAFF | — |
| source.css constant.numeric | #F78C6C | — |
| source.css support.constant.color | #F78C6C | — |
| source.json meta.structure.dictionary.key | #82AAFF | — |
| source.json meta.structure.dictionary.value string | #ECC48D | — |