Search Lights
Publisher: endigmaThemes in package: 4
Field Lights based dark 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.background#1A1F28
- activityBar.border#1A1F28
- activityBar.foreground#738699
- activityBarBadge.background#FFCC66
- activityBarBadge.foreground#1A1F28
- badge.background#FF9473
- badge.foreground#1A1F28
- button.background#FF9473
- button.foreground#1A1F28
- button.hoverBackground#FFCC66BB
- debugExceptionWidget.background#272D38
- debugExceptionWidget.border#343D4A
- debugToolBar.background#272D38
- debugToolBar.border#FFCC66
- diffEditor.insertedTextBackground#95E6CB44
- diffEditor.removedTextBackground#F5617444
- dropdown.background#212733
- dropdown.listBackground#212733
- editor.background#212733
- editor.findMatchBackground#FFCC6633
- editor.findMatchHighlightBackground#FFCC6633
- editor.findRangeHighlightBackground#FFCC6633
- editor.foreground#DDD7CA
- editor.lineHighlightBackground#3D4752
- editor.rangeHighlightBackground#272D38
- editor.selectionBackground#343D4A
- editor.wordHighlightBackground#FFCC6633
- editor.wordHighlightStrongBackground#FFCC6633
- editorBracketHighlight.foreground1#FFCC66
- editorBracketHighlight.foreground2#7FCDFF
- editorBracketHighlight.foreground3#B084EB
- editorBracketHighlight.foreground4#FF75BC
- editorBracketHighlight.foreground5#93FEC0
- editorBracketMatch.border#3D4752
- editorCursor.foreground#FFCC66
- editorError.foreground#FF4551
- editorGroup.border#343D4A
- editorGroup.emptyBackground#272D38
- editorGroupHeader.noTabsBackground#212733
- editorGroupHeader.tabsBackground#1A1F28
- editorGroupHeader.tabsBorder#212733
- editorGutter.addedBackground#76CC9A
- editorGutter.deletedBackground#FF4551
- editorGutter.modifiedBackground#7DBBD1
- editorHoverWidget.background#272D38
- editorHoverWidget.border#343D4A
- editorIndentGuide.background#272D38
- editorLineNumber.activeForeground#DDD7CA
- editorLineNumber.foreground#3D4752
- editorLink.activeForeground#FFCC66
- editorMarkerNavigation.background#272D38
- editorOverviewRuler.addedForeground#8CA6BD
- editorOverviewRuler.border#343D4A
- editorOverviewRuler.deletedForeground#F56174AA
- editorOverviewRuler.errorForeground#FF4551
- editorOverviewRuler.modifiedForeground#76CC9AAA
- editorOverviewRuler.warningForeground#FFCC66
- editorRuler.foreground#343D4A
- editorSuggestWidget.background#272D38
- editorSuggestWidget.border#343D4A
- editorSuggestWidget.highlightForeground#FFCC66
- editorSuggestWidget.selectedBackground#303540
- editorWarning.foreground#FFCC66
- editorWhitespace.foreground#3D4752
- editorWidget.background#272D38
- extensionButton.prominentBackground#FFCC66AA
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#FFCC66BB
- focusBorder#7386998A
- foreground#738699
- gitDecoration.conflictingResourceForeground#FF455187
- gitDecoration.deletedResourceForeground#FF75BC87
- gitDecoration.ignoredResourceForeground#73869977
- gitDecoration.modifiedResourceForeground#8ca6bd87
- gitDecoration.untrackedResourceForeground#7ef2ae87
- input.background#272D38
- input.border#7386994C
- input.foreground#DDD7CA
- input.placeholderForeground#7386998A
- inputOption.activeBorder#7386998A
- inputValidation.errorBackground#212733
- inputValidation.errorBorder#FF4551
- inputValidation.infoBackground#212733
- inputValidation.infoBorder#8ca6bd
- inputValidation.warningBackground#212733
- inputValidation.warningBorder#FFD580
- list.activeSelectionBackground#343D4A
- list.activeSelectionForeground#DDD7CA
- list.focusBackground#303540
- list.focusForeground#DDD7CA
- list.highlightForeground#FFCC66
- list.hoverBackground#303540
- list.hoverForeground#DDD7CA
- list.inactiveSelectionBackground#1A1F28
- list.inactiveSelectionForeground#DDD7CA
- listFilterWidget.background#1A1F28
- listFilterWidget.noMatchesOutline#FF4551
- listFilterWidget.outline#FFCC66
- notificationCenter.border#1A1F28
- notificationCenterHeader.background#1A1F28
- notificationCenterHeader.foreground#FFCC66
- notificationLink.foreground#FF9473
- notifications.background#343D4A
- notifications.foreground#FFFFFF
- notificationToast.border#1A1F28
- panel.background#1A1F28
- panel.border#1A1F28B3
- panelTitle.activeBorder#1A1F28
- panelTitle.activeForeground#FF9473
- panelTitle.inactiveForeground#5C6773
- peekView.border#343D4A
- peekViewEditor.background#272D38
- peekViewEditor.matchHighlightBackground#FFCC6633
- peekViewResult.background#272D38
- peekViewResult.fileForeground#738699
- peekViewResult.matchHighlightBackground#FFCC6633
- peekViewTitle.background#272D38
- peekViewTitleDescription.foreground#738699
- peekViewTitleLabel.foreground#738699
- pickerGroup.border#343D4A
- pickerGroup.foreground#FFCC66
- progressBar.background#FFCC66
- scrollbar.shadow#1A1F2800
- scrollbarSlider.activeBackground#FFFFFF22
- scrollbarSlider.background#FFFFFF11
- scrollbarSlider.hoverBackground#FFFFFF22
- selection.background#343D4AFF
- sideBar.background#1A1F28
- sideBar.border#1A1F28
- sideBar.foreground#738699DD
- sideBarSectionHeader.background#1A1F28
- sideBarSectionHeader.foreground#FFCC66
- sideBarTitle.foreground#FFCC6699
- statusBar.background#1A1F28
- statusBar.border#1A1F28
- statusBar.debuggingBackground#FFCC66
- statusBar.debuggingForeground#1A1F28
- statusBar.foreground#738699
- statusBar.noFolderBackground#272D38
- tab.activeBackground#212733
- tab.activeForeground#FFCC66
- tab.border#1A1F28
- tab.inactiveBackground#1A1F28
- tab.inactiveForeground#5C6773
- tab.unfocusedActiveForeground#DDD7CAAA
- tab.unfocusedInactiveForeground#738699
- terminal.ansiBlue#8ca6bd
- terminal.ansiBrightBlack#5C6773
- terminal.ansiBrightBlue#7DBBD1
- terminal.ansiBrightCyan#DAA3FF
- terminal.ansiBrightGreen#66d494
- terminal.ansiBrightMagenta#FFA7D3
- terminal.ansiBrightRed#F56174
- terminal.ansiBrightWhite#E6E6E6
- terminal.ansiBrightYellow#FFCC66
- terminal.ansiCyan#C38EFD
- terminal.ansiGreen#7ef2ae
- terminal.ansiMagenta#FF75BC
- terminal.ansiRed#F56174
- terminal.ansiWhite#DDD7CA
- terminal.ansiYellow#FF9473
- terminal.background#1A1F28
- terminal.border#303540
- terminal.foreground#DDD7CA
- terminal.tab.activeBorder#FFCC66
- terminalCursor.background#1A1F28
- terminalCursor.foreground#FF9473
- textBlockQuote.background#272D38
- textLink.activeForeground#FFCC66
- textLink.foreground#FFCC66
- textPreformat.foreground#DDD7CA
- titleBar.activeBackground#1A1F28
- titleBar.activeForeground#738699
- titleBar.border#1A1F28
- titleBar.inactiveBackground#1A1F28
- titleBar.inactiveForeground#5C6773
- walkThrough.embeddedEditorBackground#272D38
- widget.shadow#1A1F28B3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.tag | #f56174 | — |
| comment | #5C6773 | italic |
| keyword | #FF75BC | — |
| keyword.control, keyword.operator.new | #FF75BC | — |
| keyword.operator | #E6E6E6 | — |
| keyword.operator.logical, keyword.operator.comparison | #FFCC66 | — |
| storage | #FF9473 | italic |
| constant | #FF9473 | italic |
| constant.character.escape | #8ca6bd | — |
| variable | #E6E6E6 | — |
| variable.parameter | #BBBBBB | — |
| meta.object-binding-pattern-variable.js variable | #FFCC66 | — |
| variable.other.constant, variable.language.this, variable.interpolation | #FFA7D3 | — |
| variable.language.this | — | italic |
| variable.other.object | #FFA7D3 | — |
| variable.other.property | #E6E6E6 | — |
| invalid.illegal | #FF4551 | — |
| invalid.deprecated | #FF4551CC | — |
| string | #7ef2ae | — |
| punctuation.definition.template-expression | #FFCC66 | — |
| support | #FFCC66 | — |
| support.class | #FFCC66 | — |
| support.type.object.module.js | #C38EFD | — |
| support.function | #7DBBD1 | — |
| entity.name.function | #7DBBD1 | italic |
| entity.other.inherited-class | #FFA7D3 | — |
| entity.name.tag.yaml | #FFCC66 | — |
| meta.decorator punctuation.decorator | #FF9473 | — |
| meta.decorator variable | #7DBBD1 | — |
| keyword.other.special-method | #8ca6bd | — |
| keyword.control.at-rule | #C38EFD | — |
| keyword.other.important | #F56174 | — |
| variable.interpolation | #FF75BC | — |
| meta.source.handlebars entity.name.tag | #7DBBD1 | — |
| punctuation.definition.expression, punctuation.definition.subexpression, punctuation.definition.block.unescaped, punctuation.definition.tag | #F5617487 | — |
| entity.name.function.expression | #FF75BC | — |
| entity.unescaped.expression | #C38EFD | — |
| constant.other.symbol | #7ef2ae | — |
| entity.expression variable.parameter.name | #FF9473 | — |
| entity.expression variable.parameter.value | #7DBBD1 | — |
| entity.expression support.function.builtin | #FFA7D3 | — |
| entity.name.tag.html | #FFCC66 | — |
| entity.other.attribute-name.handlebars | #FFCC66 | — |
| support.class.component | #FF75BC | italic |
| meta.tag.js entity.name.tag | #FFCC66 | — |
| entity.other.attribute-name | #FF9473 | italic |
| markup.bold | #FF9473 | bold |
| punctuation.definition.bold.markdown | #FFCC66 | bold |
| markup.changed | #FF75BC | — |
| markup.deleted | #F56174 | — |
| markup.italic | #FFA7D3 | italic |
| punctuation.definition.italic.markdown | #FF75BC | italic |
| markup.inserted | #7ef2ae | — |
| punctuation.definition.heading | #7ef2ae | — |
| entity.name.section.markdown | #BBBBBB | — |
| markup.quote | #FF9473 | — |
| markup.inline.raw | #7ef2ae | italic |
| beginning.punctuation.definition.list | #FF75BC | — |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #757575 | — |
| fenced_code.block.language | #BBBBBB | italic |
| string.other.link | #BBBBBB | |
| meta.link.inline.markdown | #8ca6bd | italic |
| text.html.markdown punctuation.definition.string | #FFCC66 | |
| entity.name.type.class.js | #7DBBD1 | — |
| keyword.control.as.js | #FFA7D3 | — |
| keyword.control.from.js.jsx | #FFA7D3 | — |
| keyword.control.export.js | #C38EFD | — |
| entity.name.tag.js.jsx, support.class.component.js.jsx | #F56174 | — |
| variable.language.super.js.jsx | #8ca6bd | — |
| meta.tag.structure.any.html, meta.tag.other.html, entity.name.tag.html, meta.tag.metadata.script.html, entity.name.tag.jade | #F56174 | — |
| entity.name.tag.inline.any.html, entity.name.tag.other.html, entity.name.tag.block.any.html | #F56174 | — |
| entity.name.tag.css | #F56174 | — |
| support.type.property-name.css | #E6E6E6 | — |
| variable.scss | #FFA7D3 | — |
| entity.name.tag.reference.scss | #F56174 | — |
| keyword.other.unit.rem.css, keyword.other.unit.vh.css, keyword.other.unit.px.css, keyword.other.unit.em.css, keyword.other.unit.deg.css, keyword.other.unit.percentage.css | #FF9473 | — |
| string.regexp | #7DBBD1 | — |
| string.regexp keyword, string.regexp keyword.control | #FF75BC | |
| string.regexp keyword.operator | #FFA7D3 | — |
| comment.block.documentation | — | |
| entity.name.type.instance.jsdoc punctuation.definition | #FFCC66 | italic |
| entity.name.type.instance.jsdoc | #CDCDCD | italic |
| comment.block storage | #FFCC66 | — |
| comment.block storage.custom, variable.other.jsdoc, variable.other.jsdoc punctuation.definition.string | #FFA7D3 | — |
| meta.tag.xml | #F56174 | — |
| meta.function-call.python | #A9C3D9 | italic |
| support.type.property-name.json | #CFAFFA | — |