Lost Theme
Publisher: DevValiThemes in package: 1
A minimal, cold, and focused VS Code theme.
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#000817
- activityBar.border#1C3A4C
- activityBar.foreground#E3E3E4
- activityBarBadge.background#000817
- activityBarBadge.foreground#E3E3E4
- badge.background#1C3A4C
- badge.foreground#E3E3E4
- button.background#1C3A4C
- diffEditor.border#1C3A4C
- diffEditor.insertedLineBackground#42FFFC14
- diffEditor.insertedTextBackground#42FFFC20
- diffEditor.removedLineBackground#E3E3E414
- diffEditor.removedTextBackground#E3E3E420
- diffEditorGutter.insertedLineBackground#42FFFC20
- diffEditorGutter.removedLineBackground#E3E3E420
- dropdown.background#000817
- dropdown.listBackground#000817
- editor.background#000817
- editor.findMatchBackground#1C3A4C
- editor.focusedStackFrameHighlightBackground#1C3A4C
- editor.lineHighlightBorder#1C3A4C
- editor.selectionBackground#1C3A4C
- editor.stackFrameHighlightBackground#1C3A4C
- editor.wordHighlightBackground#1C3A4C67
- editorBracketHighlight.foreground1#E3E3E4
- editorBracketHighlight.foreground2#E3E3E4
- editorBracketHighlight.unexpectedBracket.foreground#E3E3E4
- editorBracketMatch.background#1C3A4C
- editorBracketMatch.border#1C3A4C
- editorCodeLens.foreground#E3E3E4
- editorCursor.background#1C3A4C
- editorCursor.foreground#E3E3E4
- editorError.foreground#E3E3E4
- editorGroup.border#1C3A4C
- editorGroup.dropBackground#000817
- editorGroupHeader.tabsBackground#000817
- editorGutter.addedBackground#E3E3E4
- editorGutter.deletedBackground#E3E3E4
- editorGutter.modifiedBackground#E3E3E4
- editorInlayHint.background#000817
- editorInlayHint.foreground#646568
- editorLightBulb.foreground#E3E3E4
- editorLineNumber.activeForeground#E3E3E4
- editorLineNumber.foreground#E3E3E4
- editorLink.activeForeground#E3E3E4
- editorOverviewRuler.addedForeground#E3E3E4
- editorOverviewRuler.border#1C3A4C
- editorOverviewRuler.deletedForeground#E3E3E4
- editorOverviewRuler.errorForeground#E3E3E4
- editorOverviewRuler.modifiedForeground#E3E3E4
- editorOverviewRuler.warningForeground#E3E3E4
- editorRuler.foreground#E3E3E4
- editorSuggestWidget.highlightForeground#E3E3E4
- editorSuggestWidget.selectedBackground#000817
- editorWarning.foreground#E3E3E4
- editorWidget.background#000817
- editorWidget.border#1C3A4C
- editorWidget.resizeBorder#1C3A4C
- errorForeground#E3E3E4
- extensionButton.prominentBackground#1C3A4C
- extensionButton.prominentHoverBackground#1C3A4C
- focusBorder#000817
- foreground#E3E3E4
- gitDecoration.addedResourceForeground#42FFFC
- gitDecoration.conflictingResourceForeground#E3E3E4
- gitDecoration.deletedResourceForeground#E3E3E4
- gitDecoration.ignoredResourceForeground#646568
- gitDecoration.modifiedResourceForeground#8BFFFD
- gitDecoration.stageDeletedResourceForeground#E3E3E4
- gitDecoration.stageModifiedResourceForeground#8BFFFD
- gitDecoration.untrackedResourceForeground#42FFFC
- input.background#000817
- inputOption.activeBorder#1C3A4C
- inputValidation.errorBackground#000817
- inputValidation.errorBorder#1C3A4C
- list.activeSelectionBackground#000817
- list.activeSelectionForeground#42FFFC
- list.dropBackground#000817
- list.errorForeground#E3E3E4
- list.focusBackground#000817
- list.focusForeground#42FFFC
- list.highlightForeground#42FFFC
- list.hoverBackground#000817
- list.hoverForeground#42FFFC
- list.inactiveFocusBackground#000817
- list.inactiveSelectionBackground#000817
- list.inactiveSelectionForeground#E3E3E4
- list.warningForeground#E3E3E4
- menu.background#000817
- minimap.errorHighlight#E3E3E4
- minimap.infoHighlight#E3E3E4
- minimap.warningHighlight#E3E3E4
- panel.border#1C3A4C
- peekView.border#1C3A4C
- peekViewEditor.background#000817
- peekViewEditor.matchHighlightBackground#1C3A4C
- peekViewResult.background#000817
- peekViewResult.matchHighlightBackground#1C3A4C
- peekViewResult.selectionBackground#1C3A4C
- peekViewTitle.background#000817
- pickerGroup.foreground#E3E3E4
- progressBar.background#000817
- sash.hoverBorder#1C3A4C
- scrollbar.shadow#000817
- scrollbarSlider.activeBackground#1C3A4C
- scrollbarSlider.background#1C3A4C
- scrollbarSlider.hoverBackground#1C3A4C
- selection.background#1C3A4C
- sideBar.background#000817
- sideBar.border#1C3A4C
- sideBar.dropBackground#000817
- sideBar.foreground#E3E3E4
- sideBarSectionHeader.background#000817
- sideBarSectionHeader.foreground#E3E3E4
- statusBar.background#000817
- statusBar.border#1C3A4C
- statusBar.debuggingBackground#1C3A4C
- statusBar.debuggingForeground#E3E3E4
- statusBar.foreground#E3E3E4
- statusBar.noFolderBackground#000817
- statusBarItem.prominentBackground#1C3A4C
- statusBarItem.prominentHoverBackground#1C3A4C
- statusBarItem.remoteBackground#000817
- statusBarItem.remoteForeground#E3E3E4
- tab.activeBackground#1C3A4C
- tab.border#000817
- tab.inactiveBackground#000817
- terminal.ansiBlue#E3E3E4
- terminal.ansiBrightBlue#E3E3E4
- terminal.ansiBrightCyan#E3E3E4
- terminal.ansiBrightGreen#E3E3E4
- terminal.ansiBrightMagenta#E3E3E4
- terminal.ansiBrightRed#E3E3E4
- terminal.ansiBrightYellow#E3E3E4
- terminal.ansiCyan#E3E3E4
- terminal.ansiGreen#E3E3E4
- terminal.ansiMagenta#E3E3E4
- terminal.ansiRed#E3E3E4
- terminal.ansiYellow#E3E3E4
- terminal.foreground#E3E3E4
- terminal.selectionBackground#1C3A4C
- terminalCursor.background#1C3A4C
- terminalCursor.foreground#E3E3E4
- textLink.activeForeground#E3E3E4
- textLink.foreground#E3E3E4
- titleBar.activeBackground#000817
- titleBar.inactiveBackground#000817
- tree.indentGuidesStroke#1C3A4C
- widget.border#1C3A4C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #646568 | italic |
| variable, string constant.other.placeholder | #E3E3E4 | — |
| constant.other.color | #E3E3E4 | — |
| invalid, invalid.illegal | #E3E3E4 | — |
| keyword.control.export, storage.modifier.export | #8BFFFD | — |
| keyword.control.default, storage.modifier.default | #42FFFC | — |
| keyword, storage.type, storage.modifier | #8BFFFD | — |
| keyword.control, 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.template, keyword.other.substitution | #8BFFFD | — |
| entity.name.tag, entity.name.tag.jsx, entity.name.tag.tsx, meta.tag.sgml, markup.deleted.git_gutter | #8BFFFD | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #42FFFC | — |
| meta.block variable.other | #E3E3E4 | — |
| support.other.variable, string.other.link | #E3E3E4 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #E3E3E4 | — |
| string, 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 | #7A98E6 | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #8BFFFD | — |
| support.type | #42FFFC | — |
| 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 | #42FFFC | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #42FFFC | — |
| variable.language | #8BFFFD | italic |
| entity.name.method.js | #42FFFC | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #42FFFC | — |
| entity.other.attribute-name | #42FFFC | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #42FFFC | italic |
| entity.other.attribute-name.class | #42FFFC | — |
| source.sass keyword.control | #42FFFC | — |
| markup.inserted | #42FFFC | — |
| markup.deleted | #8BFFFD | — |
| markup.changed | #42FFFC | — |
| string.regexp | #8BFFFD | — |
| constant.character.escape | #8BFFFD | — |