Misaint20 Theme
Publisher: Misaint20Themes in package: 1
Personal theme for work
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#020617
- activityBar.border#0f172a
- activityBar.foreground#ffffff
- debugToolBar.background#020617
- debugToolBar.border#0f172a
- dropdown.background#020617
- dropdown.border#0f172a
- editor.background#010412
- editor.lineHighlightBackground#0f172a3a
- editor.selectionBackground#6366f140
- editor.selectionHighlightBackground#6366f126
- editor.wordHighlightBackground#0A66C23b
- editorBracketHighlight.foreground1#0A66C2
- editorBracketHighlight.foreground2#6366f1
- editorBracketHighlight.foreground3#ff7f50
- editorBracketHighlight.foreground4#22c55e
- editorBracketHighlight.foreground5#fbbf24
- editorBracketHighlight.foreground6#94a3b8
- editorCursor.foreground#14FA50
- editorError.background#ff7f501a
- editorError.foreground#ff7f50
- editorGroup.border#0f172a
- editorGroupHeader.tabsBackground#020617
- editorHoverWidget.background#020617
- editorHoverWidget.border#0f172a
- editorIndentGuide.activeBackground1#0A66C2cc
- editorIndentGuide.activeBackground2#6366f1cc
- editorIndentGuide.activeBackground3#ff7f50cc
- editorIndentGuide.activeBackground4#22c55ecc
- editorIndentGuide.activeBackground5#fbbf24cc
- editorIndentGuide.activeBackground6#94a3b8cc
- editorIndentGuide.background1#0A66C233
- editorIndentGuide.background2#6366f133
- editorIndentGuide.background3#ff7f5033
- editorIndentGuide.background4#22c55e33
- editorIndentGuide.background5#fbbf2433
- editorIndentGuide.background6#94a3b833
- editorSuggestWidget.background#020617
- editorSuggestWidget.border#0f172a
- editorWarning.background#fbbf240d
- editorWarning.foreground#fbbf24
- list.activeSelectionBackground#0f172a
- list.activeSelectionForeground#ffffff
- list.errorForeground#ff7f50
- list.hoverBackground#0A66C226
- list.inactiveSelectionBackground#0b1329
- list.warningForeground#fbbf24
- listFilterWidget.background#020617
- listFilterWidget.outline#0A66C2
- sideBar.background#020617
- sideBar.border#0f172a
- statusBar.background#020617
- statusBar.debuggingBackground#020617
- statusBar.foreground#9da5b4
- statusBar.noFolderBackground#020617
- tab.activeBackground#020617
- tab.activeBorder#6366f1
- tab.activeForeground#ffffff
- tab.border#0f172a
- tab.inactiveBackground#020617
- terminal.ansiBlack#010412
- terminal.ansiBlue#0A66C2
- terminal.ansiCyan#74b9ff
- terminal.ansiGreen#98c379
- terminal.ansiMagenta#6366f1
- terminal.ansiRed#ff7f50
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#B4881D
- terminal.background#010412
- terminal.foreground#C8C8C8
- titleBar.activeBackground#020617
- titleBar.border#0f172a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.type, storage.modifier, keyword.control, keyword.control.conditional, keyword.control.import, keyword.control.export, keyword.other.import, keyword.other.package, keyword.other.preprocessor, punctuation.definition.keyword | #d894ff | — |
| entity.name.function, variable.function, support.function, meta.function-call, meta.method-call, entity.name.macro, meta.macro-call | #60a5fa | — |
| variable, variable.other, variable.other.readwrite, variable.other.local, variable.parameter, meta.definition.variable | #fb7185 | — |
| variable.other.property, variable.other.object.property, variable.other.field, meta.property, entity.name.variable.field | #fb7185 | — |
| meta.import variable.other, meta.import variable.other.readwrite, meta.import variable.other.property, variable.other.imported-member, storage.modifier.import, entity.name.namespace, meta.namespace, variable.language.this, variable.language.super, variable.language.self | #e5c07b | — |
| support.type.primitive, support.type.builtin, storage.type.primitive, storage.type.built-in, entity.name.type.typedef | #e5c07b | — |
| entity.name.type, entity.name.class, entity.name.struct, support.class, support.type | #fbbf24 | — |
| meta.object-literal.key, meta.object.member, support.type.property-name, entity.name.tag.yaml, index.key | #fbbf24 | — |
| string, punctuation.definition.string | #4ade80 | — |
| keyword.operator, punctuation.accessor, punctuation.separator, punctuation.terminator, punctuation.definition.parameters | #6366f1 | — |
| entity.name.tag, meta.tag.handle | #e2e8f0 | — |
| support.class.component, entity.name.tag.tsx, entity.name.tag.jsx, meta.tag.custom | #e28965 | — |
| entity.other.attribute-name, meta.tag.attributes | #60a5fa | — |
| storage.type.annotation, meta.declaration.annotation, meta.annotation, meta.preprocessor, keyword.control.directive | #e28965 | bold |
| comment, punctuation.definition.comment | #5C6370 | italic |