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#9B7DDD
• activityBar.background#1B151F
• activityBar.foreground#F8F7F6
• activityBar.inactiveForeground#AB9B96
• activityBarBadge.background#41242F
• activityBarBadge.foreground#FFFFFF
• badge.background#9B7DDD
• badge.foreground#1B1B1F
• button.background#41242F
• button.foreground#FFFFFF
• button.hoverBackground#41242F
• descriptionForeground#AB9B96
• dropdown.background#2A242E
• dropdown.border#353037
• dropdown.foreground#F8F7F6
• editor.background#1A141C
• editor.findMatchBackground#685391
• editor.findMatchHighlightBackground#68539177
• editor.foreground#F8F7F6
• editor.inactiveSelectionBackground#3E315299
• editor.lineHighlightBackground#252027
• editor.selectionBackground#3E3152
• editorBracketMatch.background#3E3152
• editorBracketMatch.border#9B7DDD
• editorCursor.foreground#9B7DDD
• editorError.foreground#D86E81
• editorGroupHeader.tabsBackground#352E3A
• editorHoverWidget.background#2A242E
• editorHoverWidget.border#353037
• editorHoverWidget.foreground#F8F7F6
• editorIndentGuide.activeBackground1#AB9B96
• editorIndentGuide.background1#35303766
• editorInfo.foreground#838CD7
• editorLineNumber.activeForeground#9B7DDD
• editorLineNumber.foreground#AB9B96
• editorSuggestWidget.background#2A242E
• editorSuggestWidget.border#353037
• editorSuggestWidget.foreground#F8F7F6
• editorSuggestWidget.selectedBackground#3E3152
• editorWarning.foreground#D8B48D
• editorWhitespace.foreground#35303766
• editorWidget.background#2A242E
• editorWidget.border#353037
• editorWidget.foreground#F8F7F6
• errorForeground#D86E81
• focusBorder#9B7DDD
• foreground#F8F7F6
• gitDecoration.addedResourceForeground#B0BA7D
• gitDecoration.deletedResourceForeground#D86E81
• gitDecoration.modifiedResourceForeground#858BD8
• input.background#2A242E
• input.border#353037
• input.foreground#F8F7F6
• input.placeholderForeground#AB9B96
• list.activeSelectionBackground#3E3152
• list.activeSelectionForeground#F8F7F6
• list.highlightForeground#9B7DDD
• list.hoverBackground#28212B
• list.inactiveSelectionBackground#3E315299
• list.inactiveSelectionForeground#F8F7F6
• notifications.background#2A242E
• notifications.border#353037
• notifications.foreground#F8F7F6
• panel.background#2A242E
• panel.border#353037
• panel.foreground#F8F7F6
• quickInput.background#2A242E
• quickInput.foreground#F8F7F6
• scrollbarSlider.background#35303788
• scrollbarSlider.hoverBackground#353037BB
• selection.background#3E3152
• sideBar.background#2A242E
• sideBar.border#353037
• sideBar.foreground#F8F7F6
• statusBar.background#2A242E
• statusBar.debuggingBackground#9B7DDD
• statusBar.debuggingForeground#1B1B1F
• statusBar.foreground#F8F7F6
• statusBar.noFolderBackground#2A242E
• statusBar.noFolderForeground#F8F7F6
• tab.activeBackground#1A141C
• tab.activeBorderTop#9B7DDD
• tab.activeForeground#F8F7F6
• tab.border#353037
• tab.inactiveBackground#352E3A
• tab.inactiveForeground#AB9B96
• terminal.ansiBlack#110D12
• terminal.ansiBlue#838CD7
• terminal.ansiBrightBlack#AB9B96
• terminal.ansiBrightBlue#838CD7
• terminal.ansiBrightCyan#799AD0
• terminal.ansiBrightGreen#B0BA7D
• terminal.ansiBrightMagenta#BE75BE
• terminal.ansiBrightRed#D86E81
• terminal.ansiBrightWhite#F8F7F6
• terminal.ansiBrightYellow#D8B48D
• terminal.ansiCyan#799AD0
• terminal.ansiGreen#B0BA7D
• terminal.ansiMagenta#BE75BE
• terminal.ansiRed#D86E81
• terminal.ansiWhite#AB9B96
• terminal.ansiYellow#D8B48D
• terminal.background#1A141C
• terminal.foreground#F8F7F6
• textLink.activeForeground#9B7DDD
• textLink.foreground#9B7DDD
• titleBar.activeBackground#352E3A
• titleBar.activeForeground#F8F7F6
• titleBar.inactiveBackground#1A141C
• titleBar.inactiveForeground#AB9B96

tokenColors

TextMate scopes and font styles (syntax highlighting rules).