quietude
Publisher: rafaelrcamargoThemes in package: 1
a carefully crafted dark theme for vs code that reduces visual clutter while maintaining excellent readability
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#1a1a1f
- activityBar.border#BAB39C10
- activityBar.foreground#a79879
- activityBar.inactiveForeground#a7987990
- activityBarBadge.background#6c765c
- activityBarBadge.foreground#1a1a1f
- badge.background#6c765c
- badge.foreground#1a1a1f
- breadcrumb.activeSelectionForeground#ca9e66
- breadcrumb.background#1a1a1f
- breadcrumb.focusForeground#bab39c
- breadcrumb.foreground#bab39c99
- breadcrumbPicker.background#292929
- button.background#454a56
- button.foreground#bab39c
- button.hoverBackground#292929
- checkbox.background#1a1a1f
- checkbox.border#BAB39C10
- checkbox.foreground#bab39c
- diffEditor.border#B7B7B010
- diffEditor.insertedLineBackground#6c765c15
- diffEditor.insertedTextBackground#6c765c26
- diffEditor.removedLineBackground#c15e5515
- diffEditor.removedTextBackground#c15e5526
- disabledForeground#64534899
- dropdown.background#1a1a1f
- dropdown.border#BAB39C10
- editor.background#1a1a1f
- editor.findMatchBackground#6578a640
- editor.findMatchHighlightBackground#6578a620
- editor.foreground#bab39c
- editor.hoverHighlightBackground#bab39c0d
- editor.lineHighlightBackground#bab39c10
- editor.selectionBackground#deb17820
- editor.selectionHighlightBackground#deb17820
- editor.wordHighlightBackground#6578a61a
- editor.wordHighlightStrongBackground#555a6366
- editorBracketHighlight.foreground1#bab39c50
- editorBracketHighlight.foreground2#bab39c50
- editorBracketHighlight.foreground3#bab39c50
- editorBracketHighlight.foreground4#bab39c50
- editorBracketHighlight.foreground5#bab39c50
- editorBracketHighlight.foreground6#bab39c50
- editorBracketHighlight.unexpectedBracket.foreground#c15e55
- editorBracketMatch.background#00000000
- editorBracketMatch.border#00000000
- editorCursor.foreground#B7B7B0
- editorGroup.border#BAB39C10
- editorGroupHeader.border#BAB39C10
- editorGroupHeader.tabsBackground#1a1a1f
- editorGutter.addedBackground#6c765c4d
- editorGutter.background#1a1a1f
- editorGutter.deletedBackground#c15e554d
- editorGutter.foldingControlForeground#bab39c80
- editorGutter.modifiedBackground#ca9e664d
- editorHoverWidget.background#232328
- editorHoverWidget.border#BAB39C10
- editorIndentGuide.activeBackground1#BAB39C20
- editorIndentGuide.background1#BAB39C10
- editorInlayHint.background#454a5666
- editorInlayHint.foreground#bab39cdd
- editorLineNumber.activeForeground#ca9e66
- editorLineNumber.foreground#bab39c30
- editorLink.activeForeground#6578a6
- editorRuler.foreground#bab39c15
- editorSuggestWidget.background#292929
- editorSuggestWidget.border#BAB39C10
- editorSuggestWidget.foreground#bab39c
- editorSuggestWidget.highlightForeground#ca9e66
- editorSuggestWidget.selectedBackground#454a56
- editorWhitespace.foreground#64534899
- errorForeground#c15e55
- focusBorder#B7B7B020
- foreground#bab39c
- gitDecoration.addedResourceForeground#6c765c
- gitDecoration.conflictingResourceForeground#ca9e66
- gitDecoration.deletedResourceForeground#c15e55
- gitDecoration.ignoredResourceForeground#bab39c50
- gitDecoration.modifiedResourceForeground#ca9e66
- gitDecoration.renamedResourceForeground#6578a6
- gitDecoration.untrackedResourceForeground#6c765c
- input.background#1a1a1f
- input.border#BAB39C10
- input.foreground#bab39c
- input.placeholderForeground#bab39c33
- inputOption.activeBackground#6578a680
- inputOption.activeBorder#6578a6
- inputOption.activeForeground#ffffff
- keybindingLabel.background#454a5644
- keybindingLabel.border#B7B7B01A
- keybindingLabel.bottomBorder#B7B7B01A
- keybindingLabel.foreground#bab39c
- list.activeSelectionBackground#454a56
- list.activeSelectionForeground#bab39c
- list.errorForeground#c15e55
- list.focusBackground#292929cc
- list.focusOutline#6578a680
- list.highlightForeground#6c765c
- list.hoverBackground#292929
- list.hoverForeground#ca9e66
- list.inactiveFocusBackground#bab39c08
- list.inactiveSelectionBackground#bab39c10
- list.warningForeground#ca9e66
- menu.border#BAB39C10
- minimap.background#1a1a1f
- minimap.errorHighlight#c15e5580
- minimap.findMatchHighlight#6578a680
- minimap.selectionHighlight#deb17840
- minimap.warningHighlight#ca9e6680
- minimapGutter.addedBackground#6c765c
- minimapGutter.deletedBackground#c15e55
- minimapGutter.modifiedBackground#ca9e66
- minimapSlider.activeBackground#bab39c40
- minimapSlider.background#bab39c20
- minimapSlider.hoverBackground#bab39c30
- notificationCenterHeader.background#292929
- notificationLink.foreground#6578a6
- notifications.background#1a1a1f
- notifications.border#BAB39C10
- notifications.foreground#bab39c
- notificationsErrorIcon.foreground#c15e55
- notificationsInfoIcon.foreground#6578a6
- notificationsWarningIcon.foreground#ca9e66
- notificationToast.border#BAB39C10
- panel.background#1a1a1f
- panel.border#B7B7B010
- panel.dropBorder#00000000
- panelInput.border#00000000
- panelSection.border#00000000
- panelSectionHeader.border#00000000
- panelTitle.activeBorder#BAB39C10
- panelTitle.activeForeground#bab39c
- panelTitle.inactiveForeground#bab39c70
- peekView.border#6578a6
- peekViewEditor.background#16161a
- peekViewEditorGutter.background#16161a
- peekViewResult.background#1a1a1f
- peekViewResult.matchHighlightBackground#6578a640
- peekViewResult.selectionBackground#454a56
- peekViewResult.selectionForeground#bab39c
- peekViewTitle.background#292929
- peekViewTitleDescription.foreground#bab39c99
- peekViewTitleLabel.foreground#bab39c
- pickerGroup.border#BAB39C10
- pickerGroup.foreground#ca9e66
- progressBar.background#6c765c
- quickInput.background#16161a
- quickInput.foreground#bab39c
- quickInputList.focusBackground#19191e
- quickInputList.focusForeground#bab39c
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#bab39c40
- scrollbarSlider.background#bab39c20
- scrollbarSlider.hoverBackground#bab39c30
- settings.checkboxBackground#292929
- settings.checkboxBorder#BAB39C10
- settings.checkboxForeground#bab39c
- settings.dropdownBackground#292929
- settings.dropdownBorder#BAB39C10
- settings.dropdownForeground#bab39c
- settings.headerForeground#bab39c
- settings.modifiedItemIndicator#ca9e66
- settings.numberInputBackground#292929
- settings.numberInputBorder#BAB39C10
- settings.numberInputForeground#bab39c
- settings.textInputBackground#292929
- settings.textInputBorder#BAB39C10
- settings.textInputForeground#bab39c
- sideBar.background#1a1a1f
- sideBar.border#B7B7B010
- sideBar.foreground#bab39c
- sideBarSectionHeader.background#1a1a1f
- sideBarSectionHeader.foreground#bab39c
- statusBar.background#1a1a1f
- statusBar.border#BAB39C10
- statusBar.debuggingBackground#ca9e66
- statusBar.debuggingBorder#ca9e66
- statusBar.debuggingForeground#1a1a1f
- statusBar.foreground#bab39c99
- statusBar.noFolderBackground#1a1a1f
- statusBar.noFolderBorder#BAB39C10
- statusBarItem.errorBackground#c15e55
- statusBarItem.errorForeground#1a1a1f
- statusBarItem.hoverBackground#292929
- statusBarItem.prominentBackground#6c765c
- statusBarItem.prominentHoverBackground#7b856a
- statusBarItem.remoteBackground#6c765c
- statusBarItem.remoteForeground#1a1a1f
- tab.activeBackground#1a1a1f
- tab.activeForeground#bab39c90
- tab.activeModifiedBorder#ca9e66
- tab.border#B7B7B010
- tab.hoverBackground#292929
- tab.inactiveBackground#1a1a1f
- tab.inactiveForeground#bab39c60
- tab.inactiveModifiedBorder#ca9e6690
- tab.unfocusedActiveForeground#bab39c99
- tab.unfocusedActiveModifiedBorder#ca9e6690
- terminal.ansiBlack#282c33
- terminal.ansiBlue#6578a6
- terminal.ansiBrightBlack#57554f
- terminal.ansiBrightBlue#6578a6
- terminal.ansiBrightCyan#88a3b0
- terminal.ansiBrightGreen#95a679
- terminal.ansiBrightMagenta#926fad
- terminal.ansiBrightRed#b4685f
- terminal.ansiBrightWhite#a79879
- terminal.ansiBrightYellow#edb253
- terminal.ansiCyan#88a3b0
- terminal.ansiGreen#7b856a
- terminal.ansiMagenta#8f73a5
- terminal.ansiRed#b4685f
- terminal.ansiWhite#a79879
- terminal.ansiYellow#ca9e66
- terminal.background#1a1a1f
- terminal.border#00000000
- terminal.foreground#bab39c
- terminal.inactiveSelectionBackground#deb17820
- terminal.selectionBackground#deb17840
- terminal.tab.activeBorder#BAB39C10
- terminalCursor.foreground#B7B7B0
- titleBar.activeBackground#1a1a1f
- titleBar.activeForeground#bab39c
- titleBar.border#00000000
- titleBar.inactiveBackground#2e2d33
- titleBar.inactiveForeground#bab39c99
- widget.shadow#00000000
- window.activeBorder#fff0
- window.inactiveBorder#fff0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #565552 | — |
| string, punctuation.definition.string | #938f82 | |
| constant.character.escape | #57554f | |
| string.regexp, punctuation.definition.string.regexp | #57554f | |
| constant.numeric | #bab39c | — |
| constant.language.boolean | #bab39c | — |
| constant.language | #bab39c | — |
| keyword, storage.type, storage.modifier | #73716b | — |
| keyword.operator | #73716b | — |
| entity.name.function, support.function, meta.function-call | #6c765c | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.other.inherited-class, support.type, support.class | #ca9e66 | — |
| variable, variable.parameter, variable.other.property, support.variable.property | #bab39c | — |
| variable.language.this, variable.language.self, variable.language.super | #bab39c | italic |
| entity.other.attribute-name | #bab39c | — |
| punctuation, meta.brace, punctuation.definition.tag, punctuation.separator, punctuation.terminator | #57554f | — |
| entity.name.tag | #ca9e66 | — |
| entity.name.function.constructor, punctuation.definition.constructor | #ca9e66 | — |
| keyword.control.directive, punctuation.definition.directive | #ca9e66 | — |
| entity.name.label | #6578a6 | — |
| markup.heading, punctuation.definition.heading | #ca9e66 | bold |
| markup.bold, punctuation.definition.bold | #ca9e66 | bold |
| markup.italic, punctuation.definition.italic | #ca9e66 | italic |
| string.other.link.title, markup.link, markup.underline.link | #6c765c | — |
| markup.underline.link, meta.link.inline | #73716b | — |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown, punctuation.definition.markdown | #938f82 | italic |
| punctuation.definition.list.begin.markdown | #57554f | — |
| entity.name.namespace | #ca9e66 | — |
| entity.name.interface, support.type.interface | #ca9e66 | — |
| meta.decorator, entity.name.decorator, punctuation.definition.decorator | #6c765c | — |
| support.constant | #bab39c | — |
| support.variable | #bab39c | — |
| string.regexp.character-class | #73716b | — |
| string.regexp.group | #938f82 | — |
| string.regexp.quantifier | #73716b | — |
| string.regexp.flag | #6578a6 | — |
| markup.quote, punctuation.definition.quote.markdown | #565552 | italic |
| markup.inline.raw, markup.raw.inline.markdown | #938f82 | — |
| markup.list.numbered, punctuation.definition.list.numbered.markdown | #57554f | — |
| markup.list.unnumbered, punctuation.definition.list.unnumbered.markdown | #57554f | — |
| support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #bab39c | — |
| constant.language.json | #bab39c | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less | #a79879 | — |
| entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less | #ca9e66 | — |
| support.constant.property-value.css, support.constant.property-value.scss, support.constant.property-value.less | #bab39c | — |
| constant.other.color.rgb-value.hex.css, punctuation.definition.constant.hexcolor.css | #938f82 | — |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.scss, entity.other.attribute-name.pseudo-class.scss, entity.other.attribute-name.pseudo-element.less, entity.other.attribute-name.pseudo-class.less | #73716b | — |
| invalid, invalid.deprecated | #c15e55 | italic underline |
| storage.type.class, storage.type.function, storage.type.interface, storage.type.enum, storage.type.struct | #73716b | — |
| markup.deleted | #c15e55 | — |
| markup.inserted | #6c765c | — |
| markup.changed | #ca9e66 | — |
| entity.name.section | #ca9e66 | bold |
| punctuation.separator | #57554f | — |
| punctuation.terminator | #57554f | — |