Electric Twilight
Publisher: woshThemes in package: 1
I tried out making a neon style theme
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#0f0e2d
- activityBar.border#6b6bff
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#b0b0ff
- activityBarBadge.background#ff00ff
- activityBarBadge.foreground#ffffff
- badge.background#fc00ff
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#c7f8ff
- breadcrumb.focusForeground#c7f8ff
- breadcrumb.foreground#d0b0ff
- breadcrumbPicker.background#1a1835
- button.background#572cfc
- button.foreground#ffffff
- button.hoverBackground#6b3aff
- button.secondaryBackground#572cfc
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#6b3aff
- checkbox.background#0f0e2d
- checkbox.border#c7c7ff
- checkbox.foreground#ffffff
- debugConsole.errorForeground#ff4d57
- debugConsole.infoForeground#ffffff
- debugConsole.sourceForeground#ffffff
- debugConsole.warningForeground#ffcc0f
- debugExceptionWidget.background#181436
- debugExceptionWidget.border#ff38ff
- debugIcon.continueForeground#ff00ff
- debugIcon.stepIntoForeground#c7c7ff
- debugIcon.stepOutForeground#c7c7ff
- debugIcon.stepOverForeground#c7c7ff
- debugToolBar.background#181436
- descriptionForeground#ffffff
- diffEditor.border#6b6bff
- diffEditor.diagonalFill#0c0d30
- diffEditor.insertedLineBackground#00ff00
- diffEditor.insertedTextBackground#0f0e2d
- diffEditor.removedLineBackground#ff004c
- diffEditor.removedTextBackground#ff004c
- dropdown.background#100f3b
- dropdown.listBackground#100f3b
- editor.background#0f0e2d
- editor.findMatchHighlightBackground#ae37d0
- editor.findRangeHighlightBackground#6a6eff
- editor.foreground#c0c1ff
- editor.lineHighlightBackground#141436
- editor.lineHighlightBorder#2c2a57
- editor.selectionBackground#5f217e
- editor.selectionHighlightBackground#b85ffb
- editor.wordHighlightBackground#bd6fd0
- editor.wordHighlightStrongBackground#f557f5
- editorBracketMatch.background#ff007a33
- editorBracketMatch.border#ff008f
- editorCursor.foreground#ff00ff
- editorError.foreground#ff4d57
- editorGroup.border#3f3fd6
- editorGroupHeader.tabsBackground#101235
- editorHoverWidget.background#16163f
- editorIndentGuide.activeBackground1#ff49fc
- editorIndentGuide.background1#8a4fff
- editorInfo.border#6a6eff
- editorLineNumber.activeForeground#c7c7ff
- editorLineNumber.foreground#8888f4
- editorSuggestWidget.background#16163f
- editorSuggestWidget.foreground#ffffff
- editorWarning.foreground#ffcc0f
- editorWidget.background#16163f
- errorForeground#ff4d57
- extensionButton.prominentBackground#ff00ff
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#fc00ff
- focusBorder#c7c7ff
- foreground#ffffff
- gitDecoration.addedResourceForeground#00ff22
- gitDecoration.stageModifiedResourceForeground#6a6eff
- gitDecoration.untrackedResourceForeground#00ffff
- icon.foreground#ffffff
- input.background#100f3b
- list.activeSelectionBackground#5f217e
- list.activeSelectionForeground#ffffff
- list.errorForeground#ff004c
- list.focusForeground#ffffff
- list.hoverBackground#5f217e
- list.hoverForeground#ffffff
- list.inactiveFocusBackground#16163f
- list.inactiveSelectionForeground#ffffff
- list.warningForeground#ffc252
- menu.background#0f0e2d
- menu.border#6b6bff
- menu.selectionBackground#5f217e
- menubar.selectionBackground#5f217e
- merge.commonContentBackground#141d16
- merge.commonHeaderBackground#ff00ff
- merge.currentContentBackground#0f0e2d
- merge.currentHeaderBackground#572cfc
- merge.incomingContentBackground#6b3aff
- merge.incomingHeaderBackground#f7c5ff
- minimapSlider.activeBackground#ffffff7e
- notificationCenter.border#ff00ff
- notificationCenterHeader.background#ff00ff
- notificationLink.foreground#fc00ff
- notifications.background#ff00ff
- notifications.foreground#ffffff
- notificationsErrorIcon.foreground#ff004c
- notificationsInfoIcon.foreground#ffffff
- notificationsWarningIcon.foreground#ffc252
- panel.background#0f0e2d
- panel.border#6b6bff
- panel.dropBorder#ff00ff
- panelTitle.activeBorder#c7f8ff
- panelTitle.activeForeground#c7f8ff
- panelTitle.inactiveForeground#d0d0f7
- peekView.border#fc38fd
- peekViewEditor.background#0f0e2d
- peekViewEditor.matchHighlightBackground#5f217e
- peekViewResult.background#100f3b
- peekViewResult.lineForeground#ffffff
- peekViewResult.selectionBackground#352960
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#0f0e2d
- peekViewTitleDescription.foreground#ffffff
- peekViewTitleLabel.foreground#fc38fd
- progressBar.background#ff00ff
- scrollbarSlider.activeBackground#ff00ff9e
- scrollbarSlider.background#ff00ff70
- scrollbarSlider.hoverBackground#ff00ff9e
- sideBar.background#100f3b
- sideBar.border#6b6bff
- sideBar.dropBackground#ff00ff
- sideBar.foreground#ffffff
- sideBarSectionHeader.background#211a42
- sideBarTitle.background#100f3b
- sideBarTitle.foreground#ffffff
- statusBar.background#0f0e2d
- statusBar.debuggingBackground#5f217e
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#0f0e2d
- statusBarItem.activeBackground#fc00ff
- tab.activeBackground#0f0e2d
- tab.activeBorderTop#c7c7ff
- tab.border#1a1e8f
- tab.dragAndDropBorder#c7c7ff
- tab.hoverBackground#100f3b
- tab.hoverForeground#ffffff
- tab.inactiveBackground#1a1e8f
- tab.inactiveForeground#d0d0ff
- terminal.ansiBrightYellow#ffcc0f
- terminal.ansiCyan#00ffcc
- terminal.background#0f0e2d
- terminal.foreground#ffffff
- terminal.selectionBackground#5f217e
- terminal.selectionForeground#ffffff
- terminalCursor.foreground#ff00ff
- textBlockQuote.background#151a48
- textBlockQuote.border#fc00ff
- textCodeBlock.background#0e122b
- textLink.activeForeground#fc00ff
- textLink.foreground#fc00ff
- titleBar.activeBackground#121439
- titleBar.activeForeground#c7c7ff
- titleBar.border#6b6bff
- titleBar.inactiveForeground#7e7ef2
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9b4f96 | — |
| variable.parameter | #56c7f4 | bold |
| constant | #f169c8 | — |
| entity.name.function | #ff65a1 | bold |
| string.quoted.double, string.quoted.single.python | #76f4d8 | bold |
| keyword.operator | #9b4f96 | bold |
| entity.name.class | #c27bf5 | bold |
| keyword, storage.type.primitive | #a15eff | bold |
| punctuation.separator, punctuation.terminator | #f0f0f0 | bold |
| meta.method.body.java | #56c7f4 | bold |
| meta.package.java | #f5a8d9 | bold |
| storage.modifier.import.java | #df7efe | bold |
| variable.language.this.java | #c1d6ff | bold |
| entity.name.class, variable.other.object.java, entity.name.type.class.java, storage.type.object.array.java, storage.type.java | #c27bf5 | bold |
| meta.function-call.java, meta.method-call.java | #65a9f1 | bold |
| storage.modifier.java | #a15eff | bold |
| meta.definition.variable.java, variable.other.object.property.java, meta.method.body.java | #83aaf7 | bold |
| punctuation.separator.period.java, punctuation.separator.delimiter.java | #f0f0f0 | bold |
| meta.function-call.python, support.function.magic.python | #ff65a1 | bold |
| variable.language.special.self.python | #c1d6ff | bold |
| entity.name.type.class.python | #c27bf5 | bold |
| meta.function-call.arguments.python, meta.class.inheritance.python | #65a9f1 | bold |
| meta.function.python, keyword.operator.logical.python, meta.class.python, punctuation.separator.colon.python | #a15eff | bold |
| punctuation.section.function.begin.python | #fffe77 | bold |
| punctuation.section.class.begin.python | #c27bf5 | bold |
| punctuation.separator.period.python, punctuation.separator.arguments.python | #f0f0f0 | bold |
| entity.name.function.rust | #fffe77 | bold |
| meta.function.call.rust | #fffe77 | bold |
| punctuation.semi.rust | #f0f0f0 | bold |
| entity.name.function.macro.rust | #fffe77 | bold |
| meta.macro.invocation.rust | #9e5db0 | bold |
| entity.name.function.macro | #9e5db0 | bold |
| keyword.control.rust, storage.type.rust | #a15eff | bold |
| variable.other.local.rust | #76f4d8 | bold |
| keyword.rust, storage.modifier.rust | #f169c8 | bold |
| entity.name.tag.vue | #e0a9e4 | — |
| variable.parameter.vue | #4f94ff | — |
| entity.name.tag.html, meta.tag.html | #c27bf5 | bold |
| entity.other.attribute-name.html | #56c7f4 | bold |
| comment.block.documentation.html | #9b4f96 | italic |
| entity.name.selector, support.class.css | #f169c8 | bold |
| entity.name.property.css | #76f4d8 | bold |
| string.quoted.double.json | #65a9f1 | bold |
| punctuation.section.braces.begin.json, punctuation.section.braces.end.json | #76f4d8 | bold |
| entity.name.function.js | #fffe77 | bold |
| keyword.control.js | #a15eff | bold |
| punctuation.section.braces.begin.js, punctuation.section.braces.end.js | #ff65a1 | bold |
| entity.name.function.c | #ff65a1 | bold |
| keyword.operator.c, keyword.c | #9b4f96 | bold |
| variable.other.c | #56c7f4 | bold |
| punctuation.separator.c | #d1c7f7 | bold |
| entity.name.function.cs | #ff65a1 | bold |
| keyword.cs, keyword.operator.cs, storage.modifier.cs | #9b4f96 | bold |
| variable.other.cs | #56c7f4 | bold |
| punctuation.separator.cs | #d1c7f7 | bold |
| entity.name.type.class.cs | #ea5d94 | bold |
| markup.heading.markdown | #ff65a1 | bold |
| markup.bold.markdown | #ff65a1 | bold |
| markup.italic.markdown | #56c7f4 | italic |
| markup.list.ordered.markdown, markup.list.unordered.markdown | #56c7f4 | bold |
| markup.quote.markdown | #9b4f96 | italic |
| markup.underline.link.markdown | #4e99d4 | bold |
| markup.inline.raw.markdown | #ea5d94 | bold |
| markup.raw.block.markdown | #9b4f96 | bold |