Mynthra
Publisher: MynthraThemes in package: 2
A modern dark theme with carefully crafted colors for better focus and reduced eye strain
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.activeBorder#00000000
- activityBar.background#1e1e2e
- activityBar.border#00000000
- activityBar.foreground#cdd6f4
- activityBar.inactiveForeground#6c7086
- activityBarBadge.background#63E6BE
- activityBarBadge.foreground#1e1e2e
- button.background#89b4fa
- button.foreground#1e1e2e
- button.hoverBackground#74c7ec
- descriptionForeground#a6adc8
- disabledForeground#a6adc8
- dropdown.background#313244
- dropdown.border#45475a
- dropdown.foreground#cdd6f4
- editor.background#1e1e2e
- editor.findMatchBackground#585b7099
- editor.findMatchHighlightBackground#45475a99
- editor.foreground#cdd6f4
- editor.lineHighlightBackground#313244
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#585b7099
- editor.selectionHighlightBackground#45475a99
- editor.wordHighlightBackground#45475a99
- editor.wordHighlightStrongBackground#45475a99
- editorBracketHighlight.foreground1#f38ba8
- editorBracketHighlight.foreground2#fab387
- editorBracketHighlight.foreground3#f9e2af
- editorBracketHighlight.foreground4#a6e3a1
- editorBracketHighlight.foreground5#89dceb
- editorBracketHighlight.foreground6#b4befe
- editorBracketMatch.background#45475a80
- editorBracketMatch.border#89b4fa
- editorCursor.foreground#89b4fa
- editorError.foreground#f38ba8
- editorGroupHeader.tabsBackground#181825
- editorHint.foreground#89dceb
- editorIndentGuide.activeBackground#6c7086
- editorIndentGuide.background#45475a
- editorInfo.foreground#89b4fa
- editorLineNumber.activeForeground#cdd6f4
- editorLineNumber.foreground#6c7086
- editorRuler.foreground#45475a
- editorWarning.foreground#fab387
- editorWhitespace.foreground#45475a50
- errorForeground#f38ba8
- focusBorder#89b4fa
- foreground#cdd6f4
- gitDecoration.conflictingResourceForeground#fab387
- gitDecoration.deletedResourceForeground#f38ba8
- gitDecoration.ignoredResourceForeground#6c7086
- gitDecoration.modifiedResourceForeground#f9e2af
- gitDecoration.submoduleResourceForeground#89b4fa
- gitDecoration.untrackedResourceForeground#a6e3a1
- icon.foreground#cdd6f4
- input.background#313244
- input.border#45475a
- input.foreground#cdd6f4
- inputOption.activeBorder#63E6BE
- inputValidation.errorBackground#f38ba8
- inputValidation.errorForeground#1e1e2e
- list.activeSelectionBackground#585b70
- list.activeSelectionForeground#cdd6f4
- list.focusBackground#585b70
- list.focusForeground#cdd6f4
- list.hoverBackground#313244
- list.inactiveFocusBackground#313244
- list.inactiveSelectionBackground#45475a
- panel.background#1e1e2e
- panel.border#45475a
- panelTitle.activeBorder#63E6BE
- panelTitle.activeForeground#cdd6f4
- panelTitle.inactiveForeground#6c7086
- scrollbarSlider.activeBackground#6c7086ff
- scrollbarSlider.background#58587399
- scrollbarSlider.hoverBackground#6c7086cc
- selection.background#585b7099
- sideBar.background#181825
- sideBar.border#00000000
- sideBar.foreground#cdd6f4
- sideBarSectionHeader.background#181825
- sideBarSectionHeader.foreground#cdd6f4
- sideBarTitle.foreground#cdd6f4
- statusBar.background#1e1e2e
- statusBar.border#00000000
- statusBar.debuggingBackground#f9e2af
- statusBar.debuggingForeground#1e1e2e
- statusBar.foreground#63E6BE
- statusBar.noFolderBackground#1e1e2e
- tab.activeBackground#1e1e2e
- tab.activeBorder#63E6BE
- tab.activeBorderTop#00000000
- tab.activeForeground#cdd6f4
- tab.border#00000000
- tab.inactiveBackground#181825
- tab.inactiveForeground#6c7086
- terminal.ansiBlack#45475a
- terminal.ansiBlue#89b4fa
- terminal.ansiBrightBlack#585b70
- terminal.ansiBrightBlue#89b4fa
- terminal.ansiBrightCyan#89dceb
- terminal.ansiBrightGreen#a6e3a1
- terminal.ansiBrightMagenta#cba6f7
- terminal.ansiBrightRed#f38ba8
- terminal.ansiBrightWhite#cdd6f4
- terminal.ansiBrightYellow#f9e2af
- terminal.ansiCyan#89dceb
- terminal.ansiGreen#a6e3a1
- terminal.ansiMagenta#cba6f7
- terminal.ansiRed#f38ba8
- terminal.ansiWhite#cdd6f4
- terminal.ansiYellow#f9e2af
- terminal.background#1e1e2e
- terminal.foreground#cdd6f4
- titleBar.activeBackground#1e1e2e
- titleBar.activeForeground#cdd6f4
- titleBar.border#00000000
- titleBar.inactiveBackground#1e1e2e
- titleBar.inactiveForeground#6c7086
- widget.shadow#00000099
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable.other.readwrite.destructured, variable.declaration, variable.other, variable.other.constant, variable.other.property.readwrite, entity.name.variable, variable.other.readwrite, meta.definition.variable | #1AC8FF | — |
| entity.name.class, support.function | #FFFFFF | — |
| entity.name.function | #73DFA5 | — |
| meta.jsx.expression, meta.jsx.expression.variable, meta.jsx.children | #FFFFFF | — |
| punctuation.definition.tag, meta.tag, punctuation.section.embedded | #FFFFFF | — |
| punctuation.separator.comma, punctuation.separator.key-value | #FF659C | — |
| support.type.property-name.json, meta.structure.dictionary.key.json | #73DFA5 | — |
| support.type.property-name, support.variable.property, meta.object-literal.key, string.unquoted | #FFFFFF | — |
| keyword, storage.type, keyword.control, keyword.operator | #FF659C | — |
| string | #DFD473 | — |
| variable.parameter | #E08569 | — |
| comment | #807796 | — |
| constant.numeric | #7A7FFD | — |
| entity.name.type, entity.name.class | #FFFFFF | — |
| entity.name.tag | #DFD473 | — |
| entity.other.attribute-name | #73DFA5 | — |
| support.class.component | #1AC8FF | — |