Lavender Dimmed
Publisher: Stevan FreebornThemes in package: 1
A lavender-accented dark theme for Visual Studio Code
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.activeBorder#b39cd0
- activityBar.background#1c2128
- activityBar.border#22272e
- activityBar.foreground#cdd9e5
- activityBar.inactiveForeground#636e7b
- activityBarBadge.background#b39cd0
- activityBarBadge.foreground#1c2128
- badge.background#b39cd0
- badge.foreground#1c2128
- breadcrumb.activeSelectionForeground#cdd9e5
- breadcrumb.focusForeground#cdd9e5
- breadcrumb.foreground#636e7b
- breadcrumbPicker.background#22272e
- button.background#b39cd0
- button.border#a088c0
- button.foreground#1c2128
- button.hoverBackground#a088c0
- button.secondaryBackground#373e47
- button.secondaryForeground#cdd9e5
- button.secondaryHoverBackground#444c56
- checkbox.background#22272e
- checkbox.border#373e47
- checkbox.foreground#cdd9e5
- commandCenter.activeBackground#373e47
- commandCenter.background#22272e
- commandCenter.border#373e47
- commandCenter.foreground#cdd9e5
- contrastBorder#373e47
- debugExceptionWidget.background#42373d
- debugExceptionWidget.border#d47373
- debugToolBar.background#1c2128
- diffEditor.border#444c56
- diffEditor.insertedLineBackground#35434955
- diffEditor.insertedTextBackground#35434980
- diffEditor.removedLineBackground#42373d55
- diffEditor.removedTextBackground#42373d80
- dropdown.background#22272e
- dropdown.border#373e47
- dropdown.foreground#cdd9e5
- editor.background#282c34
- editor.findMatchBackground#605972
- editor.findMatchHighlightBackground#3d3d4b80
- editor.findRangeHighlightBackground#373e4780
- editor.foreground#cdd9e5
- editor.hoverHighlightBackground#373e4780
- editor.inactiveSelectionBackground#373e4780
- editor.lineHighlightBackground#2d333b
- editor.lineHighlightBorder#2d333b
- editor.rangeHighlightBackground#2d333b80
- editor.selectionBackground#45405c
- editor.selectionHighlightBackground#373e4780
- editor.wordHighlightBackground#444c5680
- editor.wordHighlightStrongBackground#373e4780
- editorBracketHighlight.foreground1#b39cd0
- editorBracketHighlight.foreground2#7ec8c0
- editorBracketHighlight.foreground3#d4c87a
- editorBracketHighlight.foreground4#d47373
- editorBracketHighlight.foreground5#c96198
- editorBracketHighlight.foreground6#76e3ea
- editorBracketHighlight.unexpectedBracket.foreground#d47373
- editorBracketMatch.background#2d333b
- editorBracketMatch.border#444c56
- editorCodeLens.foreground#636e7b
- editorCursor.background#1c2128
- editorCursor.foreground#b39cd0
- editorError.foreground#d47373
- editorGroupHeader.tabsBackground#22272e
- editorGutter.addedBackground#7ec8c0
- editorGutter.background#282c34
- editorGutter.deletedBackground#d47373
- editorGutter.modifiedBackground#d4c87a
- editorHint.foreground#768390
- editorHoverWidget.background#2d333b
- editorHoverWidget.border#444c56
- editorIndentGuide.activeBackground1#444c56
- editorIndentGuide.background1#2d333b
- editorInfo.foreground#7ec8c0
- editorLineNumber.activeForeground#adbac7
- editorLineNumber.foreground#636e7b
- editorOverviewRuler.border#1c2128
- editorRuler.foreground#373e47
- editorSuggestWidget.background#2d333b
- editorSuggestWidget.border#444c56
- editorSuggestWidget.foreground#adbac7
- editorSuggestWidget.highlightForeground#b39cd0
- editorSuggestWidget.selectedBackground#373e47
- editorUnnecessaryCode.border#6d484d
- editorWarning.foreground#d4c87a
- editorWhitespace.foreground#373e47
- editorWidget.background#2d333b
- editorWidget.border#444c56
- errorForeground#d47373
- extensionButton.prominentBackground#b39cd0
- extensionButton.prominentForeground#1c2128
- extensionButton.prominentHoverBackground#a088c0
- focusBorder#b39cd0
- gitDecoration.addedResourceForeground#7ec8c0
- gitDecoration.conflictingResourceForeground#d47373
- gitDecoration.deletedResourceForeground#d47373
- gitDecoration.ignoredResourceForeground#545d68
- gitDecoration.modifiedResourceForeground#d4c87a
- gitDecoration.stageDeletedResourceForeground#d47373
- gitDecoration.stageModifiedResourceForeground#d4c87a
- gitDecoration.submoduleResourceForeground#b39cd0
- gitDecoration.untrackedResourceForeground#7ec8c0
- input.background#22272e
- input.border#373e47
- input.foreground#cdd9e5
- input.placeholderForeground#636e7b
- inputOption.activeBackground#373e47
- inputOption.activeForeground#cdd9e5
- inputValidation.errorBackground#42373d
- inputValidation.errorBorder#d47373
- inputValidation.infoBackground#354349
- inputValidation.infoBorder#7ec8c0
- inputValidation.warningBackground#42433f
- inputValidation.warningBorder#d4c87a
- keybindingLabel.background#2d333b
- keybindingLabel.border#444c56
- keybindingLabel.bottomBorder#444c56
- keybindingLabel.foreground#cdd9e5
- list.activeSelectionBackground#373e47
- list.activeSelectionForeground#cdd9e5
- list.errorForeground#d47373
- list.focusBackground#373e47
- list.focusForeground#cdd9e5
- list.highlightForeground#b39cd0
- list.hoverBackground#2d333b
- list.hoverForeground#cdd9e5
- list.inactiveSelectionBackground#2d333b
- list.inactiveSelectionForeground#adbac7
- list.warningForeground#d4c87a
- listFilterWidget.background#373e47
- listFilterWidget.noMatchesOutline#d47373
- listFilterWidget.outline#b39cd0
- menubar.selectionBackground#373e47
- menubar.selectionForeground#cdd9e5
- merge.border#444c56
- merge.currentContentBackground#35434980
- merge.currentHeaderBackground#4a6a6c80
- merge.incomingContentBackground#3d3d4b80
- merge.incomingHeaderBackground#60597280
- minimap.background#22272e
- minimap.findMatchHighlight#60597280
- minimap.selectionHighlight#3d3d4b80
- minimapGutter.addedBackground#7ec8c0
- minimapGutter.deletedBackground#d47373
- minimapGutter.modifiedBackground#d4c87a
- minimapSlider.background#373e47
- minimapSlider.hoverBackground#444c56
- notificationCenter.border#444c56
- notificationCenterHeader.background#22272e
- notificationCenterHeader.foreground#adbac7
- notificationLink.foreground#b39cd0
- notifications.background#1c2128
- notifications.border#22272e
- notifications.foreground#cdd9e5
- notificationToast.border#444c56
- panel.background#1c2128
- panel.border#22272e
- panelSectionHeader.background#22272e
- panelSectionHeader.foreground#cdd9e5
- panelTitle.activeForeground#b39cd0
- panelTitle.inactiveForeground#636e7b
- pickerGroup.border#373e47
- pickerGroup.foreground#b39cd0
- progressBar.background#b39cd0
- quickInput.background#1c2128
- quickInput.foreground#cdd9e5
- quickInputTitle.background#22272e
- sash.hoverBorder#b39cd0
- scrollbar.shadow#1c2128
- scrollbarSlider.activeBackground#545d68
- scrollbarSlider.background#373e47
- scrollbarSlider.hoverBackground#444c56
- settings.checkboxBackground#22272e
- settings.checkboxBorder#373e47
- settings.checkboxForeground#cdd9e5
- settings.dropdownBackground#22272e
- settings.dropdownBorder#373e47
- settings.dropdownForeground#cdd9e5
- settings.headerForeground#cdd9e5
- settings.modifiedItemIndicator#d4c87a
- settings.numberInputBackground#22272e
- settings.numberInputBorder#373e47
- settings.numberInputForeground#cdd9e5
- settings.textInputBackground#22272e
- settings.textInputBorder#373e47
- settings.textInputForeground#cdd9e5
- sideBar.background#1c2128
- sideBar.border#22272e
- sideBar.foreground#adbac7
- sideBarSectionHeader.background#22272e
- sideBarSectionHeader.foreground#adbac7
- sideBarTitle.foreground#cdd9e5
- statusBar.background#1c2128
- statusBar.border#22272e
- statusBar.debuggingBackground#d47373
- statusBar.debuggingForeground#cdd9e5
- statusBar.foreground#adbac7
- statusBar.noFolderBackground#1c2128
- statusBarItem.hoverBackground#373e47
- statusBarItem.remoteBackground#b39cd0
- statusBarItem.remoteForeground#1c2128
- tab.activeBackground#282c34
- tab.activeBorderTop#b39cd0
- tab.activeForeground#cdd9e5
- tab.border#1c2128
- tab.hoverBackground#22272e
- tab.inactiveBackground#1c2128
- tab.inactiveForeground#636e7b
- tab.unfocusedActiveBackground#22272e
- tab.unfocusedActiveForeground#adbac7
- tab.unfocusedInactiveForeground#545d68
- terminal.ansiBlack#1c2128
- terminal.ansiBlue#b39cd0
- terminal.ansiBrightBlack#636e7b
- terminal.ansiBrightBlue#c8b8e0
- terminal.ansiBrightCyan#b3f0ff
- terminal.ansiBrightGreen#8dd8d0
- terminal.ansiBrightMagenta#c96198
- terminal.ansiBrightRed#e08585
- terminal.ansiBrightWhite#e0e4e8
- terminal.ansiBrightYellow#ddd491
- terminal.ansiCyan#76e3ea
- terminal.ansiGreen#7ec8c0
- terminal.ansiMagenta#c96198
- terminal.ansiRed#d47373
- terminal.ansiWhite#adbac7
- terminal.ansiYellow#d4c87a
- terminal.background#282c34
- terminal.foreground#cdd9e5
- terminalCursor.background#1c2128
- terminalCursor.foreground#b39cd0
- textBlockQuote.background#2d333b
- textBlockQuote.border#b39cd0
- textCodeBlock.background#22272e
- textLink.activeForeground#c8b8e0
- textLink.foreground#b39cd0
- textPreformat.foreground#b39cd0
- textSeparator.foreground#444c56
- titleBar.activeBackground#1c2128
- titleBar.activeForeground#cdd9e5
- titleBar.border#22272e
- titleBar.inactiveBackground#22272e
- titleBar.inactiveForeground#636e7b
- toolbar.activeBackground#444c56
- toolbar.hoverBackground#373e47
- welcomePage.background#1c2128
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #636e7b | — |
| comment.block.documentation, comment.block.documentation punctuation.definition.comment | #636e7b | italic |
| keyword, keyword.control, keyword.operator.word, storage.type, storage.modifier | #d47373 | — |
| keyword.operator | #d47373 | — |
| string, string.template, punctuation.definition.string | #b39cd0 | — |
| string.quoted.docstring | #b39cd0 | italic |
| constant.character.escape, string.escape | #7ec8c0 | — |
| string.regexp, punctuation.definition.string.begin.regexp, punctuation.definition.string.end.regexp | #76e3ea | — |
| constant.numeric | #d4c87a | — |
| constant.language, support.constant | #d4c87a | — |
| constant.character, constant.other | #d4c87a | — |
| variable, variable.other | #cdd9e5 | — |
| variable.language, variable.language punctuation.definition.variable | #d47373 | — |
| variable.parameter, variable.parameter punctuation.definition.variable | #adbac7 | — |
| entity.name.function, entity.name.function.constructor, meta.function-call.generic | #a088c0 | — |
| support.function, support.function.construct, support.function.any-method | #a088c0 | — |
| entity.name.type, entity.name.type.class, support.type, support.class | #7ec8c0 | — |
| entity.name.type.type-parameter | #8dd8d0 | — |
| entity.name.tag | #7ec8c0 | — |
| punctuation.definition.tag, meta.tag.sgml | #768390 | — |
| entity.other.attribute-name, entity.other.attribute-name.css, entity.other.attribute-name.scss | #7ec8c0 | — |
| support.type.property-name, support.type.property-name.css, support.type.property-name.scss | #cdd9e5 | — |
| entity.name.label, label | #adbac7 | — |
| punctuation.separator, punctuation.terminator | #adbac7 | — |
| punctuation.definition.bracket, punctuation.section.brackets, meta.brace, punctuation.definition.list-item | #adbac7 | — |
| keyword.control.import, keyword.control.include, keyword.control.module, keyword.control.export | #d47373 | — |
| meta.preprocessor, preprocessor | #d47373 | — |
| markup.heading, punctuation.definition.heading | #a088c0 | bold |
| markup.heading.setext | #cdd9e5 | bold |
| markup.inline.raw, markup.raw | #b39cd0 | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.strikethrough | #768390 | — |
| markup.underline.link, markup.underline.link image | #76e3ea | underline |
| markup.list, punctuation.definition.list-item | #a088c0 | — |
| markup.inserted, punctuation.definition.inserted | #7ec8c0 | — |
| markup.deleted, punctuation.definition.deleted | #d47373 | — |
| markup.changed, punctuation.definition.changed | #d4c87a | — |
| invalid, invalid.illegal | #d47373 | — |
| invalid.deprecated | #d47373 | underline |
| meta.embedded, source embedded | #cdd9e5 | — |