Luiciff Themes Pack
Publisher: luiciffThemes in package: 3
A VS Code 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#e0def4
- activityBar.background#1e2030
- activityBar.dropBorder#393552
- activityBar.foreground#e0def4
- activityBar.inactiveForeground#908caa
- activityBarBadge.background#b57dd8
- activityBarBadge.foreground#1e2030
- badge.background#b57dd8
- badge.foreground#1e2030
- banner.background#1a1c2a
- banner.foreground#e0def4
- banner.iconForeground#908caa
- breadcrumb.activeSelectionForeground#b57dd8
- breadcrumb.background#1e2030
- breadcrumb.focusForeground#908caa
- breadcrumb.foreground#6e6a86
- breadcrumbPicker.background#1a1c2a
- button.background#b57dd8
- button.foreground#1e2030
- button.hoverBackground#b57dd8e6
- button.secondaryBackground#1a1c2a
- button.secondaryForeground#e0def4
- button.secondaryHoverBackground#393552
- charts.blue#57e6ff
- charts.foreground#e0def4
- charts.green#1b96c7
- charts.lines#908caa
- charts.orange#b57dd8
- charts.purple#63d88c
- charts.red#f84061
- charts.yellow#f6c177
- checkbox.background#1a1c2a
- checkbox.border#817c9c26
- checkbox.foreground#e0def4
- debugExceptionWidget.background#1a1c2a
- debugExceptionWidget.border#817c9c26
- debugIcon.breakpointCurrentStackframeForeground#908caa
- debugIcon.breakpointDisabledForeground#908caa
- debugIcon.breakpointForeground#908caa
- debugIcon.breakpointStackframeForeground#908caa
- debugIcon.breakpointUnverifiedForeground#908caa
- debugIcon.continueForeground#908caa
- debugIcon.disconnectForeground#908caa
- debugIcon.pauseForeground#908caa
- debugIcon.restartForeground#908caa
- debugIcon.startForeground#908caa
- debugIcon.stepBackForeground#908caa
- debugIcon.stepIntoForeground#908caa
- debugIcon.stepOutForeground#908caa
- debugIcon.stepOverForeground#908caa
- debugIcon.stopForeground#f84061
- debugToolBar.background#1a1c2a
- debugToolBar.border#393552
- descriptionForeground#908caa
- diffEditor.border#393552
- diffEditor.diagonalFill#817c9c4d
- diffEditor.insertedLineBackground#57e6ff26
- diffEditor.insertedTextBackground#57e6ff26
- diffEditor.removedLineBackground#f8406126
- diffEditor.removedTextBackground#f8406126
- diffEditorOverview.insertedForeground#57e6ff80
- diffEditorOverview.removedForeground#c5213f80
- dropdown.background#1a1c2a
- dropdown.border#817c9c26
- dropdown.foreground#e0def4
- dropdown.listBackground#1a1c2a
- editor.background#1e2030
- editor.findMatchBackground#f6c17733
- editor.findMatchBorder#f6c17780
- editor.findMatchForeground#e0def4
- editor.findMatchHighlightBackground#817c9c4d
- editor.findMatchHighlightForeground#e0def4
- editor.findRangeHighlightBackground#817c9c4d
- editor.findRangeHighlightBorder#0000
- editor.focusedStackFrameHighlightBackground#817c9c26
- editor.foldBackground#1a1c2a
- editor.foreground#e0def4
- editor.hoverHighlightBackground#0000
- editor.inactiveSelectionBackground#817c9c14
- editor.inlineValuesBackground#0000
- editor.inlineValuesForeground#908caa
- editor.lineHighlightBackground#817c9c14
- editor.lineHighlightBorder#0000
- editor.linkedEditingBackground#1a1c2a
- editor.rangeHighlightBackground#817c9c14
- editor.selectionBackground#817c9c26
- editor.selectionForeground#e0def4
- editor.selectionHighlightBackground#817c9c26
- editor.selectionHighlightBorder#1e2030
- editor.snippetFinalTabstopHighlightBackground#817c9c26
- editor.snippetFinalTabstopHighlightBorder#1a1c2a
- editor.snippetTabstopHighlightBackground#817c9c26
- editor.snippetTabstopHighlightBorder#1a1c2a
- editor.stackFrameHighlightBackground#817c9c26
- editor.symbolHighlightBackground#817c9c26
- editor.symbolHighlightBorder#0000
- editor.wordHighlightBackground#817c9c26
- editor.wordHighlightBorder#0000
- editor.wordHighlightStrongBackground#817c9c26
- editor.wordHighlightStrongBorder#817c9c26
- editorBracketHighlight.foreground1#c5213f80
- editorBracketHighlight.foreground2#1ba1d680
- editorBracketHighlight.foreground3#f6c17780
- editorBracketHighlight.foreground4#57e6ff80
- editorBracketHighlight.foreground5#b57dd880
- editorBracketHighlight.foreground6#63d88c80
- editorBracketMatch.background#0000
- editorBracketMatch.border#908caa
- editorBracketPairGuide.activeBackground1#1b96c7
- editorBracketPairGuide.activeBackground2#b57dd8
- editorBracketPairGuide.activeBackground3#63d88c
- editorBracketPairGuide.activeBackground4#57e6ff
- editorBracketPairGuide.activeBackground5#f6c177
- editorBracketPairGuide.activeBackground6#f84061
- editorBracketPairGuide.background1#1ba1d680
- editorBracketPairGuide.background2#b57dd880
- editorBracketPairGuide.background3#63d88c80
- editorBracketPairGuide.background4#57e6ff80
- editorBracketPairGuide.background5#f6c17780
- editorBracketPairGuide.background6#c5213f80
- editorCodeLens.foreground#b57dd8
- editorCursor.background#e0def4
- editorCursor.foreground#6e6a86
- editorError.border#0000
- editorError.foreground#f84061
- editorGhostText.foreground#908caa
- editorGroup.border#0000
- editorGroup.dropBackground#1a1c2a
- editorGroup.emptyBackground#0000
- editorGroup.focusedEmptyBorder#0000
- editorGroupHeader.noTabsBackground#0000
- editorGroupHeader.tabsBackground#0000
- editorGroupHeader.tabsBorder#0000
- editorGutter.addedBackground#57e6ff
- editorGutter.background#1e2030
- editorGutter.commentRangeForeground#393552
- editorGutter.deletedBackground#f84061
- editorGutter.foldingControlForeground#63d88c
- editorGutter.modifiedBackground#b57dd8
- editorHint.border#0000
- editorHint.foreground#908caa
- editorHoverWidget.background#1a1c2a
- editorHoverWidget.border#6e6a8680
- editorHoverWidget.foreground#908caa
- editorHoverWidget.highlightForeground#e0def4
- editorHoverWidget.statusBarBackground#0000
- editorIndentGuide.activeBackground#6e6a86
- editorIndentGuide.background#817c9c4d
- editorInfo.border#393552
- editorInfo.foreground#57e6ff
- editorInlayHint.background#393552
- editorInlayHint.foreground#908caa
- editorInlayHint.parameterBackground#393552
- editorInlayHint.parameterForeground#63d88c
- editorInlayHint.typeBackground#393552
- editorInlayHint.typeForeground#57e6ff
- editorLightBulb.foreground#1b96c7
- editorLightBulbAutoFix.foreground#b57dd8
- editorLineNumber.activeForeground#e0def4
- editorLineNumber.foreground#908caa
- editorLink.activeForeground#b57dd8
- editorMarkerNavigation.background#1a1c2a
- editorMarkerNavigationError.background#1a1c2a
- editorMarkerNavigationInfo.background#1a1c2a
- editorMarkerNavigationWarning.background#1a1c2a
- editorOverviewRuler.addedForeground#57e6ff80
- editorOverviewRuler.background#1e2030
- editorOverviewRuler.border#817c9c4d
- editorOverviewRuler.bracketMatchForeground#908caa
- editorOverviewRuler.commentForeground#908caa80
- editorOverviewRuler.commentUnresolvedForeground#f6c17780
- editorOverviewRuler.commonContentForeground#817c9c14
- editorOverviewRuler.currentContentForeground#817c9c26
- editorOverviewRuler.deletedForeground#c5213f80
- editorOverviewRuler.errorForeground#c5213f80
- editorOverviewRuler.findMatchForeground#817c9c4d
- editorOverviewRuler.incomingContentForeground#63d88c80
- editorOverviewRuler.infoForeground#57e6ff80
- editorOverviewRuler.modifiedForeground#b57dd880
- editorOverviewRuler.rangeHighlightForeground#817c9c4d
- editorOverviewRuler.selectionHighlightForeground#817c9c4d
- editorOverviewRuler.warningForeground#f6c17780
- editorOverviewRuler.wordHighlightForeground#817c9c26
- editorOverviewRuler.wordHighlightStrongForeground#817c9c4d
- editorPane.background#0000
- editorRuler.foreground#817c9c4d
- editorSuggestWidget.background#1a1c2a
- editorSuggestWidget.border#0000
- editorSuggestWidget.focusHighlightForeground#b57dd8
- editorSuggestWidget.foreground#908caa
- editorSuggestWidget.highlightForeground#b57dd8
- editorSuggestWidget.selectedBackground#817c9c26
- editorSuggestWidget.selectedForeground#e0def4
- editorSuggestWidget.selectedIconForeground#e0def4
- editorUnnecessaryCode.border#0000
- editorUnnecessaryCode.opacity#e0def480
- editorWarning.border#0000
- editorWarning.foreground#f6c177
- editorWhitespace.foreground#6e6a86
- editorWidget.background#1a1c2a
- editorWidget.border#393552
- editorWidget.foreground#908caa
- editorWidget.resizeBorder#6e6a86
- errorForeground#f84061
- extensionBadge.remoteBackground#63d88c
- extensionBadge.remoteForeground#1e2030
- extensionButton.prominentBackground#b57dd8
- extensionButton.prominentForeground#1e2030
- extensionButton.prominentHoverBackground#b57dd8e6
- extensionIcon.preReleaseForeground#1b96c7
- extensionIcon.starForeground#b57dd8
- extensionIcon.verifiedForeground#63d88c
- focusBorder#817c9c26
- foreground#e0def4
- gitDecoration.addedResourceForeground#57e6ff
- gitDecoration.conflictingResourceForeground#f84061
- gitDecoration.deletedResourceForeground#908caa
- gitDecoration.ignoredResourceForeground#6e6a86
- gitDecoration.modifiedResourceForeground#b57dd8
- gitDecoration.renamedResourceForeground#1b96c7
- gitDecoration.stageDeletedResourceForeground#f84061
- gitDecoration.stageModifiedResourceForeground#63d88c
- gitDecoration.submoduleResourceForeground#f6c177
- gitDecoration.untrackedResourceForeground#f6c177
- icon.foreground#908caa
- input.background#39355280
- input.border#817c9c26
- input.foreground#e0def4
- input.placeholderForeground#908caa
- inputOption.activeBackground#b57dd826
- inputOption.activeBorder#0000
- inputOption.activeForeground#b57dd8
- inputValidation.errorBackground#1a1c2a
- inputValidation.errorBorder#817c9c4d
- inputValidation.errorForeground#f84061
- inputValidation.infoBackground#1a1c2a
- inputValidation.infoBorder#817c9c4d
- inputValidation.infoForeground#57e6ff
- inputValidation.warningBackground#1a1c2a
- inputValidation.warningBorder#817c9c4d
- inputValidation.warningForeground#57e6ff80
- keybindingLabel.background#393552
- keybindingLabel.border#817c9c4d
- keybindingLabel.bottomBorder#817c9c4d
- keybindingLabel.foreground#63d88c
- keybindingTable.headerBackground#393552
- keybindingTable.rowsBackground#1a1c2a
- list.activeSelectionBackground#817c9c26
- list.activeSelectionForeground#e0def4
- list.deemphasizedForeground#908caa
- list.dropBackground#1a1c2a
- list.errorForeground#f84061
- list.filterMatchBackground#1a1c2a
- list.filterMatchBorder#b57dd8
- list.focusBackground#817c9c4d
- list.focusForeground#e0def4
- list.focusOutline#817c9c26
- list.highlightForeground#b57dd8
- list.hoverBackground#817c9c14
- list.hoverForeground#e0def4
- list.inactiveFocusBackground#817c9c14
- list.inactiveSelectionBackground#1a1c2a
- list.inactiveSelectionForeground#e0def4
- list.invalidItemForeground#f84061
- list.warningForeground#f6c177
- listFilterWidget.background#1a1c2a
- listFilterWidget.noMatchesOutline#f84061
- listFilterWidget.outline#393552
- menu.background#1a1c2a
- menu.border#817c9c14
- menu.foreground#e0def4
- menu.selectionBackground#817c9c26
- menu.selectionBorder#393552
- menu.selectionForeground#e0def4
- menu.separatorBackground#817c9c4d
- menubar.selectionBackground#817c9c26
- menubar.selectionBorder#817c9c14
- menubar.selectionForeground#e0def4
- merge.border#393552
- merge.commonContentBackground#817c9c26
- merge.commonHeaderBackground#817c9c26
- merge.currentContentBackground#f6c17780
- merge.currentHeaderBackground#f6c17780
- merge.incomingContentBackground#57e6ff80
- merge.incomingHeaderBackground#57e6ff80
- minimap.background#1a1c2a
- minimap.errorHighlight#c5213f80
- minimap.findMatchHighlight#817c9c26
- minimap.selectionHighlight#817c9c26
- minimap.warningHighlight#f6c17780
- minimapGutter.addedBackground#57e6ff
- minimapGutter.deletedBackground#f84061
- minimapGutter.modifiedBackground#b57dd8
- minimapSlider.activeBackground#817c9c4d
- minimapSlider.background#817c9c26
- minimapSlider.hoverBackground#817c9c26
- notebook.cellBorderColor#57e6ff80
- notebook.cellEditorBackground#1a1c2a
- notebook.cellHoverBackground#39355280
- notebook.focusedCellBackground#817c9c14
- notebook.focusedCellBorder#57e6ff
- notebook.outputContainerBackgroundColor#817c9c14
- notificationCenter.border#817c9c26
- notificationCenterHeader.background#1a1c2a
- notificationCenterHeader.foreground#908caa
- notificationLink.foreground#63d88c
- notifications.background#1a1c2a
- notifications.border#817c9c26
- notifications.foreground#e0def4
- notificationsErrorIcon.foreground#f84061
- notificationsInfoIcon.foreground#57e6ff
- notificationsWarningIcon.foreground#f6c177
- notificationToast.border#817c9c26
- panel.background#1a1c2a
- panel.border#0000
- panel.dropBorder#393552
- panelInput.border#1a1c2a
- panelSection.dropBackground#817c9c26
- panelSectionHeader.background#1a1c2a
- panelSectionHeader.foreground#e0def4
- panelTitle.activeBorder#817c9c4d
- panelTitle.activeForeground#e0def4
- panelTitle.inactiveForeground#908caa
- peekView.border#393552
- peekViewEditor.background#1a1c2a
- peekViewEditor.matchHighlightBackground#817c9c4d
- peekViewResult.background#1a1c2a
- peekViewResult.fileForeground#908caa
- peekViewResult.lineForeground#908caa
- peekViewResult.matchHighlightBackground#817c9c4d
- peekViewResult.selectionBackground#817c9c26
- peekViewResult.selectionForeground#e0def4
- peekViewTitle.background#393552
- peekViewTitleDescription.foreground#908caa
- pickerGroup.border#817c9c4d
- pickerGroup.foreground#63d88c
- ports.iconRunningProcessForeground#b57dd8
- problemsErrorIcon.foreground#f84061
- problemsInfoIcon.foreground#57e6ff
- problemsWarningIcon.foreground#f6c177
- progressBar.background#b57dd8
- quickInput.background#1a1c2a
- quickInput.foreground#908caa
- quickInputList.focusBackground#817c9c26
- quickInputList.focusForeground#e0def4
- quickInputList.focusIconForeground#e0def4
- scrollbar.shadow#1a1c2a4d
- scrollbarSlider.activeBackground#1ba1d680
- scrollbarSlider.background#817c9c26
- scrollbarSlider.hoverBackground#817c9c4d
- searchEditor.findMatchBackground#817c9c26
- selection.background#817c9c4d
- settings.focusedRowBackground#1a1c2a
- settings.focusedRowBorder#817c9c26
- settings.headerForeground#e0def4
- settings.modifiedItemIndicator#b57dd8
- settings.rowHoverBackground#1a1c2a
- sideBar.background#1e2030
- sideBar.dropBackground#1a1c2a
- sideBar.foreground#908caa
- sideBarSectionHeader.background#0000
- sideBarSectionHeader.border#817c9c26
- statusBar.background#1e2030
- statusBar.debuggingBackground#63d88c
- statusBar.debuggingForeground#1e2030
- statusBar.foreground#908caa
- statusBar.noFolderBackground#1e2030
- statusBar.noFolderForeground#908caa
- statusBarItem.activeBackground#817c9c4d
- statusBarItem.errorBackground#1e2030
- statusBarItem.errorForeground#f84061
- statusBarItem.hoverBackground#817c9c26
- statusBarItem.prominentBackground#393552
- statusBarItem.prominentForeground#e0def4
- statusBarItem.prominentHoverBackground#817c9c26
- statusBarItem.remoteBackground#1e2030
- statusBarItem.remoteForeground#f6c177
- symbolIcon.arrayForeground#908caa
- symbolIcon.classForeground#908caa
- symbolIcon.colorForeground#908caa
- symbolIcon.constantForeground#908caa
- symbolIcon.constructorForeground#908caa
- symbolIcon.enumeratorForeground#908caa
- symbolIcon.enumeratorMemberForeground#908caa
- symbolIcon.eventForeground#908caa
- symbolIcon.fieldForeground#908caa
- symbolIcon.fileForeground#908caa
- symbolIcon.folderForeground#908caa
- symbolIcon.functionForeground#908caa
- symbolIcon.interfaceForeground#908caa
- symbolIcon.keyForeground#908caa
- symbolIcon.keywordForeground#908caa
- symbolIcon.methodForeground#908caa
- symbolIcon.moduleForeground#908caa
- symbolIcon.namespaceForeground#908caa
- symbolIcon.nullForeground#908caa
- symbolIcon.numberForeground#908caa
- symbolIcon.objectForeground#908caa
- symbolIcon.operatorForeground#908caa
- symbolIcon.packageForeground#908caa
- symbolIcon.propertyForeground#908caa
- symbolIcon.referenceForeground#908caa
- symbolIcon.snippetForeground#908caa
- symbolIcon.stringForeground#908caa
- symbolIcon.structForeground#908caa
- symbolIcon.textForeground#908caa
- symbolIcon.typeParameterForeground#908caa
- symbolIcon.unitForeground#908caa
- symbolIcon.variableForeground#908caa
- tab.activeBackground#817c9c14
- tab.activeForeground#e0def4
- tab.activeModifiedBorder#57e6ff
- tab.border#0000
- tab.hoverBackground#817c9c26
- tab.inactiveBackground#0000
- tab.inactiveForeground#908caa
- tab.inactiveModifiedBorder#57e6ff80
- tab.lastPinnedBorder#6e6a86
- tab.unfocusedActiveBackground#0000
- tab.unfocusedHoverBackground#0000
- tab.unfocusedInactiveBackground#0000
- tab.unfocusedInactiveModifiedBorder#57e6ff80
- terminal.ansiBlack#393552
- terminal.ansiBlue#57e6ff
- terminal.ansiBrightBlack#908caa
- terminal.ansiBrightBlue#57e6ff
- terminal.ansiBrightCyan#b57dd8
- terminal.ansiBrightGreen#1b96c7
- terminal.ansiBrightMagenta#63d88c
- terminal.ansiBrightRed#f84061
- terminal.ansiBrightWhite#e0def4
- terminal.ansiBrightYellow#f6c177
- terminal.ansiCyan#b57dd8
- terminal.ansiGreen#1b96c7
- terminal.ansiMagenta#63d88c
- terminal.ansiRed#f84061
- terminal.ansiWhite#e0def4
- terminal.ansiYellow#f6c177
- terminal.dropBackground#817c9c26
- terminal.foreground#e0def4
- terminal.selectionBackground#817c9c26
- terminal.tab.activeBorder#e0def4
- terminalCursor.background#e0def4
- terminalCursor.foreground#6e6a86
- textBlockQuote.background#1a1c2a
- textBlockQuote.border#817c9c26
- textCodeBlock.background#1a1c2a
- textLink.activeForeground#63d88ce6
- textLink.foreground#63d88c
- textPreformat.foreground#f6c177
- textSeparator.foreground#908caa
- titleBar.activeBackground#1e2030
- titleBar.activeForeground#908caa
- titleBar.inactiveBackground#1a1c2a
- titleBar.inactiveForeground#908caa
- toolbar.activeBackground#817c9c4d
- toolbar.hoverBackground#817c9c26
- tree.indentGuidesStroke#908caa
- walkThrough.embeddedEditorBackground#1e2030
- welcomePage.background#1e2030
- welcomePage.buttonBackground#1a1c2a
- welcomePage.buttonHoverBackground#393552
- widget.shadow#1a1c2a4d
- window.activeBorder#1a1c2a
- window.inactiveBorder#1a1c2a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6e6a86 | |
| constant | #1b96c7 | — |
| constant.numeric, constant.language | #b57dd8 | — |
| entity.name | #b57dd8 | — |
| entity.name.section, entity.name.tag, entity.name.namespace, entity.name.type | #57e6ff | — |
| entity.other.attribute-name, entity.other.inherited-class | #63d88c | |
| invalid | #f84061 | — |
| invalid.deprecated | #908caa | — |
| keyword, variable.language.this | #1b96c7 | — |
| markup.inserted.diff | #57e6ff | — |
| markup.deleted.diff | #f84061 | — |
| markup.heading | — | bold |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | |
| meta.diff.range | #63d88c | — |
| meta.tag, meta.brace | #e0def4 | — |
| meta.import, meta.export | #1b96c7 | — |
| meta.directive.vue | #63d88c | |
| meta.property-name.css | #57e6ff | — |
| meta.property-value.css | #f6c177 | — |
| meta.tag.other.html | #908caa | — |
| punctuation | #908caa | — |
| punctuation.accessor | #1b96c7 | — |
| punctuation.definition.string | #f6c177 | — |
| punctuation.definition.tag | #6e6a86 | — |
| storage.type, storage.modifier | #1b96c7 | — |
| string | #f6c177 | — |
| support | #57e6ff | — |
| support.constant | #f6c177 | — |
| support.function | #f84061 | |
| variable | #b57dd8 | |
| variable.other, variable.language, variable.function, variable.argument | #e0def4 | — |
| variable.parameter | #63d88c | — |