Lokker Theme
Publisher: LokkerThemes in package: 1
Dark Theme containing Lokker Brand Colors
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#191d22
- activityBar.foreground#f3ff84
- activityBarBadge.background#ddf51b
- activityBarBadge.foreground#191d22
- badge.background#ddf51b
- badge.foreground#191d22
- breadcrumb.focusForeground#ddf51b
- breadcrumb.foreground#6b6d70cc
- button.background#ddf51b
- button.foreground#191d22
- button.hoverBackground#838a46
- button.secondaryBackground#3a3d41
- checkbox.border#485008
- checkbox.selectBorder#485008
- commandCenter.activeBackground#ffffff14
- commandCenter.activeBorder#cccccc4d
- commandCenter.activeForeground#cccccc
- commandCenter.background#ffffff0d
- commandCenter.border#cccccc33
- commandCenter.foreground#cccccc
- commandCenter.inactiveBorder#cccccc26
- commandCenter.inactiveForeground#cccccc99
- dropdown.background#111316
- dropdown.border#111316
- dropdown.foreground#dce2e8
- editor.background#15181c
- editor.foreground#dce2e8
- editor.hoverHighlightBackground#ddf51b22
- editor.lineHighlightBackground#1c1f25
- editor.lineHighlightBorder#4850083d
- editor.selectionBackground#358c5b55
- editor.selectionHighlightBackground#567af054
- editor.wordHighlightBackground#ddf51b22
- editor.wordHighlightStrongBackground#507db722
- editorBracketMatch.background#ddf51b44
- editorBracketMatch.border#507db7
- editorCursor.foreground#ffffff
- editorGroupHeader.tabsBackground#21211a
- editorGroupHeader.tabsBorder#2f3119
- editorGutter.addedBackground#a7da1e
- editorGutter.background#111316
- editorGutter.deletedBackground#e61f44
- editorGutter.modifiedBackground#ddf51b
- editorIndentGuide.background#2b3139
- editorLineNumber.foreground#414a56
- editorLink.activeForeground#ddf51b
- editorOverviewRuler.addedForeground#a7da1e
- editorOverviewRuler.border#484b27
- editorOverviewRuler.deletedForeground#e61f44
- editorOverviewRuler.errorForeground#e61f44
- editorOverviewRuler.findMatchForeground#507db755
- editorOverviewRuler.infoForeground#9d37fc
- editorOverviewRuler.modifiedForeground#f7b83d
- editorOverviewRuler.warningForeground#f7b83d
- editorRuler.foreground#67d41f
- editorSuggestWidget.foreground#dce2e8
- editorSuggestWidget.highlightForeground#ddf51b
- editorSuggestWidget.selectedBackground#414a56
- editorWhitespace.foreground#2b3139
- editorWidget.background#2b3139
- editorWidget.border#485008
- editorWidget.foreground#ddf51b
- extensionButton.background#000000
- extensionButton.foreground#ddf51b
- extensionButton.prominentBackground#ddf51b
- extensionButton.prominentForeground#191d22
- extensionButton.prominentHoverBackground#ddf51b
- focusBorder#90a111
- foreground#cacdc6
- gitDecoration.conflictingResourceForeground#9d37fc
- gitDecoration.deletedResourceForeground#e61f44
- gitDecoration.ignoredResourceForeground#576373
- gitDecoration.modifiedResourceForeground#ddf51b
- gitDecoration.untrackedResourceForeground#b75bf9
- gitlens.decorations.worktreeView.hasUncommittedChangesForegroundColor#ddf51b
- input.background#0a0b0d
- input.border#363d48
- input.foreground#dce2e8
- input.placeholderForeground#3c4550
- inputOption.activeBorder#507db7
- list.activeSelectionBackground#4a4e28
- list.activeSelectionForeground#d6d6d7
- list.focusBackground#363d48
- list.hoverBackground#1c1f25
- list.hoverForeground#ddf51b
- list.inactiveSelectionBackground#15181c
- menu.background#111316
- menu.foreground#dce2e8
- menu.selectionBackground#838a46
- menu.selectionForeground#000000
- menu.separatorBackground#606060
- menubar.selectionBackground#5a5d5e50
- menubar.selectionForeground#cccccc
- panel.background#1f2124
- panel.border#484b27
- panelTitle.activeBorder#ddf51b
- panelTitle.inactiveForeground#616f82
- peekView.border#484b27
- peekViewEditor.background#0c0e10
- peekViewEditor.matchHighlightBackground#507db755
- peekViewEditorGutter.background#111316
- peekViewResult.background#20242b
- peekViewResult.fileForeground#d0d8e0
- peekViewResult.lineForeground#bdc8d4
- peekViewResult.matchHighlightBackground#507db755
- peekViewResult.selectionBackground#d4dce4
- peekViewResult.selectionForeground#dce2e8
- peekViewTitle.background#111316
- peekViewTitleDescription.foreground#d3dae2
- peekViewTitleLabel.foreground#dce2e8
- progressBar.background#ddf51b
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#ddf51baa
- scrollbarSlider.background#838a463f
- scrollbarSlider.hoverBackground#ddf51b55
- settings.checkboxBackground#111316
- settings.checkboxBorder#363d48
- settings.checkboxForeground#ddf51b
- settings.dropdownBackground#495b27
- settings.dropdownBorder#111316
- settings.dropdownForeground#ddf51b
- settings.dropdownListBorder#d7e021
- settings.focusedRowBackground#262816
- settings.focusedRowBorder#ddf51b
- settings.headerBorder#dcf51b58
- settings.headerForeground#e7e7e7
- settings.modifiedItemIndicator#0c7d9d
- settings.numberInputBackground#0a0b0d
- settings.numberInputBorder#363d48
- settings.numberInputForeground#ddf51b
- settings.rowHoverBackground#31322958
- settings.sashBorder#363d48
- settings.textInputBackground#0a0b0d
- settings.textInputBorder#dcf51b61
- settings.textInputForeground#dce2e8
- sideBar.background#0c0e10
- sideBar.border#485008
- sideBar.foreground#dce2e8
- sideBarSectionHeader.background#21211a
- sideBarSectionHeader.border#485008
- sideBarSectionHeader.foreground#a5a9ad
- sideBarTitle.foreground#ccc2c2
- statusBar.background#191d22
- statusBar.border#485008
- statusBar.foreground#7b8911
- statusBar.noFolderBackground#507db7
- statusBarItem.warningBackground#000000
- statusBarItem.warningForeground#ffffff
- tab.activeBackground#15181c
- tab.activeBorder#485008
- tab.activeBorderTop#ddf51b
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#3399cc
- tab.border#393c1f
- tab.hoverBorder#838a46
- tab.hoverForeground#ddf51b
- tab.inactiveBackground#21211a
- tab.inactiveForeground#cacfd4
- tab.inactiveModifiedBorder#3399cc80
- tab.lastPinnedBorder#585858
- tab.unfocusedActiveBackground#15181c
- tab.unfocusedActiveForeground#ffffff80
- tab.unfocusedActiveModifiedBorder#3399cc80
- tab.unfocusedInactiveBackground#1e2228
- tab.unfocusedInactiveForeground#6c7c9180
- tab.unfocusedInactiveModifiedBorder#3399cc40
- terminal.ansiBlack#20242b
- terminal.ansiBlue#ddf51b
- terminal.ansiBrightBlack#414a56
- terminal.ansiBrightBlue#f2d96b
- terminal.ansiBrightCyan#ed9c91
- terminal.ansiBrightGreen#f3f6fb
- terminal.ansiBrightMagenta#f0f2f5
- terminal.ansiBrightRed#f03e5f
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#98b3d5
- terminal.ansiCyan#de4d3a
- terminal.ansiGreen#ddf51b
- terminal.ansiMagenta#b3becc
- terminal.ansiRed#ba0e2e
- terminal.ansiWhite#ebeff2
- terminal.ansiYellow#507db7
- terminal.background#0a0b0d
- terminal.foreground#dce2e8
- textLink.foreground#ddf51b
- titleBar.activeBackground#0c0e10
- titleBar.border#485008
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #838a46 | — |
| string | #ddf51b | — |
| constant.numeric | #DE4D3A | — |
| constant.language | #507DB7 | — |
| constant.character, constant.other | #507DB7 | — |
| variable | — | |
| keyword | #b66615 | — |
| storage | #507DB7 | |
| storage.type | #ddf51b | |
| entity.name.class | #507DB7 | underline |
| entity.other.inherited-class | #507DB7 | |
| entity.name.function | #16b32b | |
| variable.parameter | #DCE2E8 | |
| entity.name.tag | #9daf14 | |
| entity.other.attribute-name | #507DB7 | |
| support.function | #DE4D3A | |
| support.constant | #507DB7 | |
| support.type, support.class | #507DB7 | |
| support.other.variable | — | |
| invalid | #CF433E | |
| invalid.deprecated | #CF433E | — |
| meta.structure.dictionary.json string.quoted.double.json | #ddf51b | — |
| meta.diff, meta.diff.header | #728496 | — |
| markup.deleted | #E61F44 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #F7B83D | — |
| constant.numeric.line-number.find-in-files - match | #8FBE00A0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| keyword.other | #9EAAB7 | — |
| meta.property-value, support.constant.property-value, constant.other.color | #ddf51b | — |
| meta.structure.dictionary.json string.quoted.double.json | #507DB7 | — |
| meta.structure.dictionary.value.json string.quoted.double.json | #ddf51b | — |
| meta.property-name support.type.property-name | — | normal |
| meta.property-value punctuation.separator.key-value | #DCE2E8 | — |
| keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as | #ddf51b | — |
| meta.use support.class.builtin, meta.other.inherited-class support.class.builtin | #ddf51b | normal |
| variable.other | #DCE2E8 | normal |
| variable.parameter.function.coffee | #DE4D3A | |
| entity.name.section.markdown | #ddf51b | — |
| punctuation.definition.heading.markdown | #B3BECC | — |
| markup.raw.inline.markdown | #ddf51b | — |
| punctuation.definition.bold.markdown, punctuation.definition.italic.markdown | #B3BECC | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #B3BECC | — |
| punctuation.definition.metadata.markdown | #B3BECC | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown | #7b8913 | |
| markup.bold.markdown, markup.italic.markdown | #f0cb1a | — |
| markup.italic.markdown | — | italic |
| markup.bold.markdown | — | bold |
| markup.raw.block.markdown | #664E4D | — |
| markup.deleted.git_gutter | #E61F44 | — |
| markup.inserted.git_gutter | #A7DA1E | — |
| markup.changed.git_gutter | #F7B83D | — |
| meta.template.expression | #DCE2E8 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |