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#d3e6efFF
- activityBar.background#d3e6efFF
- activityBar.foreground#2166eeFF
- activityBar.inactiveForeground#87aae6FF
- activityBarBadge.background#87aae6FF
- activityBarBadge.foreground#004d9fFF
- badge.background#87aae6FF
- badge.foreground#f1fbffFF
- breadcrumb.activeSelectionForeground#2166eeFF
- breadcrumb.background#e5f3f9CC
- breadcrumb.focusForeground#38b2e7FF
- breadcrumb.foreground#90a6caFF
- button.background#5691FCFF
- button.foreground#f1fbffFF
- button.hoverBackground#336283FF
- button.secondaryBackground#87aae6FF
- button.secondaryForeground#f1fbffFF
- button.secondaryHoverBackground#5691FCFF
- checkbox.background#87aae64D
- checkbox.foreground#5691FCFF
- checkbox.selectBackground#87aae6FF
- debugToolBar.background#f1fbffFF
- debugToolBar.border#2166eeFF
- descriptionForeground#87aae6FF
- diffEditor.border#FF4171FF
- diffEditor.insertedTextBackground#87aae61A
- diffEditor.insertedTextBorder#87aae626
- diffEditor.removedTextBackground#FF41711A
- diffEditor.removedTextBorder#FF417126
- dropdown.background#f1fbffFF
- dropdown.border#2166eeFF
- dropdown.foreground#2166eeFF
- dropdown.listBackground#f1fbffFF
- editor.background#f1fbffFF
- editor.findMatchBackground#a9b0ff66
- editor.findMatchHighlightBackground#87aae61A
- editor.foreground#3475a2FF
- editor.inactiveSelectionBackground#87aae61A
- editor.lineHighlightBackground#87aae640
- editor.lineHighlightBorder#87aae659
- editor.selectionBackground#87aae64D
- editor.selectionHighlightBackground#87aae61A
- editor.wordHighlightBackground#87aae640
- editor.wordHighlightStrongBackground#87aae659
- editorBracketHighlight.foreground1#00add4
- editorBracketHighlight.foreground2#076ae2
- editorBracketHighlight.foreground3#1e35ff
- editorBracketHighlight.foreground4#4e0aec
- editorBracketHighlight.foreground5#9b0ef3
- editorBracketHighlight.foreground6#ef09ff
- editorBracketHighlight.unexpectedBracket.foreground#ff1d52
- editorBracketMatch.background#87aae633
- editorCodeLens.foreground#3475a2CC
- editorCursor.foreground#2166eeFF
- editorError.foreground#FF4171FF
- editorGroup.border#87aae6FF
- editorGroup.dropBackground#87aae680
- editorGroupHeader.noTabsBackground#d3e6efFF
- editorGroupHeader.tabsBackground#d3e6efFF
- editorGutter.addedBackground#2166eeFF
- editorGutter.background#ebf6fcFF
- editorGutter.deletedBackground#3b393fFF
- editorGutter.modifiedBackground#00cdb1FF
- editorIndentGuide.activeBackground#2166eeBF
- editorIndentGuide.background#87aae64D
- editorInfo.foreground#5691FCFF
- editorLightBulb.foreground#2166eeCC
- editorLineNumber.activeForeground#2166eeFF
- editorLineNumber.foreground#87aae6BF
- editorLink.activeForeground#2166eeFF
- editorSuggestWidget.background#f1fbffFF
- editorSuggestWidget.border#2166eeFF
- editorSuggestWidget.focusHighlightForeground#2166eeFF
- editorSuggestWidget.highlightForeground#87aae680
- editorSuggestWidget.selectedIconForeground#2166eeFF
- editorUnnecessaryCode.opacity#000000B3
- editorWarning.foreground#FF855FFF
- editorWidget.background#e5f3f9FF
- editorWidget.border#2166eeBF
- editorWidget.resizeBorder#2166eeFF
- errorForeground#FF4171FF
- focusBorder#2166ee66
- foreground#336283FF
- gitDecoration.addedResourceForeground#2166ee
- gitDecoration.conflictingResourceForeground#FF4171FF
- gitDecoration.deletedResourceForeground#3b393fFF
- gitDecoration.ignoredResourceForeground#87aae6FF
- gitDecoration.modifiedResourceForeground#00cdb1FF
- gitDecoration.stageDeletedResourceForeground#3b393fFF
- gitDecoration.stageModifiedResourceForeground#00cdb1FF
- gitDecoration.submoduleResourceForeground#FF855FFF
- gitDecoration.untrackedResourceForeground#2166eeB3
- icon.foreground#2166eeFF
- input.background#f1fbffFF
- input.foreground#336283FF
- input.placeholderForeground#5691FC99
- inputOption.activeBackground#2166eeFF
- inputOption.activeForeground#f1fbffFF
- inputValidation.errorBackground#4618274D
- inputValidation.errorBorder#FF4171FF
- inputValidation.errorForeground#FF4171FF
- list.activeSelectionBackground#e5f3f9FF
- list.activeSelectionForeground#2166eeFF
- list.dropBackground#87aae64D
- list.errorForeground#FF4171FF
- list.focusBackground#f1fbffFF
- list.focusForeground#336283FF
- list.hoverBackground#e5f3f9FF
- list.hoverForeground#87aae6FF
- list.inactiveSelectionBackground#e5f3f9FF
- list.inactiveSelectionForeground#2166eeFF
- list.warningForeground#FF855F80
- menu.background#f1fbffE6
- menu.foreground#2166eeFF
- menu.selectionBackground#87aae64D
- menu.selectionForeground#2166eeFF
- menu.separatorBackground#87aae6FF
- menubar.selectionBackground#87aae64D
- minimap.findMatchHighlight#87aae6FF
- notificationCenter.border#87aae64D
- notificationCenterHeader.background#f1fbffFF
- notificationCenterHeader.foreground#87aae6FF
- notifications.background#f1fbffFF
- notifications.border#87aae64D
- notifications.foreground#336283FF
- notificationsErrorIcon.foreground#FF4171FF
- notificationsInfoIcon.foreground#5691FCFF
- notificationsWarningIcon.foreground#FF855FFF
- notificationToast.border#87aae6FF
- panel.background#e5f3f9FF
- panel.border#e5f3f9FF
- panelTitle.activeForeground#2166eeFF
- panelTitle.inactiveForeground#90a6caFF
- peekView.border#2166eeFF
- peekViewEditor.background#e5f3f9FF
- peekViewEditor.matchHighlightBackground#a9b0ff4D
- peekViewResult.background#f1fbffFF
- peekViewResult.fileForeground#2166eeFF
- peekViewResult.lineForeground#5691FCFF
- peekViewResult.matchHighlightBackground#a9b0ff4D
- peekViewResult.selectionBackground#2166ee33
- peekViewResult.selectionForeground#2166eeFF
- peekViewTitle.background#f1fbffFF
- peekViewTitleDescription.foreground#5691FCFF
- peekViewTitleLabel.foreground#2166eeFF
- pickerGroup.border#2166eeFF
- problemsErrorIcon.foreground#FF4171FF
- problemsInfoIcon.foreground#5691FCFF
- problemsWarningIcon.foreground#FF855FFF
- progressBar.background#2166eeFF
- quickInputList.focusBackground#87aae680
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#87aae6CC
- scrollbarSlider.background#87aae666
- scrollbarSlider.hoverBackground#87aae6CC
- selection.background#87aae699
- settings.dropdownBorder#87aae680
- settings.dropdownListBorder#87aae680
- settings.headerForeground#2166eeFF
- settings.numberInputBorder#2166eeBF
- settings.sashBorder#87aae680
- settings.textInputBorder#87aae6BF
- sideBar.background#d3e6efFF
- sideBar.dropBackground#87aae680
- sideBar.foreground#90a6caFF
- sideBarSectionHeader.background#d3e6efFF
- sideBarTitle.foreground#2166eeFF
- statusBar.background#e5f3f9FF
- statusBar.border#2166eeCC
- statusBar.debuggingBackground#f1fbffFF
- statusBar.debuggingBorder#87aae6FF
- statusBar.debuggingForeground#87aae6FF
- statusBar.foreground#2166eeFF
- statusBar.noFolderBackground#f1fbffFF
- statusBar.noFolderForeground#2166eeFF
- tab.activeBackground#e5f3f9CC
- tab.activeBorderTop#2166eeFF
- tab.activeForeground#2166eeFF
- tab.border#87aae64D
- tab.hoverBackground#f1fbffFF
- tab.hoverBorder#2166eeCC
- tab.hoverForeground#2166eeFF
- tab.inactiveBackground#d3e6efFF
- tab.inactiveForeground#90a6caFF
- tab.lastPinnedBorder#87aae640
- tab.unfocusedActiveBackground#e5f3f9CC
- tab.unfocusedActiveBorderTop#2166eeCC
- tab.unfocusedHoverBackground#f1fbffFF
- tab.unfocusedHoverForeground#2166eeCC
- terminal.ansiBlack#000000FF
- terminal.ansiBlue#2681f9FF
- terminal.ansiBrightBlack#787878FF
- terminal.ansiBrightBlue#2680ffFF
- terminal.ansiBrightCyan#1c95beFF
- terminal.ansiBrightGreen#2bba93FF
- terminal.ansiBrightMagenta#bc47b2FF
- terminal.ansiBrightRed#fe2b64FF
- terminal.ansiBrightWhite#cedcdeFF
- terminal.ansiBrightYellow#faa630FF
- terminal.ansiCyan#38b2e7FF
- terminal.ansiGreen#44eabdFF
- terminal.ansiMagenta#9172FFFF
- terminal.ansiRed#cf3e5bFF
- terminal.ansiWhite#c4c6cbFF
- terminal.ansiYellow#f5c86eFF
- terminal.background#e5f3f9FF
- terminalCursor.background#87aae6FF
- terminalCursor.foreground#87aae6FF
- textBlockQuote.border#2166eeFF
- textLink.activeForeground#2166eeFF
- textLink.foreground#5691FCFF
- textPreformat.foreground#2166eeFF
- textSeparator.foreground#87aae6FF
- titleBar.activeBackground#d3e6efFF
- titleBar.activeForeground#2166eeFF
- titleBar.inactiveBackground#d3e6efFF
- titleBar.inactiveForeground#336283FF
- tree.indentGuidesStroke#87aae680
- welcomePage.background#E0EFF7FF
- widget.shadow#e5f3f980
- window.activeBorder#e5f3f9FF
- window.inactiveBorder#e5f3f9FF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #89b2cdFF | italic |
| variable, string constant.other.placeholder | #38b2e7FF | italic |
| constant.other.color | #38b2e7FF | bold |
| punctuation.definition.constant.css | #38b2e7B3 | — |
| invalid, invalid.illegal | #ff7888FF | — |
| keyword, storage.type, storage.modifier | #2681f9FF | bold |
| storage.type.function, keyword.other, keyword.control | #9172FFFF | bold |
| storage.type.annotation | #ff7888FF | — |
| 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, punctuation.section, keyword.operator.assignment | #0091f9CC | — |
| punctuation.definition.keyword, keyword.operator.comparison, keyword.operator.arithmetic | #ff7888FF | — |
| entity.name.tag, entity.name.type.module, meta.tag.sgml, markup.deleted.git_gutter | #3c6affFF | bold |
| entity.name.tag.css | #ff7888FF | — |
| entity.name.tag.html | #2681f9FF | bold |
| entity.name.function, meta.function-call.generic, variable.function, keyword.other.special-method, entity.name | #00b3c7FF | — |
| support.function.misc.css, support.function, support.class | #00b3c7FF | — |
| meta.function-call.arguments | #38b2e7FF | — |
| meta.block variable.other, variable.other.readwrite | #0091f9FF | bold |
| variable.other.property | #00b3c7FF | — |
| support.other.variable, string.other.link | #f07178FF | — |
| constant.language, support.constant, constant.character, constant.escape, variable.parameter | #38b2e7FF | — |
| source.dart | #0091f9FF | — |
| 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 | #ff7888FF | — |
| string, punctuation.definition.string | #2bc9ccFF | — |
| 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 | #00b3c7FF | — |
| variable.language | #9172FFFF | italic |
| entity.name.method.js | #0091f9FF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #38b2e7FF | — |
| 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 | #00b3c7FF | — |
| source.sass keyword.control | #0091f9FF | — |
| markup.inserted | #2bc9ccFF | — |
| markup.deleted | #ff7888FF | — |
| markup.changed | #B76DFFFF | — |
| string.regexp | #00b3c7FF | — |
| constant.character.escape | #B76DFFFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #38b2e7FF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #ff7888FF | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #00b0d8FF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #2482f6FF | — |
| 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 | #4052f5FF | — |
| 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 | #763ef9FF | — |
| 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 | #b13dfaFF | — |
| 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 | #e630f3FF | — |
| 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 | #f334adFF | — |
| 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 | #f2427dFF | — |
| 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 | #de525bFF | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #2bc9ccFF | — |
| text.html.markdown markup.inline.raw.markdown | #B76DFFFF | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #3475a2FF | — |
| 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 | #3475a2FF | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #5691FCFF | — |
| string.other.link.description.title.markdown | #B76DFFFF | — |
| constant.other.reference.link.markdown | #00b3c7FF | — |
| markup.raw.block | #B76DFFFF | — |
| markup.raw.block.fenced.markdown | #87aae64D | — |
| punctuation.definition.fenced.markdown | #87aae64D | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #2bc9ccFF | — |
| variable.language.fenced.markdown | #3475a2FF | — |
| meta.separator | #3475a2FF | bold |
| markup.table | #3475a2FF | — |