Quiet Mind Dark
Publisher: Ezra FreeThemes in package: 1
A near-black dark theme with a calm blue accent.
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#569CD6
- activityBar.background#030303
- activityBar.border#1a1a1a
- activityBar.foreground#cccccc
- activityBar.inactiveForeground#555555
- activityBarBadge.background#569CD6
- activityBarBadge.foreground#ffffff
- badge.background#569CD6
- badge.foreground#ffffff
- button.background#569CD6
- button.foreground#ffffff
- button.hoverBackground#7ab8f5
- dropdown.background#0f0f0f
- dropdown.border#1a1a1a
- dropdown.foreground#cccccc
- editor.background#080808
- editor.findMatchBackground#264f78
- editor.findMatchHighlightBackground#1a2a3a80
- editor.foreground#abb2bf
- editor.inactiveSelectionBackground#1a1a2e80
- editor.lineHighlightBackground#0f0f0f
- editor.selectionBackground#264f78
- editor.selectionHighlightBackground#1a1a2e80
- editor.wordHighlightBackground#1a1a2e80
- editor.wordHighlightStrongBackground#264f7880
- editorCursor.foreground#569CD6
- editorError.foreground#ff6b6b
- editorGroupHeader.border#1a1a1a
- editorGroupHeader.tabsBackground#0a0a0a
- editorHint.foreground#569CD6
- editorIndentGuide.activeBackground1#3a3a3a
- editorIndentGuide.background1#1e1e1e
- editorInfo.foreground#569CD6
- editorLineNumber.activeForeground#569CD6
- editorLineNumber.foreground#3a3a3a
- editorRuler.foreground#1a1a1a
- editorWarning.foreground#ffa657
- editorWhitespace.foreground#2a2a2a
- focusBorder#569CD6
- input.background#0f0f0f
- input.border#1a1a1a
- input.foreground#cccccc
- input.placeholderForeground#444444
- inputOption.activeBorder#569CD6
- list.activeSelectionBackground#1a1a1a
- list.activeSelectionForeground#ffffff
- list.focusBackground#1a1a1a
- list.highlightForeground#569CD6
- list.hoverBackground#111111
- list.hoverForeground#cccccc
- list.inactiveSelectionBackground#141414
- list.inactiveSelectionForeground#cccccc
- notificationLink.foreground#569CD6
- notifications.background#0f0f0f
- notifications.border#1a1a1a
- notifications.foreground#cccccc
- panel.background#060606
- panel.border#1a1a1a
- panelTitle.activeBorder#569CD6
- panelTitle.activeForeground#cccccc
- panelTitle.inactiveForeground#666666
- problemsErrorIcon.foreground#ff6b6b
- problemsInfoIcon.foreground#569CD6
- problemsWarningIcon.foreground#ffa657
- progressBar.background#569CD6
- quickInput.background#0a0a0a
- quickInput.foreground#cccccc
- quickInputList.focusBackground#1a1a1a
- scrollbarSlider.activeBackground#ffffff35
- scrollbarSlider.background#ffffff15
- scrollbarSlider.hoverBackground#ffffff25
- sideBar.background#060606
- sideBar.border#1a1a1a
- sideBar.foreground#aaaaaa
- sideBarSectionHeader.background#0a0a0a
- sideBarSectionHeader.border#1a1a1a
- sideBarSectionHeader.foreground#cccccc
- sideBarTitle.foreground#cccccc
- statusBar.background#030303
- statusBar.border#1a1a1a
- statusBar.debuggingBackground#1a1a2e
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#666666
- statusBar.noFolderBackground#030303
- statusBarItem.activeBackground#222222
- statusBarItem.errorBackground#8b0000
- statusBarItem.errorForeground#ff6b6b
- statusBarItem.hoverBackground#1a1a1a
- statusBarItem.remoteBackground#569CD6
- statusBarItem.remoteForeground#ffffff
- statusBarItem.warningBackground#4a3800
- statusBarItem.warningForeground#ffa657
- tab.activeBackground#1e1e1e
- tab.activeBorder#569CD6
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#569CD6
- tab.border#1a1a1a
- tab.hoverBackground#141414
- tab.hoverForeground#aaaaaa
- tab.inactiveBackground#0a0a0a
- tab.inactiveForeground#666666
- tab.inactiveModifiedBorder#3a5a7a
- tab.unfocusedActiveModifiedBorder#569CD6
- tab.unfocusedInactiveModifiedBorder#3a5a7a
- terminal.ansiBlack#1e2127
- terminal.ansiBlue#569CD6
- terminal.ansiBrightBlack#5c6370
- terminal.ansiBrightBlue#7ab8f5
- terminal.ansiBrightCyan#8be9fd
- terminal.ansiBrightGreen#b5e890
- terminal.ansiBrightMagenta#d18fe8
- terminal.ansiBrightRed#ff6b6b
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffd580
- terminal.ansiCyan#56b6c2
- terminal.ansiGreen#98c379
- terminal.ansiMagenta#c678dd
- terminal.ansiRed#e06c75
- terminal.ansiWhite#abb2bf
- terminal.ansiYellow#e5c07b
- terminal.background#060606
- terminal.foreground#abb2bf
- textCodeBlock.background#0f0f0f
- textLink.activeForeground#7ab8f5
- textLink.foreground#569CD6
- titleBar.activeBackground#030303
- titleBar.activeForeground#cccccc
- titleBar.border#1a1a1a
- titleBar.inactiveBackground#0a0a0a
- titleBar.inactiveForeground#666666
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5c6370 | italic |
| string, string.template | #98c379 | — |
| constant.character.escape, string.regexp | #56b6c2 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined | #569CD6 | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage.type, storage.modifier | #c678dd | — |
| keyword.operator, punctuation.separator | #56b6c2 | — |
| entity.name.function, meta.function-call.generic, support.function | #61afef | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class | #e5c07b | — |
| entity.name.type.ts, entity.name.type.tsx, support.type.primitive.ts, support.type.primitive.tsx, support.type.builtin.ts, support.type.builtin.tsx | #e5c07b | — |
| entity.name.type.interface, entity.name.type.enum | #e5c07b | italic |
| meta.type.parameters entity.name.type | #e5c07b | italic |
| variable, variable.other.readwrite, variable.other.object | #abb2bf | — |
| variable.language | #e06c75 | italic |
| variable.other.constant, constant.other | #d19a66 | — |
| variable.other.property, variable.other.object.property, support.variable.property | #e06c75 | — |
| meta.object-literal.key, meta.object.member | #e06c75 | — |
| punctuation, meta.brace, meta.delimiter | #abb2bf | — |
| entity.name.tag, support.class.component | #e06c75 | — |
| entity.other.attribute-name | #d19a66 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #d19a66 | — |
| support.type.property-name.css | #e06c75 | — |
| support.constant.property-value.css, keyword.other.unit.css | #98c379 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #c678dd | — |
| meta.decorator, punctuation.decorator | #d19a66 | italic |
| markup.heading, entity.name.section.markdown | #e06c75 | bold |
| markup.bold | #d19a66 | bold |
| markup.italic | — | italic |
| markup.inline.raw | #98c379 | — |
| markup.underline.link | #569CD6 | — |
| invalid, invalid.deprecated | #ff6b6b | strikethrough |