Eclipse Midnight Theme
Publisher: EclipseThemes in package: 2
Two galactic dark themes -> Eclipse: Lunar and Eclipse: Solar. Designed for comfortable midnight coding.
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#151020
- activityBar.foreground#706890
- activityBar.inactiveForeground#504870
- activityBarBadge.background#8890c0
- activityBarBadge.foreground#f0f0f8
- breadcrumb.activeSelectionForeground#c0c8d8
- breadcrumb.focusForeground#9088a8
- breadcrumb.foreground#504870
- button.background#6070a0
- button.foreground#f0f0f8
- button.hoverBackground#7080b0
- dropdown.background#2a1a38
- dropdown.border#352545
- editor.background#1a1028
- editor.foreground#c0c8d8
- editor.inactiveSelectionBackground#251535
- editor.indentGuide.activeBackground#453555
- editor.indentGuide.background#352545
- editor.lineHighlightBackground#251535
- editor.selectionBackground#2a1a38
- editor.selectionHighlightBackground#352545
- editorCursor.foreground#d0d8e8
- editorError.foreground#d88888
- editorInfo.foreground#b0a0d0
- editorLineNumber.activeForeground#7060a0
- editorLineNumber.foreground#352545
- editorWarning.foreground#d8b878
- gitDecoration.deletedResourceForeground#d88888
- gitDecoration.ignoredResourceForeground#504870
- gitDecoration.modifiedResourceForeground#d8b878
- gitDecoration.untrackedResourceForeground#a090c0
- input.background#2a1a38
- input.border#352545
- input.foreground#c0c8d8
- input.placeholderForeground#504870
- list.activeSelectionBackground#2a1a38
- list.activeSelectionForeground#c0c8d8
- list.focusBackground#2a1a38
- list.focusForeground#c0c8d8
- list.hoverBackground#251535
- list.inactiveSelectionBackground#251535
- list.inactiveSelectionForeground#9088a8
- panel.background#151020
- panel.border#352545
- panelTitle.activeForeground#c0c8d8
- panelTitle.inactiveForeground#504870
- problemsErrorIcon.foreground#d88888
- problemsInfoIcon.foreground#b0a0d0
- problemsWarningIcon.foreground#d8b878
- scrollbar.shadow#000000
- sideBar.background#151020
- sideBar.foreground#9088a8
- sideBarSectionHeader.background#151020
- sideBarSectionHeader.foreground#706890
- statusBar.background#151020
- statusBar.debuggingBackground#151020
- statusBar.debuggingForeground#d8b878
- statusBar.foreground#706890
- statusBar.noFolderBackground#151020
- tab.activeBackground#1a1028
- tab.activeBorder#8890c0
- tab.activeForeground#c0c8d8
- tab.inactiveBackground#120a18
- tab.inactiveForeground#504870
- terminal.background#1a1028
- terminal.foreground#c0c8d8
- terminalCursor.background#1a1028
- terminalCursor.foreground#d0d8e8
- titleBar.activeBackground#151020
- titleBar.activeForeground#9088a8
- titleBar.inactiveBackground#151020
- titleBar.inactiveForeground#504870
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #605880 | italic |
| keyword | #c08080 | — |
| keyword.control, keyword.operator, keyword.other | #c08080 | — |
| storage.type, storage.modifier | #c08080 | — |
| string | #a090c0 | — |
| string.template | #a090c0 | — |
| constant.numeric | #80a0c0 | — |
| constant.language | #80a0c0 | — |
| constant.character, constant.other | #80a0c0 | — |
| entity.name.function | #9080c0 | — |
| entity.name.function.call | #9080c0 | — |
| entity.name.method | #9080c0 | — |
| variable | #c0c8d8 | — |
| variable.other | #c0c8d8 | — |
| variable.language | #c08080 | — |
| entity.name.type, entity.name.class, support.type, support.class | #b0a0d0 | — |
| entity.other.inherited-class | #b0a0d0 | — |
| support.constant | #80a0c0 | — |
| support.function | #9080c0 | — |
| constant.other.placeholder | #b0a0d0 | — |
| punctuation | #706890 | — |
| punctuation.definition.comment | #605880 | — |
| punctuation.definition.string | #a090c0 | — |
| punctuation.definition.parameters | #c0c8d8 | — |
| punctuation.definition.function | #9080c0 | — |
| punctuation.definition.block | #c0c8d8 | — |
| punctuation.definition.variable | #c08080 | — |
| meta.brace.round, meta.brace.square, meta.brace.curly | #c0c8d8 | — |
| operator | #c0a080 | — |
| keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical | #c0a080 | — |
| entity.name.tag | #c08080 | — |
| entity.other.attribute-name | #b0a0d0 | — |
| markup.heading, markup.bold | #9080c0 | bold |
| markup.italic | #b0a0d0 | italic |
| markup.link | #80a0c0 | — |
| markup.quote | #706890 | italic |
| markup.list | #c0c8d8 | — |
| meta.selector | #c08080 | — |
| entity.name.namespace | #b0a0d0 | — |
| support.type.property-name | #b0a0d0 | — |
| constant.other.color | #80a0c0 | — |
| invalid | #b87070 | — |
| invalid.deprecated | #504870 | italic |