lukinda
Publisher: phinnee lukindaThemes in package: 1
lukinda-dark
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#001122
- activityBar.border#122d42
- activityBar.foreground#5f7e97
- activityBarBadge.background#44596b
- activityBarBadge.foreground#5f7e97
- badge.background#5f7e97
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#5f7e97
- breadcrumbPicker.background#001122
- button.background#82026399
- button.border#820263
- button.foreground#ffffffcc
- button.hoverBackground#820263
- contrastBorder#122d42
- debugExceptionWidget.background#011627
- debugExceptionWidget.border#5f7e97
- debugToolBar.background#001122
- dropdown.background#011627
- dropdown.border#5f7e97
- dropdown.foreground#ffffffcc
- editor.background#011627
- editor.findMatchHighlightBackground#fffb00fb
- editor.foreground#ffffffcc
- editor.lineHighlightBackground#000f1b
- editor.lineHighlightBorder#122d42
- editorGroup.border#011627
- editorGroup.dropBackground#82026373
- editorGroup.emptyBackground#011627
- editorGroupHeader.noTabsBackground#011627
- editorGroupHeader.tabsBackground#000f1b
- editorGroupHeader.tabsBorder#122d42
- editorHoverWidget.background#011627
- editorHoverWidget.border#5f7e97
- editorLineNumber.activeForeground#c5e4fd
- editorLineNumber.foreground#4b6479
- editorLink.activeForeground#ffcb0d
- editorMarkerNavigation.background#0b2942
- editorMarkerNavigationError.background#ef5350
- editorMarkerNavigationWarning.background#ffca28
- editorSuggestWidget.background#02213b
- editorSuggestWidget.border#122d42
- editorSuggestWidget.foreground#5f7e97
- editorSuggestWidget.highlightForeground#ffffff
- editorSuggestWidget.selectedBackground#5f7e97
- editorWidget.background#021320
- editorWidget.border#5f7e97
- errorForeground#ef5350
- extensionButton.prominentBackground#82026373
- extensionButton.prominentForeground#ffffffcc
- extensionButton.prominentHoverBackground#820263
- focusBorder#5f7e97
- input.background#011627
- input.border#122d42
- input.foreground#ffffffcc
- input.placeholderForeground#5f7e97
- inputOption.activeBorder#ffffffcc
- inputValidation.errorBackground#ab0300f2
- inputValidation.errorBorder#ef5350
- inputValidation.infoBackground#00589ef2
- inputValidation.infoBorder#64b5f6
- inputValidation.warningBackground#675700f2
- inputValidation.warningBorder#ffca28
- list.activeSelectionBackground#022d50
- list.activeSelectionForeground#ffffffcc
- list.dropBackground#011627
- list.focusBackground#000f1b
- list.focusForeground#ffffff
- list.highlightForeground#ffffff
- list.hoverBackground#02213b
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#02213b
- list.inactiveSelectionForeground#5f7e97
- list.invalidItemForeground#cf84bc
- notificationCenter.border#122d42
- notificationLink.foreground#80cbc4
- notifications.background#000f1b
- notifications.border#122d42
- notifications.foreground#ffffffcc
- notificationToast.border#122d42
- panel.background#001122
- panel.border#5f7e97
- panelTitle.activeBorder#5f7e97
- panelTitle.activeForeground#ffffffcc
- panelTitle.inactiveForeground#5f7e9780
- peekView.border#5f7e97
- peekViewEditor.background#011627
- peekViewEditor.matchHighlightBackground#cf84bcaa
- peekViewResult.background#011627
- peekViewResult.fileForeground#5f7e97
- peekViewResult.lineForeground#5f7e97
- peekViewResult.matchHighlightBackground#ffffffcc
- peekViewResult.selectionBackground#2e3250
- peekViewResult.selectionForeground#5f7e97
- peekViewTitle.background#011627
- peekViewTitleDescription.foreground#697098
- peekViewTitleLabel.foreground#5f7e97
- pickerGroup.border#011627
- pickerGroup.foreground#fd72da99
- scrollbar.shadow#010b14
- scrollbarSlider.activeBackground#084d8180
- scrollbarSlider.background#084d8180
- scrollbarSlider.hoverBackground#084d8180
- selection.background#4373c2
- sideBar.background#000f1b
- sideBar.border#122d42
- sideBar.foreground#8badc1
- sideBarSectionHeader.background#02213b
- sideBarSectionHeader.foreground#5f7e97
- sideBarTitle.foreground#5f7e97
- statusBar.background#022d50
- statusBar.border#122d42
- statusBar.debuggingBackground#02213b
- statusBar.debuggingBorder#122d42
- statusBar.foreground#5f7e97
- statusBar.noFolderBackground#02213b
- statusBar.noFolderBorder#122d42
- statusBarItem.activeBackground#000f1b
- statusBarItem.hoverBackground#820263
- statusBarItem.prominentBackground#000f1b
- statusBarItem.prominentHoverBackground#011627
- statusBarItem.remoteBackground#82026399
- statusBarItem.remoteForeground#ffffffcc
- tab.activeBackground#02213b
- tab.activeBorder#054e8a
- tab.activeForeground#ffffff
- tab.border#122d42
- tab.hoverBackground#011627
- tab.inactiveBackground#001122
- tab.inactiveForeground#5f7e97
- tab.unfocusedActiveBorder#122d42
- tab.unfocusedActiveForeground#5f7e97
- tab.unfocusedInactiveForeground#5f7e97
- titleBar.activeBackground#022d50
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#001122
- titleBar.inactiveForeground#5f7e97
- widget.shadow#011627
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #D5CED9 | — |
| comment, markup.quote.markdown, meta.diff, meta.diff.header | #A0A1A7cc | — |
| meta.template.expression.js, constant.name.attribute.tag.jade, punctuation.definition.metadata.markdown, punctuation.definition.string.end.markdown, punctuation.definition.string.begin.markdown | #D5CED9 | — |
| variable, support.variable, entity.name.tag.yaml, constant.character.entity.html, source.css entity.name.tag.reference, beginning.punctuation.definition.list.markdown, source.css entity.other.attribute-name.parent-selector, meta.structure.dictionary.json support.type.property-name | #009fe8 | — |
| markup.bold, constant.numeric, meta.group.regexp, constant.other.php, support.constant.ext.php, constant.other.class.php, support.constant.core.php, fenced_code.block.language, constant.other.caps.python, entity.other.attribute-name, support.type.exception.python, source.css keyword.other.unit, variable.other.object.property.js.jsx, variable.other.object.js | #ff9d00 | — |
| markup.list, text.xml string, entity.name.type, support.function, entity.other.attribute-name, meta.at-rule.extend, entity.name.function, entity.other.inherited-class, entity.other.keyframe-offset.css, text.html.markdown string.quoted, meta.function-call.generic.python, meta.at-rule.extend support.constant, entity.other.attribute-name.class.jade, source.css entity.other.attribute-name, text.xml punctuation.definition.string | #dab303 | — |
| markup.heading, variable.language.this.js, variable.language.special.self.python | #ff00aa | — |
| punctuation.definition.interpolation, punctuation.section.embedded.end.php, punctuation.section.embedded.end.ruby, punctuation.section.embedded.begin.php, punctuation.section.embedded.begin.ruby, punctuation.definition.template-expression, entity.name.tag | #f92672 | — |
| storage, keyword, meta.link, meta.image, markup.italic, source.js support.type | #c74ded | — |
| string.regexp, markup.changed | #7cb7ff | — |
| constant, support.class, keyword.operator, support.constant, text.html.markdown string, source.css support.function, source.php support.function, support.function.magic.python, entity.other.attribute-name.id, markup.deleted | #ee5d43 | — |
| string, text.html.php string, markup.inline.raw, markup.inserted, punctuation.definition.string, punctuation.definition.markdown, text.html meta.embedded source.js string, text.html.php punctuation.definition.string, text.html meta.embedded source.js punctuation.definition.string, text.html punctuation.definition.string, text.html string | #96E072 | — |
| entity.other.inherited-class | — | underline |