Eclipse Wave
Publisher: Arin MandalThemes in package: 4
A cosmic dark theme with soft, eye-friendly colors — designed for long coding sessions. Beautiful syntax highlighting for JS, TS, Python, React, Rust, Go, HTML, CSS, Markdown & more.
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.activeBorder#9D7CFF
- activityBar.background#14182E
- activityBar.foreground#8AB4F8
- activityBar.inactiveForeground#8A929E
- activityBarBadge.background#E94560
- activityBarBadge.foreground#FFFFFF
- banner.background#1C1F3A
- banner.foreground#B0B6C2
- banner.iconForeground#9D7CFF
- breadcrumb.activeSelectionForeground#9D7CFF
- breadcrumb.focusForeground#8AB4F8
- breadcrumb.foreground#8A929E
- button.background#1C1F3A
- button.foreground#C0CBE3
- button.hoverBackground#9D7CFF44
- charts.blue#82AAFF
- charts.foreground#B0B6C2
- charts.green#7EC699
- charts.lines#7C809A
- charts.orange#E5A574
- charts.purple#9D7CFF
- charts.red#E94560
- charts.yellow#D7BA7D
- commandCenter.activeBackground#1C1F3A
- commandCenter.activeBorder#9D7CFF
- commandCenter.activeForeground#C0CBE3
- commandCenter.background#101325
- commandCenter.border#2C325A
- debugConsole.errorForeground#FF5555
- debugConsole.infoForeground#7CC8DE
- debugConsole.sourceForeground#B0B6C2
- debugConsole.warningForeground#D7BA7D
- debugConsoleInputIcon.foreground#9D7CFF
- debugIcon.breakpointForeground#E94560
- debugToolBar.background#101325
- diffEditor.insertedLineBackground#7EC69915
- diffEditor.insertedTextBackground#7EC69955
- diffEditor.removedLineBackground#E9456015
- diffEditor.removedTextBackground#E9456055
- dropdown.background#14182E
- dropdown.border#262C44
- dropdown.foreground#B0B6C2
- editor.background#0B0F1A
- editor.findMatchBackground#9D7CFF55
- editor.findMatchHighlightBackground#9D7CFF33
- editor.findRangeHighlightBackground#1C1F3A
- editor.foreground#C0CBE3
- editor.inactiveSelectionBackground#1C1F3A
- editor.lineHighlightBackground#1C1F3A40
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#9D7CFF18
- editor.selectionBackground#9D7CFF55
- editor.selectionHighlightBackground#9D7CFF30
- editor.wordHighlightBackground#9D7CFF33
- editor.wordHighlightStrongBackground#9D7CFF44
- editorBracketHighlight.foreground1#FFB86C
- editorBracketHighlight.foreground2#7CC8DE
- editorBracketHighlight.foreground3#7EC699
- editorBracketHighlight.foreground4#BD93F9
- editorBracketHighlight.foreground5#FF79C6
- editorBracketHighlight.foreground6#D7BA7D
- editorBracketHighlight.unexpectedBracket.foreground#FF5555
- editorBracketMatch.background#9D7CFF22
- editorBracketMatch.border#9D7CFF88
- editorCodeLens.foreground#7C809A
- editorCursor.foreground#BD93F9
- editorError.foreground#FF5555
- editorGhostText.background#1C1F3A20
- editorGhostText.foreground#7C809A80
- editorGroup.border#262C44
- editorGroup.dropBackground#9D7CFF22
- editorGroupHeader.tabsBackground#101325
- editorGutter.addedBackground#7EC69955
- editorGutter.commentRangeForeground#8A929E
- editorGutter.deletedBackground#E9456055
- editorGutter.foldingControlForeground#8A929E
- editorGutter.modifiedBackground#82AAFFAA
- editorHoverWidget.background#14182E
- editorHoverWidget.border#2C325A
- editorIndentGuide.activeBackground1#9D7CFF44
- editorIndentGuide.background1#2C325A33
- editorInfo.foreground#7CC8DE
- editorInlayHint.background#1C1F3A80
- editorInlayHint.foreground#8A929E
- editorInlayHint.parameterForeground#7CC8DE
- editorInlayHint.typeForeground#9D7CFF
- editorLightBulb.foreground#D7BA7D
- editorLightBulbAutoFix.foreground#7EC699
- editorLineNumber.activeForeground#9D7CFF
- editorLineNumber.foreground#7C809A
- editorLink.activeForeground#82AAFF
- editorOverviewRuler.addedForeground#7EC699AA
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#9D7CFF88
- editorOverviewRuler.deletedForeground#E94560AA
- editorOverviewRuler.errorForeground#FF5555
- editorOverviewRuler.findMatchForeground#9D7CFF88
- editorOverviewRuler.infoForeground#7CC8DE
- editorOverviewRuler.modifiedForeground#82AAFFAA
- editorOverviewRuler.warningForeground#D7BA7D
- editorOverviewRuler.wordHighlightForeground#9D7CFF55
- editorRuler.foreground#2C325A
- editorStickyScroll.background#101325
- editorStickyScrollHover.background#1C1F3A
- editorSuggestWidget.background#101325
- editorSuggestWidget.border#2C325A
- editorSuggestWidget.focusHighlightForeground#BD93F9
- editorSuggestWidget.foreground#B0B6C2
- editorSuggestWidget.highlightForeground#9D7CFF
- editorSuggestWidget.selectedBackground#1C1F3A
- editorWarning.foreground#D7BA7D
- editorWidget.background#101325
- editorWidget.border#2C325A
- extensionButton.prominentBackground#9D7CFF
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#BD93F9
- focusBorder#9D7CFF88
- gitDecoration.addedResourceForeground#7EC699
- gitDecoration.conflictingResourceForeground#FF5555
- gitDecoration.deletedResourceForeground#E94560
- gitDecoration.ignoredResourceForeground#7C809A
- gitDecoration.modifiedResourceForeground#D7BA7D
- gitDecoration.renamedResourceForeground#7CC8DE
- gitDecoration.stageDeletedResourceForeground#E94560
- gitDecoration.stageModifiedResourceForeground#82AAFF
- gitDecoration.submoduleResourceForeground#BD93F9
- gitDecoration.untrackedResourceForeground#A1C682
- input.background#14182E
- input.border#262C44
- input.foreground#C0CBE3
- inputOption.activeBackground#1C1F3A
- inputValidation.errorBackground#FF555533
- inputValidation.infoBackground#7CC8DE33
- inputValidation.warningBackground#D7BA7D33
- keybindingLabel.background#1C1F3A
- keybindingLabel.border#262C44
- keybindingLabel.bottomBorder#2C325A
- keybindingLabel.foreground#B0B6C2
- list.activeSelectionBackground#1C1F3ACC
- list.activeSelectionForeground#C0CBE3
- list.errorForeground#FF5555
- list.filterMatchBackground#9D7CFF33
- list.focusBackground#1C1F3A
- list.focusForeground#C0CBE3
- list.highlightForeground#9D7CFF
- list.hoverBackground#1C1F3A
- list.inactiveSelectionBackground#14182E
- list.warningForeground#D7BA7D
- menubar.selectionBackground#1C1F3A
- menubar.selectionBorder#262C44
- menubar.selectionForeground#B0B6C2
- merge.currentContentBackground#82AAFF33
- merge.currentHeaderBackground#82AAFFAA
- merge.incomingContentBackground#9D7CFF33
- merge.incomingHeaderBackground#9D7CFFAA
- minimap.selectionHighlight#9D7CFF55
- notebook.cellBorderColor#2C325A
- notebook.cellStatusBarItemHoverBackground#1C1F3A
- notebook.focusedCellBackground#1C1F3A40
- notebookStatusErrorIcon.foreground#FF5555
- notebookStatusRunningIcon.foreground#82AAFF
- notebookStatusSuccessIcon.foreground#7EC699
- notificationCenter.border#2C325A
- notificationCenterHeader.background#1C1F3A
- notifications.background#101325
- notifications.border#2C325A
- notifications.foreground#B0B6C2
- notificationsErrorIcon.foreground#FF5555
- notificationsInfoIcon.foreground#7CC8DE
- notificationsWarningIcon.foreground#D7BA7D
- panel.background#101325
- panel.border#2C325A
- panel.dropBorder#9D7CFF
- panelTitle.activeForeground#82AAFF
- peekView.border#2C325A
- peekViewEditor.background#101325
- peekViewEditor.matchHighlightBackground#9D7CFF55
- peekViewResult.background#14182E
- peekViewResult.fileForeground#B0B6C2
- peekViewResult.lineForeground#8A929E
- peekViewResult.matchHighlightBackground#9D7CFF55
- peekViewResult.selectionBackground#9D7CFF55
- peekViewResult.selectionForeground#C0CBE3
- peekViewTitle.background#1C1F3A
- peekViewTitleDescription.foreground#8A929E
- peekViewTitleLabel.foreground#B0B6C2
- pickerGroup.border#262C44
- pickerGroup.foreground#9D7CFF
- progressBar.background#9D7CFF
- quickInput.background#101325
- quickInput.foreground#B0B6C2
- quickInputList.focusBackground#1C1F3A
- scrollbarSlider.activeBackground#1C1F3A88
- scrollbarSlider.background#1C1F3A33
- scrollbarSlider.hoverBackground#1C1F3A66
- selection.background#9D7CFF55
- settings.checkboxBackground#14182E
- settings.checkboxBorder#262C44
- settings.dropdownBackground#14182E
- settings.dropdownBorder#262C44
- settings.headerForeground#C0CBE3
- settings.modifiedItemIndicator#9D7CFF
- settings.numberInputBackground#14182E
- settings.numberInputBorder#262C44
- settings.textInputBackground#14182E
- settings.textInputBorder#262C44
- sideBar.background#101325
- sideBar.border#262C44
- sideBar.foreground#B0B6C2
- sideBarSectionHeader.background#1C1F3A
- sideBarSectionHeader.border#2C325A
- sideBarSectionHeader.foreground#B0B6C2
- sideBarTitle.foreground#FF79C6
- statusBar.background#14182E
- statusBar.border#262C44
- statusBar.debuggingBackground#9D7CFF
- statusBar.foreground#B0B6C2
- statusBar.noFolderBackground#0B0F1A
- statusBar.prominentForeground#FFFFFF
- statusBarItem.errorBackground#FF5555
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#1C1F3A
- statusBarItem.offlineBackground#E07B38CC
- statusBarItem.offlineForeground#FFFFFF
- statusBarItem.prominentBackground#9D7CFF
- statusBarItem.prominentHoverBackground#BD93F9
- statusBarItem.remoteBackground#E07B38
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#D7BA7D
- statusBarItem.warningForeground#1A1A1A
- symbolIcon.arrayForeground#7CC8DE
- symbolIcon.booleanForeground#F78C6C
- symbolIcon.classForeground#D7BA7D
- symbolIcon.colorForeground#FF79C6
- symbolIcon.constructorForeground#D7BA7D
- symbolIcon.enumeratorForeground#C792EA
- symbolIcon.enumeratorMemberForeground#E5A574
- symbolIcon.eventForeground#FF79C6
- symbolIcon.fieldForeground#7CC8DE
- symbolIcon.fileForeground#B0B6C2
- symbolIcon.folderForeground#82AAFF
- symbolIcon.functionForeground#82AAFF
- symbolIcon.interfaceForeground#7ED6D4
- symbolIcon.keyForeground#82AAFF
- symbolIcon.keywordForeground#9D7CFF
- symbolIcon.methodForeground#82AAFF
- symbolIcon.moduleForeground#FFD166
- symbolIcon.namespaceForeground#FF79C6
- symbolIcon.nullForeground#F78C6C
- symbolIcon.numberForeground#E5A574
- symbolIcon.objectForeground#E5A574
- symbolIcon.operatorForeground#C792EA
- symbolIcon.packageForeground#FFD166
- symbolIcon.propertyForeground#7CC8DE
- symbolIcon.referenceForeground#82AAFF
- symbolIcon.snippetForeground#8A929E
- symbolIcon.stringForeground#A1C682
- symbolIcon.structForeground#D7BA7D
- symbolIcon.textForeground#B0B6C2
- symbolIcon.typeParameterForeground#7CC8DE
- symbolIcon.unitForeground#E5A574
- symbolIcon.variableForeground#E5A574
- tab.activeBackground#1C1F3A
- tab.activeBorderTop#9D7CFF
- tab.activeForeground#C0CBE3
- tab.activeModifiedBorder#9D7CFF
- tab.border#262C44
- tab.hoverBackground#1C1F3A
- tab.inactiveBackground#101325
- tab.inactiveForeground#8A929E
- tab.inactiveModifiedBorder#9D7CFF66
- tab.lastPinnedBorder#2C325A
- tab.unfocusedActiveBackground#1C1F3A
- tab.unfocusedActiveBorderTop#9D7CFF66
- tab.unfocusedActiveForeground#B0B6C2CC
- tab.unfocusedInactiveBackground#101325
- terminal.ansiBlack#1E1E2E
- terminal.ansiBlue#61AFEF
- terminal.ansiBrightBlack#6C7086
- terminal.ansiBrightBlue#9ABCFF
- terminal.ansiBrightCyan#9EEEFF
- terminal.ansiBrightGreen#A3D98F
- terminal.ansiBrightMagenta#D6ACFF
- terminal.ansiBrightRed#FF6E6E
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFE07A
- terminal.ansiCyan#7CC8DE
- terminal.ansiGreen#7EC699
- terminal.ansiMagenta#C792EA
- terminal.ansiRed#E94560
- terminal.ansiWhite#E6E6F0
- terminal.ansiYellow#E5C07B
- terminal.background#0B0F1A
- terminal.foreground#C0CBE3
- terminal.tab.activeBorder#9D7CFF
- terminalCursor.foreground#7CC8DE
- testing.iconFailed#FF5555
- testing.iconPassed#7EC699
- testing.iconQueued#D7BA7D
- titleBar.activeBackground#14182E
- titleBar.activeForeground#B0B6C2
- titleBar.border#262C44
- titleBar.inactiveBackground#0B0F1A
- titleBar.inactiveForeground#8A929E
- toolbar.hoverBackground#1C1F3A
- walkThrough.embeddedEditorBackground#101325
- welcomePage.background#0B0F1A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8B8FA8 | italic |
| string, punctuation.definition.string | #A1C682 | — |
| string.template | #A1C682 | — |
| constant.numeric, constant.language | #E5A574 | — |
| keyword.control, keyword.other | #9D7CFF | italic |
| storage.type, storage.modifier | #9D7CFF | italic |
| keyword.operator.logical | #C792EA | — |
| keyword.operator.comparison, keyword.operator.relational | #C792EA | — |
| keyword.operator.assignment | #C792EA | — |
| keyword.operator | #C792EA | — |
| keyword.operator.new | #9D7CFF | bold |
| punctuation.separator, punctuation.terminator, punctuation.section, punctuation.accessor | #8A929E | — |
| entity.name.function, meta.function-call, support.function | #82AAFF | — |
| entity.name.class, entity.name.type, support.class, support.type | #D7BA7D | — |
| entity.other.inherited-class | #D7BA7D | italic |
| variable.other.object, variable.other.readwrite | #E5A574 | — |
| variable.other.property, support.type.property-name | #7CC8DE | — |
| variable.language, support.constant | #F78C6C | — |
| variable.parameter | #D7BA7D | italic |
| variable.language.this, variable.language.self, variable.language.super | #BD93F9 | italic |
| entity.name.tag | #E17888 | — |
| punctuation.definition.tag.begin, punctuation.definition.tag.end | #7C809A | — |
| entity.other.attribute-name, support.type.vendored.property-name | #FF79C6 | — |
| string.quoted | #A1C682 | — |
| entity.other.attribute-name.id, entity.other.attribute-name.class.css | #D7BA7D | — |
| entity.other.attribute-name.pseudo-class | #FF79C6 | — |
| entity.other.attribute-name.pseudo-element | #FF79C6 | — |
| keyword.control.at-rule, keyword.at-rule | #9D7CFF | italic |
| support.constant.property-value, constant.other.color | #E5A574 | — |
| variable.scss, variable.other.scss, variable.sass | #E5A574 | — |
| entity.name.tag.scss | #E17888 | — |
| punctuation.section.interpolation, string.interpolated.scss | #F78C6C | — |
| entity.name.section.markdown | #9D7CFF | bold |
| punctuation.definition.heading.markdown | #9D7CFF | — |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| markup.underline.link.markdown | #82AAFF | underline |
| markup.inline.raw.string.markdown | #A1C682 | — |
| markup.fenced_code.block.markdown, punctuation.definition.markdown | #A1C682 | — |
| punctuation.definition.list.begin.markdown, markup.list | #7CC8DE | — |
| markup.quote.markdown, punctuation.definition.quote.begin.markdown | #8B8FA8 | italic |
| markup.strikethrough | #7C809A | strikethrough |
| support.class.component | #FFD166 | — |
| meta.jsx.children | #B0B6C2 | — |
| meta.tag.jsx, meta.tag.tsx | #E17888 | — |
| punctuation.definition.template-expression, meta.template.expression | #F78C6C | — |
| entity.name.type.module, support.type.primitive | #7CC8DE | — |
| entity.name.type.interface | #7ED6D4 | italic |
| entity.name.type.enum | #C792EA | — |
| variable.other.enummember | #E5A574 | — |
| support.type.property-name.json, entity.name.tag.yaml | #82AAFF | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #BD93F9 | — |
| entity.name.table.toml, support.type.property-name.table.toml | #82AAFF | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default, keyword.control.as | #9D7CFF | italic |
| keyword.control.flow, keyword.control.trycatch, keyword.control.loop, keyword.control.conditional | #9D7CFF | italic |
| entity.name.function.decorator | #C792EA | — |
| constant.character.format.placeholder.begin.python, constant.character.format.placeholder.end.python | #F78C6C | — |
| string.regexp | #FF79C6 | — |
| constant.character.escape | #F78C6C | — |
| support.variable.dom, support.variable.property.dom | #7CC8DE | — |
| support.function.console, support.class.console, support.variable.object.node, support.variable.object.process | #7CC8DE | — |
| entity.name.module | #FFD166 | — |
| entity.name.package.go, entity.name.import.go | #FFD166 | — |
| entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust | #FF79C6 | italic |
| entity.name.function.macro | #C792EA | — |
| storage.type.annotation.java, punctuation.definition.annotation.java, storage.type.annotation | #C792EA | italic |
| variable.other.normal.shell, punctuation.definition.variable.shell | #E5A574 | — |
| keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.sql | #9D7CFF | bold |
| keyword.other.special-method.dockerfile | #9D7CFF | bold |
| support.type.graphql, entity.name.type.graphql | #D7BA7D | — |
| variable.graphql | #7CC8DE | — |
| markup.inserted | #7EC699 | — |
| markup.deleted | #E94560 | — |
| markup.changed | #D7BA7D | — |
| invalid.illegal | #FF5555 | italic bold |
| invalid.deprecated | #D7BA7D | italic strikethrough |
| meta.object-literal.key | #7CC8DE | — |