Lascavo Dark Theme
Publisher: mdrshThemes in package: 3
Neutral dark theme, calm colors
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#222222
- activityBar.activeBorder#444444
- activityBar.background#181818
- activityBar.foreground#888888
- activityBarBadge.background#73091d
- activityBarBadge.foreground#cccccc
- badge.background#73091d
- badge.foreground#cccccc
- breadcrumb.background#202022
- breadcrumb.focusForeground#cccccc
- breadcrumb.foreground#888888
- button.background#73091d
- button.border#73091d
- button.foreground#cccccc
- button.hoverBackground#b50c2b
- button.secondaryBackground#333333
- button.secondaryForeground#cccccc
- button.secondaryHoverBackground#444444
- checkbox.foreground#cccccc
- debugToolBar.background#111111
- debugToolBar.border#cccccc
- diffEditor.insertedTextBorder#bb900040
- diffEditor.removedTextBorder#aa000040
- diffEditorGutter.insertedLineBackground#bb900040
- diffEditorGutter.removedLineBackground#aa000040
- dropdown.border#333333
- dropdown.foreground#888888
- dropdown.listBackground#333333
- editor.background#202022
- editor.findMatchBackground#222222
- editor.findMatchBorder#ffffff
- editor.findMatchForeground#cccccc
- editor.findMatchHighlightBackground#aa000099
- editor.findMatchHighlightBorder#aa0000
- editor.foreground#ffffffcc
- editor.lineHighlightBackground#181818
- editor.selectionHighlightBackground#ffffff25
- editor.selectionHighlightBorder#ffffff50
- editor.wordHighlightBackground#ffffff15
- editor.wordHighlightBorder#ffffff50
- editor.wordHighlightStrongBackground#ffffff15
- editor.wordHighlightStrongBorder#ffffff
- editorBracketHighlight.foreground1#b5a444
- editorBracketHighlight.foreground2#B57EDC
- editorBracketHighlight.foreground3#d6474a
- editorBracketHighlight.foreground4#d18016
- editorBracketHighlight.unexpectedBracket.foreground#ffffff
- editorBracketMatch.background#000000
- editorBracketMatch.border#666666
- editorBracketPairGuide.activeBackground1#c1ad3b77
- editorBracketPairGuide.activeBackground2#ae4bc688
- editorBracketPairGuide.activeBackground3#d1343488
- editorBracketPairGuide.activeBackground4#d1801677
- editorCursor.background#ffffff
- editorCursor.foreground#cccccc
- editorError.foreground#ff4f4f
- editorGroup.border#666666
- editorGroupHeader.border#111111
- editorGroupHeader.tabsBackground#222222
- editorGroupHeader.tabsBorder#333333
- editorIndentGuide.activeBackground1#888888
- editorIndentGuide.background1#66666650
- editorInfo.foreground#77bbff
- editorLineNumber.activeForeground#888888
- editorLineNumber.foreground#88888860
- editorOverviewRuler.background#181818
- editorOverviewRuler.border#222222
- editorRuler.foreground#ffffff05
- editorWarning.foreground#ffd500
- editorWidget.background#181818
- editorWidget.resizeBorder#73091d
- extensionButton.background#73091d
- extensionButton.foreground#cccccc
- extensionButton.hoverBackground#b50c2b
- focusBorder#b50c2b
- foreground#999999
- gitDecoration.addedResourceForeground#1fe21f
- gitDecoration.deletedResourceForeground#cccccc
- gitDecoration.modifiedResourceForeground#ffe65b
- gitDecoration.stageDeletedResourceForeground#cccccc
- gitDecoration.stageModifiedResourceForeground#ffe65b
- gitDecoration.untrackedResourceForeground#999999
- icon.foreground#999999
- input.background#222222
- input.border#333333
- input.placeholderForeground#888888
- inputOption.activeBackground#b50c2b
- inputOption.activeForeground#ffffff
- inputValidation.errorBackground#aa000080
- inputValidation.errorBorder#aa0000
- inputValidation.errorForeground#ffffff
- inputValidation.infoBackground#007acc80
- inputValidation.infoBorder#007acc
- inputValidation.infoForeground#ffffff
- inputValidation.warningBackground#bb900080
- inputValidation.warningBorder#bb9000
- inputValidation.warningForeground#ffffff
- list.activeSelectionBackground#73091d
- list.activeSelectionForeground#cccccc
- list.highlightForeground#b50c2b
- list.hoverBackground#333333
- list.hoverForeground#cccccc
- list.inactiveSelectionBackground#444444
- list.inactiveSelectionForeground#cccccc
- menu.background#222222
- menu.border#444444
- menu.foreground#cccccc
- menu.selectionBackground#73091d
- menu.selectionBorder#444444
- menubar.selectionBackground#73091d
- menubar.selectionForeground#cccccc
- minimap.errorHighlight#ffffff
- minimap.findMatchHighlight#fffffffe
- minimap.warningHighlight#bb9000
- notificationCenter.border#333333
- panel.background#111111
- panel.border#202022
- panelTitle.activeBorder#888888
- panelTitle.activeForeground#cccccc
- panelTitle.inactiveForeground#666666
- pickerGroup.border#444444
- pickerGroup.foreground#b50c2b
- progressBar.background#73091d
- quickInput.foreground#888888
- scrollbarSlider.background#ffffff40
- selection.background#73091d
- settings.dropdownBorder#444444
- settings.dropdownForeground#cccccc
- settings.headerBorder#444444
- settings.modifiedItemIndicator#b50c2b
- sideBar.background#111111
- sideBar.border#222222
- sideBar.foreground#888888
- sideBarSectionHeader.background#202022
- sideBarSectionHeader.border#111111
- statusBar.background#444444
- statusBar.debuggingBackground#73091d
- statusBar.debuggingForeground#cccccc
- statusBar.foreground#cccccc
- statusBar.noFolderBackground#595dab
- statusBar.noFolderForeground#cccccc
- statusBarItem.errorBackground#aa0000
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverForeground#ffffff
- statusBarItem.warningBackground#bb9000
- statusBarItem.warningForeground#111111
- tab.activeBackground#444444
- tab.activeBorder#888888
- tab.activeForeground#cccccc
- tab.border#111111
- tab.hoverBackground#444444
- tab.hoverForeground#cccccc
- tab.inactiveBackground#333333
- tab.inactiveForeground#999999
- terminal.ansiBlack#222222
- terminal.ansiBlue#50a6ff
- terminal.ansiBrightBlack#444444
- terminal.ansiBrightBlue#8bcfff
- terminal.ansiBrightCyan#56e3f5
- terminal.ansiBrightGreen#67de67
- terminal.ansiBrightMagenta#986ee5
- terminal.ansiBrightRed#ff962f
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffee9c
- terminal.ansiCyan#56e3f5
- terminal.ansiGreen#1fe21f
- terminal.ansiMagenta#ff6eeb
- terminal.ansiRed#ff194f
- terminal.ansiWhite#ffffffaa
- terminal.ansiYellow#ffe65b
- terminal.background#080808
- terminal.foreground#888888
- terminal.selectionBackground#73091d
- textBlockQuote.border#b50c2b
- textLink.activeForeground#b50c2b
- textLink.foreground#b50c2b
- titleBar.activeBackground#181818
- titleBar.activeForeground#888888
- titleBar.border#333333
- titleBar.inactiveBackground#400815
- titleBar.inactiveForeground#cccccc
- toolbar.hoverBackground#444444
- tree.indentGuidesStroke#666666
- widget.shadow#060606
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #ffffff60 | italic |
| string.template, meta.property-value | — | italic |
| punctuation.definition.template-expression, meta.template.expression | — | |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation, punctuation.definition.keyword, punctuation.definition.tag | #ffffff88 | — |
| keyword, punctuation.definition.string, storage.type, storage.modifier, keyword.operator.type.annotation, keyword.operator.optional | #ffffffaa | — |
| keyword.operator, keyword.operator.expression, keyword.operator.new, meta.property-value, meta.jsx.children.js.jsx | #ffffffcc | — |
| keyword.control, constant.numeric, support.variable.property, punctuation.definition.entity.css | #ffffff | — |
| variable.other, variable.other.constant, variable.other.readwrite, support.type.property-name.json | #50a6ff | — |
| support.function, entity.name.function, entity.name.tag, meta.selector.css | #1fe21f | — |
| keyword.control.flow, entity.name.type, storage.type.function.arrow, keyword.operator.ternary, keyword.operator.logical, meta.attribute.id, entity.other.attribute-name.id, keyword.other.debugger, entity.name.type.alias, entity.name.type.enum | #ff194f | — |
| keyword.other.important.css | #ff194f | bold |
| string | #ffe65b | — |
| string.template, variable.other.object, constant.character.entity | #ffee9c | — |
| variable.other.property, meta.attribute.class, entity.other.attribute-name.class | #ff962f | — |
| variable.language.this, meta.tag.metadata.doctype entity.name.tag, meta.tag.structure.html entity.name.tag, meta.tag.structure.head entity.name.tag, meta.tag.structure.body entity.name.tag, meta.tag.structure.header entity.name.tag, meta.tag.structure.main entity.name.tag, meta.tag.structure.nav entity.name.tag, meta.tag.structure.section entity.name.tag, meta.tag.structure.article entity.name.tag, meta.tag.structure.footer entity.name.tag, meta.tag.structure.div entity.name.tag, meta.tag.structure.form entity.name.tag, meta.tag.structure.figure entity.name.tag, meta.tag.js entity.name.tag.js, meta.tag.jsx entity.name.tag.jsx | #ff6eeb | — |
| entity.name.type.interface | #ff6eeb | italic |
| variable.parameter, constant.language.boolean, entity.other.attribute-name.js.jsx, meta.attribute, support.type.property-name.css | #8bcfff | — |
| support.type.primitive, support.type, support.class, support.class.component.js.jsx, support.class.component.tsx | #67de67 | — |
| string.regexp, constant.character.escape.backslash.regexp | #ffffffaa | — |
| string.regexp keyword.other, punctuation.definition.string.regexp keyword.other, punctuation.definition.group.regexp | #ffffff40 | — |
| constant.other.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.range.regexp | #e7c463dd | — |
| punctuation.definition.character-class.regexp, punctuation.definition.group.no-capture.regexp | #ddaa20bb | — |
| keyword.operator.negation.regexp, keyword.operator.or.regexp, meta.assertion.negative-look-ahead.regexp | #ff6161bb | — |
| keyword.control.anchor.regexp | #ff0000AA | — |
| meta.assertion.look-ahead.regexp | #33c049bb | — |
| keyword.operator.quantifier.regexp | #3392e499 | — |
| keyword.other.back-reference.regexp | #d55fdecc | — |
| meta.paragraph | #ffffffcc | — |
| markup.bold | #ffffff | bold |
| markup.italic | — | italic |
| markup.bold markup.italic, markup.italic markup.bold | — | bold italic |
| punctuation.definition | #ffffff60 | — |
| meta.separator | #ffffff60 | bold |
| markup.heading, entity.name.section, heading.1 punctuation.definition | #ff194f | — |
| heading.1 | — | bold |
| string.other.link.title, string.other.link.description | #50a6ff | — |
| markup.underline.link, markup.underline.link.image | #986ee5 | italic underline |
| markup.inline.raw, markup.raw.block | #ffee9c | — |
| markup.fenced_code | #8bcfff | — |
| entity.name.tag.yaml | #50a6ff | — |
| markup.quote, markup.quote meta.paragraph | #ffe65b | italic |
| punctuation.definition.list.begin | #1fe21f | — |