LCARS
Publisher: Micah DutroThemes in package: 3
Star Trek LCARS color themes for VS Code, in three screen-accurate variants: TNG, DS9, and the film era.
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.activeBackground#3c585022
- activityBar.activeBorder#3cc8b8
- activityBar.background#0e1210
- activityBar.border#283c34
- activityBar.foreground#88aaa4
- activityBar.inactiveForeground#2e4440
- activityBarBadge.background#3cc8b8
- activityBarBadge.foreground#090c0b
- badge.background#3cc8b8
- badge.foreground#090c0b
- breadcrumb.activeSelectionForeground#acc2be
- breadcrumb.focusForeground#acc2be
- breadcrumb.foreground#486860
- breadcrumbPicker.background#0e1210
- button.background#3cc8b8
- button.foreground#090c0b
- button.hoverBackground#c8b068
- button.secondaryBackground#304840
- button.secondaryForeground#acc2be
- button.secondaryHoverBackground#3c5850
- debugIcon.breakpointForeground#b06573
- debugIcon.startForeground#3cc8b8
- debugToolBar.background#1a2420
- descriptionForeground#688880
- diffEditor.diagonalFill#283c34
- diffEditor.insertedLineBackground#3cc8b814
- diffEditor.insertedTextBackground#3cc8b822
- diffEditor.removedLineBackground#b0657314
- diffEditor.removedTextBackground#b0657322
- dropdown.background#131a17
- dropdown.border#283c34
- dropdown.foreground#acc2be
- dropdown.listBackground#131a17
- editor.background#090c0b
- editor.findMatchBackground#3cc8b855
- editor.findMatchBorder#3cc8b8
- editor.findMatchHighlightBackground#3cc8b833
- editor.foldBackground#20302aaa
- editor.foreground#acc2be
- editor.hoverHighlightBackground#30484040
- editor.inactiveSelectionBackground#3c585040
- editor.lineHighlightBackground#20302a
- editor.rangeHighlightBackground#20302aaa
- editor.selectionBackground#3c585066
- editor.selectionHighlightBackground#30484055
- editor.wordHighlightBackground#30484055
- editor.wordHighlightStrongBackground#30484077
- editorBracketMatch.background#30484066
- editorBracketMatch.border#3c5850
- editorCodeLens.foreground#486860
- editorCursor.foreground#3cc8b8
- editorError.foreground#b06573
- editorGhostText.foreground#486860
- editorGroup.border#283c34
- editorGroupHeader.border#283c34
- editorGroupHeader.tabsBackground#0e1210
- editorGutter.addedBackground#3cc8b8
- editorGutter.background#090c0b
- editorGutter.deletedBackground#b06573
- editorGutter.modifiedBackground#40a8c8
- editorHint.foreground#688880
- editorHoverWidget.background#1a2420
- editorHoverWidget.border#283c34
- editorHoverWidget.foreground#acc2be
- editorIndentGuide.activeBackground1#3cc8b8
- editorIndentGuide.background1#283c34
- editorInfo.foreground#40a8c8
- editorLightBulb.foreground#b09848
- editorLightBulbAutoFix.foreground#40a8c8
- editorLineNumber.activeForeground#688880
- editorLineNumber.foreground#2e4440
- editorLink.activeForeground#40a8c8
- editorMarkerNavigation.background#0e1210
- editorOverviewRuler.addedForeground#3cc8b8
- editorOverviewRuler.border#283c34
- editorOverviewRuler.deletedForeground#b06573
- editorOverviewRuler.errorForeground#b06573
- editorOverviewRuler.findMatchForeground#3cc8b8aa
- editorOverviewRuler.infoForeground#40a8c8
- editorOverviewRuler.modifiedForeground#40a8c8
- editorOverviewRuler.warningForeground#b09848
- editorRuler.foreground#283c34
- editorSuggestWidget.background#1a2420
- editorSuggestWidget.border#283c34
- editorSuggestWidget.foreground#acc2be
- editorSuggestWidget.highlightForeground#3cc8b8
- editorSuggestWidget.selectedBackground#131a17
- editorUnnecessaryCode.opacity#00000080
- editorWarning.foreground#b09848
- editorWhitespace.foreground#304840
- editorWidget.background#1a2420
- editorWidget.border#283c34
- editorWidget.foreground#acc2be
- errorForeground#b06573
- extensionButton.prominentBackground#3cc8b8
- extensionButton.prominentForeground#090c0b
- extensionButton.prominentHoverBackground#c8b068
- focusBorder#3cc8b8
- foreground#acc2be
- gitDecoration.addedResourceForeground#3cc8b8
- gitDecoration.conflictingResourceForeground#b06573
- gitDecoration.deletedResourceForeground#b06573
- gitDecoration.ignoredResourceForeground#2e4440
- gitDecoration.modifiedResourceForeground#40a8c8
- gitDecoration.untrackedResourceForeground#688880
- input.background#131a17
- input.border#283c34
- input.foreground#acc2be
- input.placeholderForeground#2e4440
- inputOption.activeBackground#3c585055
- inputOption.activeBorder#3cc8b8
- inputValidation.errorBackground#131a17
- inputValidation.errorBorder#b06573
- inputValidation.infoBackground#131a17
- inputValidation.infoBorder#40a8c8
- inputValidation.warningBackground#131a17
- inputValidation.warningBorder#b09848
- list.activeSelectionBackground#131a17
- list.activeSelectionForeground#acc2be
- list.dropBackground#3c5850
- list.errorForeground#b06573
- list.focusBackground#131a17
- list.focusForeground#acc2be
- list.highlightForeground#3cc8b8
- list.hoverBackground#20302a
- list.inactiveSelectionBackground#20302a
- list.inactiveSelectionForeground#88aaa4
- list.warningForeground#b09848
- menu.background#1a2420
- menu.foreground#acc2be
- menu.selectionBackground#131a17
- menu.separatorBackground#283c34
- menubar.selectionBackground#131a17
- minimap.background#0e1210
- minimap.errorHighlight#b06573
- minimap.findMatchHighlight#3cc8b8
- minimap.selectionHighlight#3c5850
- minimap.warningHighlight#b09848
- minimapGutter.addedBackground#3cc8b8
- minimapGutter.deletedBackground#b06573
- minimapGutter.modifiedBackground#40a8c8
- notificationCenterHeader.background#131a17
- notifications.background#1a2420
- notifications.border#283c34
- notifications.foreground#acc2be
- notificationsErrorIcon.foreground#b06573
- notificationsInfoIcon.foreground#40a8c8
- notificationsWarningIcon.foreground#b09848
- panel.background#0e1210
- panel.border#283c34
- panelInput.border#283c34
- panelTitle.activeBorder#3cc8b8
- panelTitle.activeForeground#acc2be
- panelTitle.inactiveForeground#486860
- peekView.border#3cc8b8
- peekViewEditor.background#0e1210
- peekViewEditorGutter.background#0e1210
- peekViewResult.background#1a2420
- peekViewResult.selectionBackground#131a17
- peekViewTitle.background#131a17
- peekViewTitleDescription.foreground#486860
- peekViewTitleLabel.foreground#acc2be
- pickerGroup.border#283c34
- pickerGroup.foreground#3cc8b8
- progressBar.background#3cc8b8
- quickInput.background#1a2420
- quickInput.foreground#acc2be
- quickInputList.focusBackground#131a17
- scrollbar.shadow#20302aaa
- scrollbarSlider.activeBackground#3c5850aa
- scrollbarSlider.background#3c585055
- scrollbarSlider.hoverBackground#3c585088
- selection.background#3c585080
- sideBar.background#0e1210
- sideBar.border#283c34
- sideBar.foreground#88aaa4
- sideBarSectionHeader.background#131a17
- sideBarSectionHeader.border#283c34
- sideBarSectionHeader.foreground#88aaa4
- sideBarTitle.foreground#88aaa4
- statusBar.background#0e1210
- statusBar.border#283c34
- statusBar.debuggingBackground#b06573
- statusBar.debuggingForeground#090c0b
- statusBar.foreground#486860
- statusBar.noFolderBackground#0e1210
- statusBarItem.activeBackground#3c5850
- statusBarItem.hoverBackground#131a17
- statusBarItem.prominentBackground#20302a
- statusBarItem.remoteBackground#304840
- statusBarItem.remoteForeground#acc2be
- tab.activeBackground#090c0b
- tab.activeBorderTop#3cc8b8
- tab.activeForeground#acc2be
- tab.border#283c34
- tab.inactiveBackground#0e1210
- tab.inactiveForeground#486860
- tab.unfocusedActiveBorderTop#283c34
- terminal.ansiBlack#20302a
- terminal.ansiBlue#40a8c8
- terminal.ansiBrightBlack#283c34
- terminal.ansiBrightBlue#60b8d8
- terminal.ansiBrightCyan#67cec0
- terminal.ansiBrightGreen#5cd0c0
- terminal.ansiBrightMagenta#b898d0
- terminal.ansiBrightRed#d89098
- terminal.ansiBrightWhite#b3c1bd
- terminal.ansiBrightYellow#c8b068
- terminal.ansiCyan#3cc8b8
- terminal.ansiGreen#3cc8b8
- terminal.ansiMagenta#9878b8
- terminal.ansiRed#b06573
- terminal.ansiWhite#acc2be
- terminal.ansiYellow#b09848
- terminal.background#090c0b
- terminal.foreground#acc2be
- terminalCursor.background#090c0b
- terminalCursor.foreground#3cc8b8
- textBlockQuote.background#0e1210
- textBlockQuote.border#283c34
- textCodeBlock.background#0e1210
- textLink.activeForeground#60b8d8
- textLink.foreground#40a8c8
- textPreformat.foreground#50b8a0
- textSeparator.foreground#283c34
- titleBar.activeBackground#0e1210
- titleBar.activeForeground#88aaa4
- titleBar.border#283c34
- titleBar.inactiveBackground#0e1210
- titleBar.inactiveForeground#486860
- tree.indentGuidesStroke#283c34
- walkThrough.embeddedEditorBackground#0e1210
- welcomePage.background#090c0b
- welcomePage.tileBackground#0e1210
- widget.shadow#20302aaa
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #486860 | italic |
| string, string.quoted, punctuation.definition.string | #50b8a0 | — |
| constant.character.escape, string.regexp | #b87888 | — |
| constant.numeric | #48c8c0 | — |
| constant.language, constant.other, variable.language, support.constant | #48c8c0 | — |
| keyword, storage.type, storage.modifier, keyword.control, keyword.other | #3cc8b8 | — |
| keyword.operator, punctuation.separator, punctuation.terminator | #88aaa4 | — |
| punctuation.definition.tag, punctuation.section, meta.brace | #88aaa4 | — |
| variable, variable.other.readwrite, variable.parameter | #acc2be | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key, support.type.property-name | #88aaa4 | — |
| entity.name.function, support.function, meta.function-call, variable.function | #40a8c8 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.type, support.class, storage.type.class | #b06573 | — |
| meta.decorator, entity.name.function.decorator, entity.other.attribute-name, punctuation.decorator, entity.name.tag.yaml | #b87888 | — |
| entity.name.namespace, entity.name.module, support.module | #688880 | — |
| entity.name.tag, meta.tag | #3cc8b8 | — |
| entity.other.attribute-name.html, entity.other.attribute-name.jsx | #40a8c8 | — |
| invalid, invalid.illegal | #b06573 | — |
| markup.heading, entity.name.section | #3cc8b8 | bold |
| markup.bold | #b3c1bd | bold |
| markup.italic | #acc2be | italic |
| markup.underline.link, string.other.link | #40a8c8 | — |
| markup.quote | #688880 | italic |
| markup.raw, markup.inline.raw | #50b8a0 | — |
| markup.inserted | #3cc8b8 | — |
| markup.deleted | #b06573 | — |
| meta.diff.header, meta.diff.range | #486860 | — |