Mystica
Publisher: Adam SzlachtaThemes in package: 1
Mystica color theme
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#2f333d
- activityBar.border#30333d
- activityBar.foreground#d7dae0
- activityBarBadge.background#4d78cc
- activityBarBadge.foreground#f8fafd
- badge.background#282b34
- button.background#404754
- debugToolBar.background#202228
- diffEditor.insertedTextBackground#00809b33
- dropdown.background#1d1f23
- dropdown.border#181a1f
- editor.background#202228
- editor.findMatchBackground#42557b
- editor.findMatchHighlightBackground#314365
- editor.foreground#b6b6af
- editor.inactiveSelectionBackground#383848
- editor.lineHighlightBackground#232429
- editor.selectionBackground#383838
- editor.selectionHighlightBackground#383868
- editorCursor.foreground#f8f8f0
- editorError.foreground#c24038
- editorGroup.background#181a1f
- editorGroup.border#30333d
- editorGroupHeader.tabsBackground#202228
- editorHoverWidget.background#30333d
- editorHoverWidget.border#181a1f
- editorIndentGuide.activeBackground#3a3b38
- editorIndentGuide.background#2d2f34
- editorMarkerNavigation.background#202228
- editorOverviewRuler.border#30333d
- editorRuler.foreground#abb2bf26
- editorSuggestWidget.background#202228
- editorSuggestWidget.border#181a1f
- editorSuggestWidget.selectedBackground#2c313a
- editorWhitespace.foreground#3b3a32
- editorWidget.background#202228
- input.background#1d1f23
- list.activeSelectionBackground#2c313a
- list.activeSelectionForeground#d7dae0
- list.focusBackground#383e4a
- list.highlightForeground#c5c5c5
- list.hoverBackground#292d35
- list.inactiveSelectionBackground#2c313a
- list.inactiveSelectionForeground#d7dae0
- peekViewEditor.matchHighlightBackground#29244b
- scrollbar.shadow#30333d
- scrollbarSlider.activeBackground#ffffff10
- scrollbarSlider.background#ffffff08
- scrollbarSlider.hoverBackground#ffffff10
- sideBar.background#202228
- sideBar.border#30333d
- sideBar.foreground#909090
- sideBarSectionHeader.background#282c34
- sideBarSectionHeader.foreground#b0b0b0
- statusBar.background#202228
- statusBar.border#30333d
- statusBar.debuggingBackground#202228
- statusBar.foreground#9da5b4
- statusBar.noFolderBackground#202228
- statusBarItem.hoverBackground#2c313a
- tab.activeBackground#2c313a
- tab.border#30333d
- tab.inactiveBackground#202228
- titleBar.activeBackground#282c34
- titleBar.activeForeground#9da5b4
- titleBar.inactiveBackground#282c34
- titleBar.inactiveForeground#6b717d
- widget.shadow#18191d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text, source | #C0C0A8 | — |
| comment | #707070 | — |
| string | #139CB5 | — |
| constant.numeric | #409830 | — |
| constant.language | #D26F61 | — |
| meta.preprocessor | #B58960 | — |
| constant.character, constant.other | #D0A054 | — |
| variable | #B0B068 | — |
| keyword | #D13F31 | — |
| storage | #78A8C0 | — |
| storage.type | #389868 | — |
| entity.name.function | #88AC4D | — |
| variable.parameter | #E1BC59 | — |
| support.function | #D28852 | — |
| support.constant | #4894B0 | — |
| support.type, support.class | #48A090 | — |
| support.other.variable | #FFFF00 | — |
| invalid | #F8F8F0 | — |
| entity.name.class | #46A566 | — |
| entity.other.inherited-class | #34A0AA | — |
| invalid.deprecated | #F8F8F0 | — |
| entity.name.tag | #C09854 | — |
| entity.other.attribute-name | #C28866 | — |
| meta.structure.dictionary.json string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #F92672 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #AE81FFA0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...