Purple Wave
Publisher: jkerThemes in package: 1
A minimalist purple VS Code theme based on Subliminal and Oceanic
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#292333
- activityBar.dropBackground#292333
- activityBar.foreground#ffffff
- activityBarBadge.background#a5f1ce
- activityBarBadge.foreground#333333
- badge.background#a5f1ce
- badge.foreground#333333
- button.background#f9e15a
- button.foreground#111111
- button.hoverBackground#ebd455
- debugExceptionWidget.background#140E1E
- debugExceptionWidget.border#140E1E
- diffEditor.insertedTextBackground#00809B33
- diffEditor.removedTextBackground#ff003219
- dropdown.background#140E1E
- dropdown.border#292333
- dropdown.listBackground#140E1E
- editor.background#1f1929
- editor.findMatchBackground#000000
- editor.findMatchHighlightBackground#ffffff25
- editor.findRangeHighlightBackground#ffffff25
- editor.foreground#d4d4d4
- editor.hoverHighlightBackground#ffffff25
- editor.lineHighlightBackground#000
- editor.selectionBackground#000000
- editor.selectionHighlightBackground#ffffff25
- editorBracketMatch.border#f9e15a
- editorCursor.foreground#a5f1ce
- editorGroup.border#140E1E
- editorGroupHeader.noTabsBackground#140E1E
- editorGroupHeader.tabsBackground#140E1E
- editorGroupHeader.tabsBorder#1f1929
- editorHoverWidget.background#140E1E
- editorHoverWidget.border#140E1E
- editorLineNumber.activeForeground#ffffff80
- editorLineNumber.foreground#ffffff50
- editorPane.background#1f1929
- editorSuggestWidget.background#140E1E
- editorSuggestWidget.border#140E1E
- editorSuggestWidget.highlightForeground#ffffff
- editorSuggestWidget.selectedBackground#000000
- editorWidget.background#140E1E
- editorWidget.border#f9e15a
- focusBorder#a5f1ce
- input.background#140E1E
- input.border#140E1E
- inputOption.activeBorder#f9e15a
- list.activeSelectionBackground#000000
- list.activeSelectionForeground#ffffff
- list.focusBackground#000000
- list.focusForeground#ffffff
- list.highlightForeground#f9e15a
- list.hoverBackground#00000050
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#000000
- list.inactiveSelectionForeground#ffffff
- listFilterWidget.background#000000
- listFilterWidget.outline#000000
- panelTitle.activeBorder#f9e15a
- progressBar.background#f9e15a
- scrollbarSlider.activeBackground#140E1E
- scrollbarSlider.background#292333
- scrollbarSlider.hoverBackground#140E1E
- selection.background#ffffff25
- sideBar.background#221C2C
- sideBar.dropBackground#221c2c
- sideBar.foreground#ffffff70
- sideBarSectionHeader.background#292333
- statusBar.background#140E1E
- statusBar.debuggingBackground#f9e15a
- statusBar.debuggingForeground#000000
- statusBar.foreground#ffffff80
- statusBar.noFolderBackground#a5f1ce
- statusBar.noFolderForeground#000000
- statusBarItem.activeBackground#ffffff50
- statusBarItem.hoverBackground#ffffff25
- tab.activeBackground#1f1929
- tab.activeBorderTop#a5f1ce
- tab.hoverBackground#1f1929
- tab.hoverBorder#1f1929
- tab.inactiveBackground#140E1E
- tab.unfocusedHoverBackground#1f1929
- tab.unfocusedHoverBorder#1f1929
- terminal.ansiBlack#7F7F7F
- terminal.ansiBlue#6699CC
- terminal.ansiBrightBlack#7F7F7F
- terminal.ansiBrightBlue#6699CC
- terminal.ansiBrightCyan#5FB3B3
- terminal.ansiBrightGreen#99C794
- terminal.ansiBrightMagenta#C594C5
- terminal.ansiBrightRed#E15A60
- terminal.ansiBrightWhite#D4D4D4
- terminal.ansiBrightYellow#ffe2a9
- terminal.ansiCyan#5FB3B3
- terminal.ansiGreen#99C794
- terminal.ansiMagenta#C594C5
- terminal.ansiRed#E15A60
- terminal.ansiWhite#D4D4D4
- terminal.ansiYellow#ffe2a9
- titleBar.activeBackground#140E1E
- titleBar.activeForeground#ffffff80
- titleBar.inactiveBackground#140E1E
- titleBar.inactiveForeground#ffffff25
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7F7F7F | italic |
| keyword, storage.type.js, storage.type.function.js, variable.other.flowtype.js, storage.type.extends.js, storage.type.function.js, storage.type.class.js | #858585 | — |
| variable.function.js, meta.class meta.group.braces.curly meta.function-call variable.function.js, entity.name.tag.jsx, variable.function.constructor.js | #ffe2a9 | — |
| entity.name.function.js, meta.class.js entity.name.class, meta.class meta.function-call variable.function.js, source.js keyword.control.loop.js, storage.type.function.arrow.js | #a5f1ce | — |
| keyword.control.flow.js, keyword.control.trycatch.js, source.js meta.group.braces.curly.js keyword.control.loop.js, keyword.control.switch.js | #f1a5ab | — |
| keyword.operator.assignment | #ffe2a9 | — |
| keyword.operator.logical.js | #ffe2a9 | — |
| keyword.operator.comparison.js, keyword.operator.relational.js | #f1a5ab | — |
| string.quoted, string.interpolated | #a9cfa4 | — |
| constant.language, constant.numeric, support.constant, constant.character, constant.other.color, constant.other.symbol, constant.other.key, keyword.other.unit | #dbbbeb | — |
| *url*, *link*, *uri* | — | underline |
| entity.name.filename.find-in-files | #99C794 | — |
| source.js entity.other.attribute-name.js | #eeeeee | italic |
| text.html.basic entity.other.attribute-name.html | — | italic |
| entity.name.tag.html | #cf7981 | — |
| entity.name.tag.js | #c3f0be | — |
| entity.other.attribute-name.id | #80aa7b | — |
| entity.other.attribute-name.class.css | #a9cfa4 | — |
| entity.name.tag.css | #cf7981 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #c0e7bb | — |
| entity.other.attribute-name.attribute.css | #eeeeee | — |
| constant.numeric.css, support.constant.property-value.css | #f3c7a4 | — |
| keyword.other.unit, meta.property-value.css, keyword.other.important.css | #e4ad80 | — |
| variable.other.less, variable.other.scss | #9ae0dd | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...