The Great Dreamer
Publisher: Arthur AndradeThemes in package: 2
A Dark Theme for the Dreamers out there - Accents of Neon colors with high Cyberpunk influence
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#705fbd
- activityBar.background#181B28
- activityBar.dropBorder#705fbd
- activityBar.foreground#705fbd
- activityBar.inactiveForeground#2a3049
- activityBarBadge.background#705fbd
- activityBarBadge.foreground#ffffff
- badge.background#705fbd
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#9AEFEA
- breadcrumb.background#151825
- breadcrumb.focusForeground#e0e0e0
- breadcrumb.foreground#4b5783
- breadcrumbPicker.background#181B28
- button.background#705fbd
- button.foreground#ffffff
- button.hoverBackground#9472c4
- diffEditor.insertedTextBackground#5d43d010
- diffEditor.removedTextBackground#e052521a
- dropdown.background#181B28
- editor.background#161926
- editor.findMatchBackground#494949
- editor.findMatchHighlightBackground#b5a1ff4d
- editor.foreground#b9c3d5
- editor.inactiveSelectionBackground#4530582f
- editor.lineHighlightBackground#222530
- editor.selectionBackground#313343
- editorCursor.foreground#f8f8f0
- editorGroup.dropBackground#1b171f
- editorGroupHeader.tabsBackground#181B28
- editorHoverWidget.background#181B28
- editorHoverWidget.border#343b46
- editorIndentGuide.background#473b64
- editorSuggestWidget.background#181B28
- editorSuggestWidget.border#3e3746
- editorSuggestWidget.highlightForeground#9AEFEA
- editorWhitespace.foreground#312d3a
- editorWidget.background#181B28
- focusBorder#705fbd
- gitDecoration.addedResourceForeground#72f1b8cc
- gitDecoration.deletedResourceForeground#fe4450
- gitDecoration.ignoredResourceForeground#8a7c9c
- gitDecoration.modifiedResourceForeground#af7eff
- gitDecoration.untrackedResourceForeground#5eff81ee
- input.background#181B28
- list.activeSelectionBackground#2a3049
- list.errorForeground#ff65f7
- list.focusBackground#2a3049
- list.hoverBackground#181B28
- list.inactiveSelectionBackground#2a3049
- list.warningForeground#fa8419
- sideBar.background#181B28
- sideBarSectionHeader.background#181B28
- statusBar.background#181B28
- statusBar.debuggingBackground#fe4450
- statusBar.debuggingForeground#181B28
- statusBar.foreground#4b5783
- statusBar.noFolderBackground#181B28
- tab.activeBorder#705fbd
- tab.activeBorderTop#9adeef9c
- tab.border#181B28
- tab.inactiveBackground#181B28
- tab.inactiveForeground#65737f
- terminal.ansiBlack#1a1a1a
- terminal.ansiBlue#9d65ff
- terminal.ansiBrightBlack#625e4c
- terminal.ansiBrightBlue#9d65ff
- terminal.ansiBrightCyan#58d1eb
- terminal.ansiBrightGreen#98e024
- terminal.ansiBrightMagenta#ff65f7
- terminal.ansiBrightRed#f4005f
- terminal.ansiBrightWhite#f6f6ef
- terminal.ansiBrightYellow#fa8419
- terminal.ansiCyan#58d1eb
- terminal.ansiGreen#58ebd7
- terminal.ansiMagenta#ff65f7
- terminal.ansiRed#f4005f
- terminal.ansiWhite#c4c5b5
- terminal.ansiYellow#fa8419
- terminal.background#161926
- terminal.border#161926
- terminal.foreground#c4c5b5
- terminalCursor.background#c0c5ce
- terminalCursor.foreground#c4c5b5
- titleBar.activeBackground#181B28
- titleBar.inactiveBackground#181B28
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #555C77 | — |
| variable.css, variable.argument.css, entity.other.attribute-name.pseudo-class.css | #8088FF | — |
| keyword, keyword.control, storage, storage.type.annotation, storage.type.primitive, meta.selector, markup.changed, markup.link, source.cs keyword.operator, source.go storage.type.string, source.java keyword.operator.instanceof, source.js keyword.operator.js, source.js keyword.operator.delete, source.js keyword.operator.in, source.js keyword.operator.of, source.js keyword.operator.instanceof, source.js keyword.operator.new, source.js keyword.operator.typeof, source.js keyword.operator.void, source.python keyword.operator.logical.python, support.type.object.module.js, keyword.operator.accessor.js | #7E7EDD | — |
| punctuation.definition.italic, markup.italic | #7E7EDD | italic |
| entity.name.type, string.regexp source.ruby.embedded, support.class, entity.name.class, entity.name.type.class, source.java storage.modifier.import, source.java storage.type, support.type.primitive.ts, support.type.builtin.ts, entity.name.type.ts, entity.other.attribute-name.class.css | #A571F4 | — |
| punctuation.definition.bold | #A571F4 | bold |
| keyword.other.unit, constant, constant.variable, constant.numeric, meta.link, entity.other.attribute-name, markup.quote, source.python variable.parameter, entity.name.function, support.function | #DDA2F6 | — |
| markup.bold | #DDA2F6 | bold |
| support.function.misc.css, constant.language.json.comments | #FF79C6 | — |
| variable.language.this, storage.modifier.ts, entity.name.tag.css, source.ruby keyword.other.special-method.ruby | #C74EB7 | — |
| entity.other.inherited-class, string, markup.inserted, markup.raw, source.json meta.structure.dictionary.json value.json string.quoted.json, source.json meta.structure.array.json value.json string.quoted.json, source.json meta.structure.dictionary.json value.json string.quoted.json punctuation, source.json meta.structure.array.json value.json string.quoted.json punctuation, entity.other.attribute-name.id.css | #9AEFEA | — |
| constant.character.escape, constant.other.color, constant.other.symbol, string.regexp, source.ruby constant.other.symbol punctuation, source.json meta.structure.dictionary.json constant.language.json, source.json meta.structure.array.json constant.language.json, entity.name.tag.html, entity.name.tag.tsx, entity.name.tag.jsx, entity.name.tag.js.jsx, entity.name.tag.js, entity.name.tag.open.jsx, entity.name.tag.close.jsx, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.begin.js.jsx, punctuation.definition.tag.begin.js, punctuation.definition.tag.end.js.jsx, punctuation.definition.tag.end.js, meta.tag.jsx, support.type, support.class.component.open.jsx | #93DDFB | — |
| variable.interpolation, punctuation.section.embedded | #4D8ACB | — |
| support.class.component.open.jsx, support.class.component.close.jsx, support.class.component.js.jsx | #b293fb | — |
| variable, entity.name.tag, meta.definition.variable, markup.deleted, markup.heading, source.ini keyword.other.definition.ini, source.java-properties meta.key-pair, source.json meta.structure.dictionary.json string.quoted.json, source.json meta.structure.dictionary.json string.quoted.json punctuation.string | #c7c7e4 | — |
| keyword.operator, storage.modifier.package, storage.modifier.import, variable.parameter, punctuation.definition.method-parameters, punctuation.definition.function-parameters, punctuation.definition.parameters, punctuation.definition.separator, punctuation.definition.separator, punctuation.definition.array, punctuation.section.method, punctuation.section.class, punctuation.section.inner-class, meta.method-call, meta.method, meta.class.body, meta.separator, meta.tag, meta.separator, none, source.java-properties meta.key-pair punctuation, source.css property-name.support, source.css property-value.support | #B9BED5 | — |
| keyword.other.special-method, punctuation.definition.heading, punctuation.definition.identity, support.function.any-method, entity.name.section, entity.other.attribute-name.id, meta.require, markup.heading punctuation.definition.heading, source.gfm link entity | #F5FAFF | — |
| underline | — | underline |
| invalid.deprecated | #523D14 | — |
| invalid.illegal | #FFFFFF | — |
| source.css property-name, source.css property-value | #7D839B | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...