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#f3faffFF
- activityBar.background#f3faffFF
- activityBar.foreground#467ed1FF
- activityBar.inactiveForeground#29A6FFFF
- activityBarBadge.background#467ed1FF
- activityBarBadge.foreground#f3faffFF
- badge.background#467ed1FF
- badge.foreground#f3faffFF
- breadcrumb.activeSelectionForeground#467ed1FF
- breadcrumb.background#f3faffCC
- breadcrumb.focusForeground#38b2e7FF
- breadcrumb.foreground#87C3EEFF
- button.background#5691FCFF
- button.foreground#f3faffFF
- button.hoverBackground#336283FF
- button.secondaryBackground#29A6FFFF
- button.secondaryForeground#f3faffFF
- button.secondaryHoverBackground#5691FCFF
- checkbox.background#29A6FF4D
- checkbox.foreground#5691FCFF
- checkbox.selectBackground#29A6FFFF
- debugToolBar.background#f3faffFF
- debugToolBar.border#467ed1FF
- descriptionForeground#87C3EECC
- diffEditor.border#FF4171FF
- diffEditor.insertedTextBackground#29A6FF1A
- diffEditor.insertedTextBorder#29A6FF26
- diffEditor.removedTextBackground#FF41711A
- diffEditor.removedTextBorder#FF417126
- dropdown.background#f3faffFF
- dropdown.border#467ed1FF
- dropdown.foreground#467ed1FF
- dropdown.listBackground#f3faffFF
- editor.background#f3faffFF
- editor.findMatchBackground#a9b0ff66
- editor.findMatchHighlightBackground#29A6FF1A
- editor.foreground#3475a2FF
- editor.inactiveSelectionBackground#29A6FF1A
- editor.lineHighlightBackground#29A6FF26
- editor.lineHighlightBorder#29A6FF40
- editor.selectionBackground#29A6FF4D
- editor.selectionHighlightBackground#29A6FF1A
- editor.wordHighlightBackground#29A6FF40
- editor.wordHighlightStrongBackground#29A6FF59
- editorBracketHighlight.foreground1#3fdcff
- editorBracketHighlight.foreground2#3490ff
- editorBracketHighlight.foreground3#6b7aff
- editorBracketHighlight.foreground4#996eff
- editorBracketHighlight.foreground5#bc4fff
- editorBracketHighlight.foreground6#f786ff
- editorBracketHighlight.unexpectedBracket.foreground#ff1d52
- editorBracketMatch.background#a9b0ff80
- editorCodeLens.foreground#3475a2CC
- editorCursor.foreground#467ed1FF
- editorError.foreground#FF4171FF
- editorGroup.border#29A6FFFF
- editorGroup.dropBackground#29A6FF80
- editorGroupHeader.noTabsBackground#f3faffFF
- editorGroupHeader.tabsBackground#f3faffFF
- editorGutter.addedBackground#467ed1FF
- editorGutter.background#f3faffFF
- editorGutter.deletedBackground#3b393fFF
- editorGutter.modifiedBackground#00cdb1FF
- editorIndentGuide.activeBackground#467ed1BF
- editorIndentGuide.background#29A6FF4D
- editorInfo.foreground#5691FCFF
- editorLightBulb.foreground#467ed1CC
- editorLineNumber.activeForeground#467ed1FF
- editorLineNumber.foreground#29A6FFBF
- editorLink.activeForeground#467ed1FF
- editorSuggestWidget.background#f3faffFF
- editorSuggestWidget.border#467ed1FF
- editorSuggestWidget.focusHighlightForeground#467ed1FF
- editorSuggestWidget.highlightForeground#29A6FF80
- editorSuggestWidget.selectedIconForeground#467ed1FF
- editorUnnecessaryCode.opacity#000000B3
- editorWarning.foreground#FF855FFF
- editorWidget.background#f3faffFF
- editorWidget.border#467ed1BF
- editorWidget.resizeBorder#467ed1FF
- errorForeground#FF4171FF
- focusBorder#467ed166
- foreground#336283FF
- gitDecoration.addedResourceForeground#467ed1
- gitDecoration.conflictingResourceForeground#FF4171FF
- gitDecoration.deletedResourceForeground#3b393fFF
- gitDecoration.ignoredResourceForeground#29A6FFFF
- gitDecoration.modifiedResourceForeground#00cdb1FF
- gitDecoration.stageDeletedResourceForeground#3b393fFF
- gitDecoration.stageModifiedResourceForeground#00cdb1FF
- gitDecoration.submoduleResourceForeground#FF855FFF
- gitDecoration.untrackedResourceForeground#467ed1B3
- icon.foreground#467ed1FF
- input.background#f3faffFF
- input.foreground#336283FF
- input.placeholderForeground#5691FC99
- inputOption.activeBackground#467ed1FF
- inputOption.activeForeground#f3faffFF
- inputValidation.errorBackground#4618274D
- inputValidation.errorBorder#FF4171FF
- inputValidation.errorForeground#FF4171FF
- list.activeSelectionBackground#f3faffCC
- list.activeSelectionForeground#467ed1FF
- list.dropBackground#29A6FF4D
- list.errorForeground#FF4171FF
- list.focusBackground#f3faffFF
- list.focusForeground#336283FF
- list.hoverBackground#29A6FF4D
- list.hoverForeground#467ed1FF
- list.inactiveSelectionBackground#f3faffCC
- list.inactiveSelectionForeground#467ed1FF
- list.warningForeground#FF855F80
- menu.background#f3faffE6
- menu.foreground#467ed1FF
- menu.selectionBackground#29A6FF4D
- menu.selectionForeground#467ed1FF
- menu.separatorBackground#29A6FFFF
- menubar.selectionBackground#29A6FF4D
- minimap.findMatchHighlight#29A6FFFF
- notificationCenter.border#29A6FF4D
- notificationCenterHeader.background#f3faffFF
- notificationCenterHeader.foreground#29A6FFFF
- notifications.background#f3faffFF
- notifications.border#29A6FF4D
- notifications.foreground#336283FF
- notificationsErrorIcon.foreground#FF4171FF
- notificationsInfoIcon.foreground#5691FCFF
- notificationsWarningIcon.foreground#FF855FFF
- notificationToast.border#29A6FFFF
- panel.background#f3faffFF
- panel.border#29A6FF33
- panelTitle.activeForeground#467ed1FF
- panelTitle.inactiveForeground#87C3EEFF
- peekView.border#467ed1FF
- peekViewEditor.background#f3faffFF
- peekViewEditor.matchHighlightBackground#a9b0ff4D
- peekViewResult.background#f3faffFF
- peekViewResult.fileForeground#467ed1FF
- peekViewResult.lineForeground#5691FCFF
- peekViewResult.matchHighlightBackground#a9b0ff4D
- peekViewResult.selectionBackground#467ed133
- peekViewResult.selectionForeground#467ed1FF
- peekViewTitle.background#f3faffFF
- peekViewTitleDescription.foreground#5691FCFF
- peekViewTitleLabel.foreground#467ed1FF
- pickerGroup.border#29A6FF80
- problemsErrorIcon.foreground#FF4171FF
- problemsInfoIcon.foreground#5691FCFF
- problemsWarningIcon.foreground#FF855FFF
- progressBar.background#467ed1FF
- quickInputList.focusBackground#29A6FF4D
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#f3faffCC
- scrollbarSlider.background#f3faff66
- scrollbarSlider.hoverBackground#f3faffCC
- selection.background#29A6FF99
- settings.dropdownBorder#29A6FF80
- settings.dropdownListBorder#29A6FF80
- settings.headerForeground#467ed1FF
- settings.numberInputBorder#467ed1BF
- settings.sashBorder#29A6FF80
- settings.textInputBorder#467ed1BF
- sideBar.background#f3faffFF
- sideBar.border#29A6FF33
- sideBar.dropBackground#29A6FF80
- sideBar.foreground#87C3EEFF
- sideBarSectionHeader.background#f3faffFF
- sideBarTitle.foreground#467ed1FF
- statusBar.background#f3faffFF
- statusBar.debuggingBackground#f3faffFF
- statusBar.debuggingBorder#29A6FFFF
- statusBar.debuggingForeground#29A6FFFF
- statusBar.foreground#467ed1FF
- statusBar.noFolderBackground#f3faffFF
- statusBar.noFolderForeground#467ed1FF
- tab.activeBackground#f3faffCC
- tab.activeBorder#467ed1FF
- tab.activeForeground#467ed1FF
- tab.border#f3faffFF
- tab.hoverBackground#f3faffFF
- tab.hoverForeground#467ed1FF
- tab.inactiveBackground#f3faffFF
- tab.inactiveForeground#87C3EEFF
- tab.lastPinnedBorder#29A6FF40
- tab.unfocusedActiveBackground#f3faffFF
- tab.unfocusedActiveBorder#467ed1CC
- tab.unfocusedHoverBackground#f3faffFF
- tab.unfocusedHoverForeground#467ed1CC
- 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#f3faffFF
- terminal.foreground#467ed1FF
- textBlockQuote.border#467ed1FF
- textLink.activeForeground#467ed1FF
- textLink.foreground#5691FCFF
- textPreformat.foreground#467ed1FF
- textSeparator.foreground#29A6FFFF
- titleBar.activeBackground#f3faffFF
- titleBar.activeForeground#467ed1FF
- titleBar.inactiveBackground#f3faffFF
- titleBar.inactiveForeground#336283FF
- tree.indentGuidesStroke#29A6FF80
- widget.shadow#DCF0FFFF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8AC2EAFF | 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 | #29A6FF4D | — |
| punctuation.definition.fenced.markdown | #29A6FF4D | — |
| 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 | — |