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#ffffff99
- 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#27aa5b
- gitDecoration.deletedResourceForeground#cccccc
- gitDecoration.modifiedResourceForeground#d4b35e
- gitDecoration.stageDeletedResourceForeground#cccccc
- gitDecoration.stageModifiedResourceForeground#d4b35e
- 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#60afee
- terminal.ansiBrightBlack#444444
- terminal.ansiBrightBlue#609ac2
- terminal.ansiBrightCyan#55b8c5
- terminal.ansiBrightGreen#0caba8
- terminal.ansiBrightMagenta#595dab
- terminal.ansiBrightRed#e28845
- terminal.ansiBrightWhite#ffffffcc
- terminal.ansiBrightYellow#d5c595
- terminal.ansiCyan#55b8c5
- terminal.ansiGreen#27aa5b
- terminal.ansiMagenta#c564b7
- terminal.ansiRed#f3395c
- terminal.ansiWhite#ffffff88
- terminal.ansiYellow#d4b35e
- 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 | #ffffff35 | 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 | #ffffff55 | — |
| keyword, punctuation.definition.string, storage.type, storage.modifier, keyword.operator.type.annotation, keyword.operator.optional | #ffffff88 | — |
| keyword.operator, keyword.operator.expression, keyword.operator.new, meta.property-value, meta.jsx.children.js.jsx | #ffffff99 | — |
| keyword.control, constant.numeric, support.variable.property, punctuation.definition.entity.css | #ffffffcc | — |
| variable.other, variable.other.constant, variable.other.readwrite, constant.other.enum, support.type.property-name.json | #60afee | — |
| support.function, entity.name.function, entity.name.tag, meta.selector.css | #27aa5b | — |
| keyword.control.flow, entity.name.type, entity.name.type.class, storage.type.object.array.java, storage.type.java, storage.type.generic.java, 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, entity.name.type.record, entity.name.function.constructor | #f3395c | — |
| keyword.other.important.css | #f3395c | bold |
| string | #d4b35e | — |
| string.template, variable.other.object, constant.character.entity, storage.type.annotation, punctuation.definition.annotation, entity.name.package, entity.name.namespace | #d5c595 | — |
| variable.other.property, variable.other.object.property, meta.class.body.java variable.other.definition, entity.name.type.type-parameter, meta.attribute.class, entity.other.attribute-name.class | #e28845 | — |
| variable.language, variable.language.this, variable.language.super, 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 | #c564b7 | — |
| entity.name.type.interface | #c564b7 | italic |
| variable.parameter, constant.language, constant.language.boolean, constant.language.null, entity.other.attribute-name.js.jsx, meta.attribute, support.type.property-name.css | #609ac2 | — |
| support.type.primitive, storage.type.primitive, storage.type.primitive.array.java, storage.type.void.java, support.type, support.class, support.class.component.js.jsx, support.class.component.tsx | #0caba8 | — |
| 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 | #ffffff99 | — |
| markup.bold | #ffffffcc | bold |
| markup.italic | — | italic |
| markup.bold markup.italic, markup.italic markup.bold | — | bold italic |
| punctuation.definition | #ffffff35 | — |
| meta.separator | #ffffff35 | bold |
| markup.heading, entity.name.section, heading.1 punctuation.definition | #f3395c | — |
| heading.1 | — | bold |
| string.other.link.title, string.other.link.description | #60afee | — |
| markup.underline.link, markup.underline.link.image | #595dab | italic underline |
| markup.inline.raw, markup.raw.block | #d5c595 | — |
| markup.fenced_code | #609ac2 | — |
| entity.name.tag.yaml | #60afee | — |
| markup.quote, markup.quote meta.paragraph | #d4b35e | italic |
| punctuation.definition.list.begin | #27aa5b | — |
| keyword.other.documentation, keyword.other.javadoc, comment.block.javadoc keyword.other, storage.type.annotation.javadoc | #d5c595 | — |
| variable.other.javadoc, comment.block.javadoc variable.other | #609ac2 | — |