Electric Theme
Publisher: Devan SissonThemes in package: 1
Electric blue theme for vs Code.
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#004466
- activityBar.dropBackground#6600cc80
- activityBarBadge.background#6600cc
- debugToolBar.background#004466
- dropdown.background#0088cc
- dropdown.foreground#1ab2ff
- editor.background#002233
- editor.lineHighlightBorder#1ab2ff1a
- editor.rangeHighlightBackground#FFFFFF0d
- editorGroup.dropBackground#6600cc80
- editorGroupHeader.tabsBackground#004466
- editorHoverWidget.background#005580
- editorLineNumber.foreground#1ab2ff
- editorMarkerNavigation.background#005580
- editorWidget.background#005580
- focusBorder#6600cc
- foreground##1ab2ff
- input.background#005580
- inputOption.activeBorder#6600cc
- list.activeSelectionBackground#6600cc80
- list.dropBackground#6600cc80
- list.focusBackground#6600cc80
- list.hoverBackground#FFFFFF1a
- list.inactiveSelectionBackground#FFFFFF33
- panel.background#005580
- panel.border#FFFFFF1a
- panelTitle.activeBorder#1098F780
- panelTitle.inactiveForeground#1098F780
- peekView.border#6600cc
- peekViewEditor.background#004466
- peekViewResult.background#005580
- peekViewTitle.background#005580
- pickerGroup.border#FFFFFF1a
- sideBar.background#005580
- sideBarSectionHeader.background#004466
- statusBar.background#1ab2ff
- statusBar.debuggingBackground#6600cc
- statusBar.noFolderBackground#004466
- statusBarItem.activeBackground#6600cc80
- statusBarItem.hoverBackground#FFFFFF1a
- tab.border#005580
- tab.inactiveBackground#004466
- titleBar.activeBackground#004466
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global Settings | #1AB2FF | — |
| comment | #616161 | — |
| string | #F3B61F | — |
| constant.numeric | #7e57c2 | — |
| constant.language | #7e57c2 | — |
| constant.character, constant.other | #7E57C2 | — |
| variable | #607d8b | — |
| keyword | #FF5722 | — |
| storage | #5DA3D2 | |
| storage.type | #259B24 | — |
| entity.name.class | #8bc34a | — |
| entity.other.inherited-class | #8bc34a | — |
| entity.name.function | #009688 | |
| variable.parameter | #FD971F | — |
| entity.name.tag | #26a69a | |
| entity.other.attribute-name | #ff5722 | |
| support.function | #03a9f4 | |
| support.constant | #03a9f4 | |
| support.type, support.class | #259B24 | — |
| support.other.variable | #259B24 | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| text.html.markdown markup.raw.inline | #6a3db5 | — |
| text.html.markdown meta.dummy.line-break | #e10050 | — |
| markdown.heading, markup.heading, markup.heading entity.name, markup.heading.markdown, punctuation.definition.heading.markdown | #228d1b | bold |
| markup.italic | #fc3e1b | italic |
| markup.bold | #fc3e1b | bold |
| markup.underline | #fc3e1b | underline |
| markup.quote, punctuation.definition.blockquote.markdown | #F3B61F | italic |
| markup.quote | #F3B61F | italic |
| string.other.link.title.markdown | #fb8419 | underline |
| markup.raw.block | #228d1b | — |
| punctuation.definition.fenced.markdown, variable.language.fenced.markdown, markup.raw.block.fenced.markdown | #228d1b | — |
| variable.language.fenced.markdown | #7aba3a | |
| punctuation.definition.list_item.markdown, meta.paragraph.list.markdown | #1397f1 | — |
| meta.separator | #1397f1 | bold |
| markup.table | #fb8419 | — |
| meta.diff, meta.diff.header | #616161 | italic |
| markup.deleted | #e10050 | — |
| markup.inserted | #7aba3a | — |
| markup.changed | #fb8419 | — |
| meta.diff, meta.diff.range | #1397f1 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...