Midnight Dew Theme

Color themes

• 

  Midnight Dew Theme Dark

• 

  Midnight Dew Theme Light

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.activeBorder#7D55D3
• activityBar.background#ECE5EE
• activityBar.foreground#2B252D
• activityBar.inactiveForeground#817B83
• activityBarBadge.background#7D55D3
• activityBarBadge.foreground#FFFFFF
• badge.background#7D55D3
• badge.foreground#FFFFFF
• button.background#7D55D3
• button.foreground#FFFFFF
• button.hoverBackground#7D55D3
• descriptionForeground#817B83
• dropdown.background#ECE5EE
• dropdown.border#DAD4DC
• dropdown.foreground#2B252D
• editor.background#F8F1FA
• editor.findMatchBackground#AE93E2
• editor.findMatchHighlightBackground#AE93E277
• editor.foreground#2B252D
• editor.inactiveSelectionBackground#D6C5EF99
• editor.lineHighlightBackground#ECE5EE
• editor.selectionBackground#D6C5EF
• editorBracketMatch.background#D6C5EF
• editorBracketMatch.border#7D55D3
• editorCursor.foreground#7D55D3
• editorError.foreground#C93650
• editorGroupHeader.tabsBackground#E2DBE4
• editorHoverWidget.background#ECE5EE
• editorHoverWidget.border#DAD4DC
• editorHoverWidget.foreground#2B252D
• editorIndentGuide.activeBackground1#817B83
• editorIndentGuide.background1#DAD4DC66
• editorInfo.foreground#7478D2
• editorLineNumber.activeForeground#7D55D3
• editorLineNumber.foreground#817B83
• editorSuggestWidget.background#ECE5EE
• editorSuggestWidget.border#DAD4DC
• editorSuggestWidget.foreground#2B252D
• editorSuggestWidget.selectedBackground#D6C5EF
• editorWarning.foreground#906231
• editorWhitespace.foreground#DAD4DC66
• editorWidget.background#ECE5EE
• editorWidget.border#DAD4DC
• editorWidget.foreground#2B252D
• errorForeground#C93650
• focusBorder#7D55D3
• foreground#2B252D
• gitDecoration.addedResourceForeground#8F9553
• gitDecoration.deletedResourceForeground#C93650
• gitDecoration.modifiedResourceForeground#7575D2
• input.background#ECE5EE
• input.border#DAD4DC
• input.foreground#2B252D
• input.placeholderForeground#817B83
• list.activeSelectionBackground#D6C5EF
• list.activeSelectionForeground#2B252D
• list.highlightForeground#7D55D3
• list.hoverBackground#EDE6EF
• list.inactiveSelectionBackground#D6C5EF99
• list.inactiveSelectionForeground#2B252D
• notifications.background#ECE5EE
• notifications.border#DAD4DC
• notifications.foreground#2B252D
• panel.background#ECE5EE
• panel.border#DAD4DC
• panel.foreground#2B252D
• quickInput.background#ECE5EE
• quickInput.foreground#2B252D
• scrollbarSlider.background#DAD4DC88
• scrollbarSlider.hoverBackground#DAD4DCBB
• selection.background#D6C5EF
• sideBar.background#ECE5EE
• sideBar.border#DAD4DC
• sideBar.foreground#2B252D
• statusBar.background#ECE5EE
• statusBar.debuggingBackground#7D55D3
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#2B252D
• statusBar.noFolderBackground#ECE5EE
• statusBar.noFolderForeground#2B252D
• tab.activeBackground#F8F1FA
• tab.activeBorderTop#7D55D3
• tab.activeForeground#2B252D
• tab.border#DAD4DC
• tab.inactiveBackground#E2DBE4
• tab.inactiveForeground#1B1B1F
• terminal.ansiBlack#201C22
• terminal.ansiBlue#7478D2
• terminal.ansiBrightBlack#817B83
• terminal.ansiBrightBlue#7478D2
• terminal.ansiBrightCyan#6A86CB
• terminal.ansiBrightGreen#8F9553
• terminal.ansiBrightMagenta#AF61B9
• terminal.ansiBrightRed#C93650
• terminal.ansiBrightWhite#2B252D
• terminal.ansiBrightYellow#906231
• terminal.ansiCyan#6A86CB
• terminal.ansiGreen#8F9553
• terminal.ansiMagenta#AF61B9
• terminal.ansiRed#C93650
• terminal.ansiWhite#817B83
• terminal.ansiYellow#906231
• terminal.background#F8F1FA
• terminal.foreground#2B252D
• textLink.activeForeground#7D55D3
• textLink.foreground#7D55D3
• titleBar.activeBackground#E2DBE4
• titleBar.activeForeground#2B252D
• titleBar.inactiveBackground#F8F1FA
• titleBar.inactiveForeground#817B83

tokenColors

TextMate scopes and font styles (syntax highlighting rules).