Lightning
Publisher: Zev RossThemes in package: 10
An electrifying, vibrant theme.
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#080725FF
- activityBar.background#080725FF
- activityBar.foreground#65F7FFFF
- activityBar.inactiveForeground#3E5AEFFF
- activityBarBadge.background#65F7FFFF
- activityBarBadge.foreground#080725FF
- badge.background#65F7FFFF
- badge.foreground#1A1745FF
- breadcrumb.activeSelectionForeground#65F7FFFF
- breadcrumb.background#16183dCC
- breadcrumb.focusForeground#3EC5FFFF
- breadcrumb.foreground#619cd0FF
- button.background#5691FCFF
- button.foreground#1A1745FF
- button.hoverBackground#91C9F0FF
- button.secondaryBackground#3E5AEFFF
- button.secondaryForeground#1A1745FF
- button.secondaryHoverBackground#5691FCFF
- checkbox.background#3E5AEF4D
- checkbox.foreground#5691FCFF
- checkbox.selectBackground#3E5AEFFF
- debugToolBar.background#181b53FF
- debugToolBar.border#65F7FFFF
- descriptionForeground#619cd0CC
- diffEditor.border#FF4171FF
- diffEditor.insertedTextBackground#3E5AEF1A
- diffEditor.insertedTextBorder#3E5AEF26
- diffEditor.removedTextBackground#FF41711A
- diffEditor.removedTextBorder#FF417126
- dropdown.background#1A1745FF
- dropdown.border#65F7FFFF
- dropdown.foreground#65F7FFFF
- dropdown.listBackground#16183dFF
- editor.background#1A1745FF
- editor.findMatchBackground#646fea66
- editor.findMatchHighlightBackground#3E5AEF1A
- editor.foreground#76c6ffFF
- editor.inactiveSelectionBackground#3E5AEF1A
- editor.lineHighlightBackground#3E5AEF40
- editor.lineHighlightBorder#3E5AEF59
- editor.selectionBackground#3E5AEF4D
- editor.selectionHighlightBackground#3E5AEF1A
- editor.wordHighlightBackground#3E5AEF40
- editor.wordHighlightStrongBackground#3E5AEF59
- editorBracketHighlight.foreground1#3fdcff
- editorBracketHighlight.foreground2#3490ff
- editorBracketHighlight.foreground3#6b7aff
- editorBracketHighlight.foreground4#996eff
- editorBracketHighlight.foreground5#bc4fff
- editorBracketHighlight.foreground6#f786ff
- editorBracketHighlight.unexpectedBracket.foreground#ff1d52
- editorBracketMatch.background#646fea80
- editorCodeLens.foreground#76c6ffCC
- editorCursor.foreground#65F7FFFF
- editorError.foreground#FF4171FF
- editorGroup.border#3E5AEFFF
- editorGroup.dropBackground#3E5AEF80
- editorGroupHeader.noTabsBackground#1A1745FF
- editorGroupHeader.tabsBackground#080725FF
- editorGutter.addedBackground#65F7FFFF
- editorGutter.background#141438FF
- editorGutter.deletedBackground#b62144FF
- editorGutter.modifiedBackground#65ffd6FF
- editorIndentGuide.activeBackground#65F7FFBF
- editorIndentGuide.background#3E5AEF4D
- editorInfo.foreground#5691FCFF
- editorLightBulb.foreground#65F7FFCC
- editorLineNumber.activeForeground#65F7FFFF
- editorLineNumber.foreground#3E5AEFBF
- editorLink.activeForeground#65F7FFFF
- editorSuggestWidget.background#16183dFF
- editorSuggestWidget.border#65F7FFFF
- editorSuggestWidget.focusHighlightForeground#65F7FFFF
- editorSuggestWidget.highlightForeground#3E5AEF80
- editorSuggestWidget.selectedIconForeground#65F7FFFF
- editorUnnecessaryCode.opacity#000000B3
- editorWarning.foreground#FF855FFF
- editorWidget.background#16183dFF
- editorWidget.border#65F7FFBF
- editorWidget.resizeBorder#65F7FFFF
- errorForeground#FF4171FF
- focusBorder#65F7FF66
- foreground#91C9F0FF
- gitDecoration.addedResourceForeground#65F7FF
- gitDecoration.conflictingResourceForeground#FF4171FF
- gitDecoration.deletedResourceForeground#b62144FF
- gitDecoration.ignoredResourceForeground#3E5AEFFF
- gitDecoration.modifiedResourceForeground#65ffd6FF
- gitDecoration.stageDeletedResourceForeground#b62144FF
- gitDecoration.stageModifiedResourceForeground#65ffd6FF
- gitDecoration.submoduleResourceForeground#FF855FFF
- gitDecoration.untrackedResourceForeground#65F7FFB3
- icon.foreground#65F7FFFF
- input.background#1A1745FF
- input.foreground#91C9F0FF
- input.placeholderForeground#5691FC99
- inputOption.activeBackground#65F7FFFF
- inputOption.activeForeground#1A1745FF
- inputValidation.errorBackground#4618274D
- inputValidation.errorBorder#FF4171FF
- inputValidation.errorForeground#FF4171FF
- list.activeSelectionBackground#1A1745CC
- list.activeSelectionForeground#65F7FFFF
- list.dropBackground#3E5AEF4D
- list.errorForeground#FF4171FF
- list.focusBackground#16183dFF
- list.focusForeground#91C9F0FF
- list.hoverBackground#3E5AEF4D
- list.hoverForeground#65F7FFFF
- list.inactiveSelectionBackground#1A1745CC
- list.inactiveSelectionForeground#65F7FFFF
- list.warningForeground#FF855F80
- menu.background#181b53E6
- menu.foreground#65F7FFFF
- menu.selectionBackground#3E5AEF4D
- menu.selectionForeground#65F7FFFF
- menu.separatorBackground#3E5AEFFF
- menubar.selectionBackground#3E5AEF4D
- minimap.findMatchHighlight#3E5AEFFF
- notificationCenter.border#3E5AEF4D
- notificationCenterHeader.background#16183dFF
- notificationCenterHeader.foreground#3E5AEFFF
- notifications.background#16183dFF
- notifications.border#3E5AEF4D
- notifications.foreground#91C9F0FF
- notificationsErrorIcon.foreground#FF4171FF
- notificationsInfoIcon.foreground#5691FCFF
- notificationsWarningIcon.foreground#FF855FFF
- notificationToast.border#3E5AEFFF
- panel.background#080725FF
- panel.border#3E5AEFFF
- panelTitle.activeForeground#65F7FFFF
- panelTitle.inactiveForeground#619cd0FF
- peekView.border#65F7FFFF
- peekViewEditor.background#16183dFF
- peekViewEditor.matchHighlightBackground#646fea4D
- peekViewResult.background#1A1745FF
- peekViewResult.fileForeground#65F7FFFF
- peekViewResult.lineForeground#5691FCFF
- peekViewResult.matchHighlightBackground#646fea4D
- peekViewResult.selectionBackground#65F7FF33
- peekViewResult.selectionForeground#65F7FFFF
- peekViewTitle.background#1A1745FF
- peekViewTitleDescription.foreground#5691FCFF
- peekViewTitleLabel.foreground#65F7FFFF
- pickerGroup.border#3E5AEF80
- problemsErrorIcon.foreground#FF4171FF
- problemsInfoIcon.foreground#5691FCFF
- problemsWarningIcon.foreground#FF855FFF
- progressBar.background#65F7FFFF
- quickInputList.focusBackground#080725FF
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#2b2672CC
- scrollbarSlider.background#2b267266
- scrollbarSlider.hoverBackground#2b2672CC
- selection.background#3E5AEF99
- settings.dropdownBorder#3E5AEF80
- settings.dropdownListBorder#3E5AEF80
- settings.headerForeground#65F7FFFF
- settings.numberInputBorder#65F7FFBF
- settings.sashBorder#3E5AEF80
- settings.textInputBorder#65F7FFBF
- sideBar.background#080725FF
- sideBar.border#3E5AEFFF
- sideBar.dropBackground#3E5AEF80
- sideBar.foreground#619cd0FF
- sideBarSectionHeader.background#080725FF
- sideBarTitle.foreground#65F7FFFF
- statusBar.background#181b53FF
- statusBar.debuggingBackground#2b2672FF
- statusBar.debuggingBorder#3E5AEFFF
- statusBar.debuggingForeground#3E5AEFFF
- statusBar.foreground#65F7FFFF
- statusBar.noFolderBackground#181b53FF
- statusBar.noFolderForeground#65F7FFFF
- tab.activeBackground#1A1745CC
- tab.activeForeground#65F7FFFF
- tab.border#080725FF
- tab.hoverBackground#181b53FF
- tab.hoverForeground#65F7FFFF
- tab.inactiveBackground#080725FF
- tab.inactiveForeground#619cd0FF
- tab.lastPinnedBorder#3E5AEF40
- tab.unfocusedActiveBackground#2c2361FF
- tab.unfocusedHoverBackground#181b53FF
- tab.unfocusedHoverForeground#65F7FFCC
- terminal.ansiBlack#000000FF
- terminal.ansiBlue#2681f9FF
- terminal.ansiBrightBlack#333333FF
- terminal.ansiBrightBlue#44b1ffFF
- terminal.ansiBrightCyan#21fbffFF
- terminal.ansiBrightGreen#66ffdeFF
- terminal.ansiBrightMagenta#B76DFFFF
- terminal.ansiBrightRed#ff477eFF
- terminal.ansiBrightWhite#FFFFFFFF
- terminal.ansiBrightYellow#f07178FF
- terminal.ansiCyan#3EC5FFFF
- terminal.ansiGreen#44eabdFF
- terminal.ansiMagenta#9172FFFF
- terminal.ansiRed#cf3e5bFF
- terminal.ansiWhite#c4c6cbFF
- terminal.ansiYellow#f5c86eFF
- terminal.background#080725FF
- terminal.foreground#65F7FFFF
- textBlockQuote.border#65F7FFFF
- textLink.activeForeground#65F7FFFF
- textLink.foreground#5691FCFF
- textPreformat.foreground#65F7FFFF
- textSeparator.foreground#3E5AEFFF
- titleBar.activeBackground#080725FF
- titleBar.activeForeground#65F7FFFF
- titleBar.inactiveBackground#080725FF
- titleBar.inactiveForeground#91C9F0FF
- tree.indentGuidesStroke#3E5AEF80
- widget.shadow#08072580
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4E548FFF | italic |
| variable, string constant.other.placeholder | #3EC5FFFF | italic |
| constant.other.color | #3EC5FFFF | bold |
| punctuation.definition.constant.css | #3EC5FFB3 | — |
| invalid, invalid.illegal | #ff477eFF | — |
| keyword, storage.type, storage.modifier | #2681f9FF | bold |
| storage.type.function | #9172FFFF | bold |
| storage.type.annotation | #ff477eFF | — |
| storage.modifier, storage.type.class | — | italic bold |
| punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other, keyword.control, keyword.operator.assignment | #3c6affFF | — |
| punctuation.definition.keyword, keyword.operator.comparison, keyword.operator.arithmetic | #ff477eFF | — |
| entity.name.tag, entity.name.type.module, meta.tag.sgml, markup.deleted.git_gutter | #21fbffFF | bold |
| entity.name.tag.css | #ff477eFF | — |
| entity.name.tag.html | #3EC5FFFF | bold |
| entity.name.function, meta.function-call.generic, variable.function, keyword.other.special-method, entity.name | #21fbffFF | — |
| support.function.misc.css, support.function, support.class | #21fbffFF | — |
| meta.function-call.arguments | #3EC5FFFF | — |
| meta.block variable.other, variable.other.readwrite | #44b1ffFF | bold |
| variable.other.property | #21fbffFF | — |
| support.other.variable, string.other.link | #f07178FF | — |
| constant.language, support.constant, constant.character, constant.escape, variable.parameter | #3EC5FFFF | — |
| source.dart | #44b1ffFF | — |
| constant.numeric | #ff7ca8FF | bold |
| keyword.other.unit | #ff7ca8B3 | — |
| constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #ff477eFF | — |
| string, punctuation.definition.string | #66ffdeFF | — |
| support.type, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #B76DFFFF | — |
| support.type | #9172FFFF | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #3c6affFF | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #21fbffFF | — |
| variable.language | #9172FFFF | italic |
| entity.name.method.js | #44b1ffFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #3EC5FFFF | — |
| entity.other.attribute-name | #2681f9B3 | italic |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #f07178FF | italic |
| entity.other.attribute-name.class | #21fbffFF | — |
| source.sass keyword.control | #44b1ffFF | — |
| markup.inserted | #66ffdeFF | — |
| markup.deleted | #ff477eFF | — |
| markup.changed | #B76DFFFF | — |
| string.regexp | #21fbffFF | — |
| constant.character.escape | #B76DFFFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #3EC5FFFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #ff477eFF | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #6be4ffFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #6baeffFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #6b7affFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #976bffFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #c66bffFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f56bffFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ff6bc9FF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ff6b9cFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ff505bFF | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #66ffdeFF | — |
| text.html.markdown markup.inline.raw.markdown | #B76DFFFF | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #76c6ffFF | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #f07178FF | — |
| entity.name.section.markdown | #9172FFFF | bold underline |
| markup.italic | #f07178FF | italic |
| markup.bold, markup.bold string | #f07178FF | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178FF | bold italic |
| markup.underline | #f07178FF | underline |
| markup.quote punctuation.definition.blockquote.markdown | #76c6ffFF | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #5691FCFF | — |
| string.other.link.description.title.markdown | #B76DFFFF | — |
| constant.other.reference.link.markdown | #21fbffFF | — |
| markup.raw.block | #B76DFFFF | — |
| markup.raw.block.fenced.markdown | #3E5AEF4D | — |
| punctuation.definition.fenced.markdown | #3E5AEF4D | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #66ffdeFF | — |
| variable.language.fenced.markdown | #76c6ffFF | — |
| meta.separator | #76c6ffFF | bold |
| markup.table | #76c6ffFF | — |