Monokai Minimal
Publisher: Sarah RidgeThemes in package: 1
Monokai Minimal Syntax Theme for Visual Studio Code
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#121212
- activityBar.border#424d66
- activityBar.foreground#f92672
- breadcrumb.focusForeground#f92672
- breadcrumb.foreground#ffb140
- diffEditor.diagonalFill#d73a4930
- diffEditor.insertedTextBackground#28a74530
- diffEditor.removedTextBackground#d73a4930
- editor.background#1a1a1a
- editor.findMatchBackground#641313
- editor.findMatchHighlightBackground#5e2c3e
- editor.selectionBackground#590f29
- editor.selectionHighlightBackground#463763
- editorCursor.foreground#f92672
- editorGroupHeader.tabsBackground#121212
- focusBorder#62d8f1
- foreground#af87ff
- gitDecoration.addedResourceForeground#a4e400
- gitDecoration.conflictingResourceForeground#ff9700
- gitDecoration.deletedResourceForeground#f92672
- gitDecoration.ignoredResourceForeground#959da5
- gitDecoration.modifiedResourceForeground#62d8f1
- gitDecoration.submoduleResourceForeground#959da5
- gitDecoration.untrackedResourceForeground#a4e400
- input.background#1a1a1a
- input.border#62d8f1
- input.foreground#a4e400
- inputOption.activeBorder#f92672
- list.activeSelectionBackground#323334
- list.activeSelectionForeground#af87ff
- list.highlightForeground#f92672
- list.hoverBackground#424d66
- list.hoverForeground#a4e400
- list.inactiveSelectionBackground#1a1a1a
- list.inactiveSelectionForeground#af87ff
- scrollbarSlider.background#424d66
- sideBar.background#121212
- sideBar.border#424d66
- sideBar.foreground#af87ff
- sideBarSectionHeader.background#262626
- sideBarSectionHeader.border#424d66
- sideBarSectionHeader.foreground#959da5
- sideBarTitle.foreground#f92672
- statusBar.background#121212
- statusBar.border#424d66
- statusBar.foreground#959da5
- statusBarItem.hoverBackground#424d66
- tab.activeBackground#1a1a1a
- tab.activeForeground#af87ff
- tab.inactiveBackground#121212
- terminal.background#1a1a1a
- terminal.foreground#af87ff
- terminalCursor.background#ff9700
- terminalCursor.foreground#ff9700
- titleBar.activeBackground#121212
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #5f5f5f | — |
| constant | #af87ff | — |
| entity | #62d8f1 | — |
| entity.name.function, entity.other.attribute-name | #a4e400 | — |
| entity.name.tag | #f92672 | — |
| entity.name.section | — | bold |
| entity.name.type, entity.other.ainherited-class | — | italic |
| invalid | #5f5f5f | italic |
| keyword | #f92672 | — |
| markup | #ebebe4 | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.fenced_code.block, markup.inline.raw.string | #b3b3b3 | — |
| markup.underline.link | #62d8f1 | — |
| fenced_code.block.language.markdown | #af87ff | — |
| meta, meta.function | #a4e400 | — |
| meta.class, meta.line | #62d8f1 | — |
| meta.objectliteral | #f92672 | — |
| meta.object-literal.key | #af87ff | — |
| meta.paragraph | #ebebe4 | — |
| storage | #f92672 | — |
| string | #ffff87 | — |
| support.function, support.variable, support.other | #62f1a2 | italic |
| support.class, support.type, support.function.kernel | #62d8f1 | italic |
| support.constant | #af87ff | italic |
| variable | #ffb957 | — |
| variable.parameter, variable.language | #ff9700 | italic |
| variable.other.constant | #62d8f1 | — |
| variable.other.readwrite.instance | #ffb140 | — |
| punctuation | #ffff87 | — |
| punctuation.section | #ffe100 | — |
| punctuation.definition.constant.hashkey, punctuation.definition.heading, punctuation.definition.keyword, punctuation.definition.list, punctuation.definition.raw, punctuation.definition.markdown, punctuation.section.embedded, punctuation.separator.dictionary.key-value, punctuation.separator.key-value, punctuation.separator.namespace | #f92672 | — |
| punctuation | — | bold |
| punctuation.definition.variable, punctuation.definition.bold, punctuation.definition.italic | #ff9700 | italic |
| punctuation.definition.constant, punctuation.separator.method, punctuation.accessor | #af87ff | bold |
| punctuation.definition.tag | #b3b3b3 | — |
| punctuation.separator.inheritance | #a4e400 | — |
| punctuation.support, punctuation.definition.entity, punctuation.definition.metadata | #62d8f1 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...