Lumicotta
Publisher: yeytakenThemes in package: 2
A warm and elegant blue-accent theme for Visual Studio Code.
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.background#181c23
- activityBar.border#232b38
- activityBar.foreground#cfd6e2
- activityBarBadge.background#7ea8ff
- activityBarBadge.foreground#11151d
- badge.background#2a3444
- badge.foreground#f6f9fc
- breadcrumb.activeSelectionForeground#f6f9fc
- breadcrumb.background#1b202800
- breadcrumb.focusForeground#d7dde7
- breadcrumb.foreground#94a0b2
- breadcrumbPicker.background#1d232d
- button.background#243145
- button.foreground#f6f9fc
- button.hoverBackground#2b3a51
- descriptionForeground#8892a3
- diffEditor.insertedTextBackground#223a2f88
- diffEditor.removedTextBackground#3a243088
- dropdown.background#1d232d
- dropdown.border#2a3342
- dropdown.foreground#d7dde7
- editor.background#1b2028
- editor.findMatchBackground#31486b
- editor.findMatchHighlightBackground#25314455
- editor.foreground#d7dde7
- editor.inactiveSelectionBackground#1e273400
- editor.lineHighlightBackground#202733
- editor.lineHighlightBorder#2a3444
- editor.linkedEditingBackground#22304466
- editor.rangeHighlightBackground#20283444
- editor.selectionBackground#223044
- editor.selectionHighlightBackground#223044cc
- editor.snippetFinalTabstopHighlightBackground#31486b66
- editor.snippetFinalTabstopHighlightBorder#7ea8ff
- editor.snippetTabstopHighlightBackground#22304466
- editor.snippetTabstopHighlightBorder#7ea8ff
- editor.wordHighlightBackground#24314a66
- editor.wordHighlightStrongBackground#2c3b5880
- editorBracketMatch.background#263246
- editorBracketMatch.border#7ea8ff
- editorCodeLens.foreground#6f7888
- editorCursor.foreground#e7f0ff
- editorGroupHeader.tabsBackground#181c23
- editorGroupHeader.tabsBorder#232b38
- editorGutter.addedBackground#86c79c
- editorGutter.deletedBackground#e58b96
- editorGutter.modifiedBackground#7ea8ff
- editorHoverWidget.background#1d232d
- editorHoverWidget.border#2a3342
- editorHoverWidget.foreground#d7dde7
- editorIndentGuide.activeBackground1#3b4a60
- editorIndentGuide.background1#242d3a
- editorInlayHint.background#223044
- editorInlayHint.foreground#b7c2d4
- editorInlayHint.parameterForeground#d9bc7f
- editorInlayHint.typeForeground#9fc0ff
- editorLineNumber.activeForeground#d7dde7
- editorLineNumber.foreground#687385
- editorOverviewRuler.addedForeground#86c79c88
- editorOverviewRuler.deletedForeground#e58b9688
- editorOverviewRuler.modifiedForeground#7ea8ff88
- editorRuler.foreground#222b39
- editorSuggestWidget.background#1d232d
- editorSuggestWidget.border#2a3342
- editorSuggestWidget.foreground#d7dde7
- editorSuggestWidget.selectedBackground#223044
- editorWhitespace.foreground#273142
- editorWidget.background#1d232d
- editorWidget.border#2a3342
- focusBorder#7ea8ff66
- foreground#d7dde7
- gitDecoration.ignoredResourceForeground#697586
- input.background#1d232d
- input.border#2a3342
- input.foreground#d7dde7
- input.placeholderForeground#768093
- inputOption.activeBackground#223044
- inputOption.activeBorder#7ea8ff
- list.activeSelectionBackground#223044
- list.activeSelectionForeground#f6f9fc
- list.focusBackground#1f2734
- list.highlightForeground#8ab7ff
- list.hoverBackground#202733
- list.hoverForeground#d7dde7
- list.inactiveSelectionBackground#202733
- list.inactiveSelectionForeground#f6f9fc
- minimap.errorHighlight#e58b9666
- minimap.findMatchHighlight#7ea8ff66
- minimap.selectionHighlight#223044aa
- minimap.warningHighlight#d9bc7f66
- panel.background#1a1f27
- panel.border#232b38
- panelTitle.activeBorder#7ea8ff
- panelTitle.activeForeground#f6f9fc
- panelTitle.inactiveForeground#8c95a6
- peekView.border#2a3444
- peekViewEditor.background#1d232d
- peekViewEditor.matchHighlightBackground#31486b
- peekViewResult.background#1a1f27
- peekViewResult.matchHighlightBackground#31486b
- pickerGroup.border#2a3444
- pickerGroup.foreground#d7dde7
- progressBar.background#7ea8ff
- scrollbar.shadow#00000055
- scrollbarSlider.activeBackground#40506add
- scrollbarSlider.background#2a334299
- scrollbarSlider.hoverBackground#344356bb
- selection.background#223044
- settings.checkboxBackground#1d232d
- settings.checkboxBorder#2a3342
- settings.checkboxForeground#d7dde7
- settings.dropdownBackground#1d232d
- settings.dropdownBorder#2a3342
- settings.dropdownForeground#d7dde7
- settings.focusedRowBackground#202733
- settings.focusedRowBorder#7ea8ff
- settings.headerBorder#232b38
- settings.headerForeground#d7dde7
- settings.modifiedItemIndicator#7ea8ff
- settings.numberInputBackground#1d232d
- settings.numberInputBorder#2a3342
- settings.numberInputForeground#d7dde7
- settings.rowHoverBackground#202733
- settings.textInputBackground#1d232d
- settings.textInputBorder#2a3342
- settings.textInputForeground#d7dde7
- sideBar.background#1a1f27
- sideBar.border#232b38
- sideBar.foreground#cfd6e2
- sideBarSectionHeader.background#1d232d
- sideBarSectionHeader.border#232b38
- sideBarSectionHeader.foreground#d7dde7
- statusBar.background#181c23
- statusBar.border#232b38
- statusBar.debuggingBackground#1d232d
- statusBar.foreground#cfd6e2
- statusBar.noFolderBackground#181c23
- statusBarItem.prominentBackground#223044
- statusBarItem.prominentForeground#f6f9fc
- statusBarItem.remoteBackground#223044
- statusBarItem.remoteForeground#f6f9fc
- tab.activeBackground#1d232d
- tab.activeBorder#7ea8ff
- tab.activeForeground#f6f9fc
- tab.border#232b38
- tab.inactiveBackground#181c23
- tab.inactiveForeground#8c95a6
- tab.unfocusedActiveBorder#2d3a4d
- terminal.ansiBlack#2a3442
- terminal.ansiBlue#7ea8ff
- terminal.ansiBrightBlack#697586
- terminal.ansiBrightBlue#9fc0ff
- terminal.ansiBrightCyan#a6deda
- terminal.ansiBrightGreen#9ad8ae
- terminal.ansiBrightMagenta#c3b3ff
- terminal.ansiBrightRed#f39ca7
- terminal.ansiBrightWhite#f6f9fc
- terminal.ansiBrightYellow#ebd29a
- terminal.ansiCyan#86c9c3
- terminal.ansiGreen#86c79c
- terminal.ansiMagenta#b49dff
- terminal.ansiRed#e58b96
- terminal.ansiWhite#d7dde7
- terminal.ansiYellow#d9bc7f
- terminal.background#1b2028
- terminal.foreground#d7dde7
- textBlockQuote.background#202733
- textBlockQuote.border#7ea8ff66
- textCodeBlock.background#1d232d
- textLink.activeForeground#9fc0ff
- textLink.foreground#7ea8ff
- titleBar.activeBackground#181c23
- titleBar.activeForeground#d7dde7
- titleBar.border#232b3800
- welcomePage.background#1b2028
- welcomePage.progress.background#2a3342
- welcomePage.progress.foreground#7ea8ff
- welcomePage.tileBackground#1d232d
- welcomePage.tileBorder#2a3342
- welcomePage.tileHoverBackground#202733
- widget.border#2a3342
- widget.shadow#00000066
- window.activeBorder#00000000
- window.inactiveBorder#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #d7dde7 | — |
| comment, punctuation.definition.comment, string.quoted.docstring.multi | #748094 | italic |
| string, markup.fenced_code, markup.inline, string.template, string.interpolated | #b9d5c1 | — |
| string.quoted, string.regexp, string.quoted.single.regexp, string.quoted.double.regexp, keyword.other.template | #8fd0c8 | — |
| constant.language, constant.numeric, constant.character.format.placeholder, constant.other.placeholder, keyword.other.unit, entity.name.tag, entity.name.tag.yaml, support.type.property-name.json | #d9bc7f | — |
| keyword, storage.modifier, storage.type, storage.control.clojure, punctuation.definition.template-expression, punctuation.separator.key-value | #a7c7ff | — |
| entity.name.function, support.function, support.function.node, meta.function-call, meta.instance.constructor, keyword.operator.accessor, meta.group.braces.round.function.arguments, meta.template.expression | #b49dff | — |
| entity.name.type, entity.other.inherited-class, entity.name.class, entity.name.interface, meta.type.annotation, support.class, support.type | #7ea8ff | — |
| variable.parameter.function, variable.parameter, variable.other.object, variable.other.class, variable.other.constant, variable.language.this, meta.property-name, meta.definition.variable | #d7dde7 | — |
| entity.other.attribute-name, support.type.property-name, meta.property-value | #9fc0ff | — |
| punctuation, meta.brace, meta.delimiter | #6f7888 | — |
| markup.heading.markdown, markup.bold.markdown, strong | #f1f5fb | bold |
| emphasis | — | italic |
| markup.italic.markdown | — | italic |
| meta.link.inline.markdown | #7ea8ff | underline |
| markup.underline.link | #7ea8ff | — |
| beginning.punctuation.definition.list.markdown, punctuation.definition.metadata.markdown | #a7c7ff | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #8fd0c8 | — |
| token.info-token | #7ea8ff | — |
| token.warn-token | #d9bc7f | — |
| token.error-token | #e58b96 | — |
| token.debug-token | #b49dff | — |