Monokai Flat Fancy
Publisher: boenkkkThemes in package: 3
Theme based on Monokai but more flat and fancy.
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.background#f3f3ee
- activityBar.foreground#272822
- badge.background#0f649c
- badge.foreground#ffffff
- button.background#0f649c
- contrastBorder#d6d2c4
- debugToolBar.background#ffffff
- diffEditor.insertedTextBackground#4b661680
- diffEditor.removedTextBackground#90274a70
- dropdown.background#fffdf7
- dropdown.listBackground#ffffff
- editor.background#ffffff
- editor.foreground#272822
- editor.lineHighlightBackground#f3f3ee
- editor.selectionBackground#b6d6ff80
- editor.selectionHighlightBackground#d9e9ff80
- editor.wordHighlightBackground#d7d4ff80
- editor.wordHighlightStrongBackground#c4baff80
- editorCursor.foreground#272822
- editorGroup.border#d6d2c4
- editorGroup.dropBackground#e9e7dc80
- editorGroupHeader.tabsBackground#f3f3ee
- editorGroupHeader.tabsBorder#d6d2c4
- editorHoverWidget.background#fffdf7
- editorHoverWidget.border#c9c3ad
- editorIndentGuide.activeBackground#9f9a8c
- editorIndentGuide.background#d8d3c2
- editorInlayHint.background#eee8d0
- editorInlayHint.foreground#5f5a4d
- editorLineNumber.activeForeground#555247
- editorLineNumber.foreground#8a877a
- editorSuggestWidget.background#fffdf7
- editorSuggestWidget.border#c9c3ad
- editorWhitespace.foreground#d8d3c2
- editorWidget.background#ffffff
- focusBorder#756f5e
- input.background#fffdf7
- inputOption.activeBorder#75715e
- inputValidation.errorBackground#90274a
- inputValidation.errorBorder#f92672
- inputValidation.infoBackground#546190
- inputValidation.infoBorder#819aff
- inputValidation.warningBackground#848528
- inputValidation.warningBorder#e2e22e
- list.activeSelectionBackground#d7d2bd
- list.dropBackground#eeeae0
- list.errorForeground#ec1c24
- list.focusBackground#eeeae0
- list.highlightForeground#272822
- list.hoverBackground#eeeae0
- list.inactiveSelectionBackground#eeeae0
- list.warningForeground#fd971f
- menu.background#fffdf7
- menu.border#d6d2c4
- menu.foreground#272822
- minimap.selectionHighlight#878b9180
- panel.border#d6d2c4
- panelTitle.activeBorder#272822
- panelTitle.activeForeground#272822
- panelTitle.inactiveForeground#555247
- peekView.border#c9c3ad
- peekViewEditor.background#fffdf7
- peekViewEditor.matchHighlightBackground#d7d2bd
- peekViewResult.background#ffffff
- peekViewResult.matchHighlightBackground#d7d2bd
- peekViewResult.selectionBackground#eeeae0
- peekViewTitle.background#ffffff
- pickerGroup.foreground#756f5e
- progressBar.background#756f5e
- selection.background#d7d2bd
- settings.focusedRowBackground#eeeae05a
- sideBar.background#f7f7f1
- sideBar.border#d6d2c4
- sideBarSectionHeader.background#f3f3ee
- statusBar.background#f3f3ee
- statusBar.debuggingBackground#f3f3ee
- statusBar.noFolderBackground#f3f3ee
- statusBarItem.remoteBackground#f3f3ee
- tab.activeBorder#272822
- tab.activeForeground#272822
- tab.border#d6d2c4
- tab.hoverBorder#756f5e
- tab.inactiveBackground#f3f3ee
- tab.inactiveForeground#555247
- tab.lastPinnedBorder#d6d2c4
- terminal.ansiBlack#333333
- terminal.ansiBlue#6a7ec8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#819aff
- terminal.ansiBrightCyan#66d9ef
- terminal.ansiBrightGreen#a6e22e
- terminal.ansiBrightMagenta#ae81ff
- terminal.ansiBrightRed#f92672
- terminal.ansiBrightWhite#f8f8f2
- terminal.ansiBrightYellow#e2e22e
- terminal.ansiCyan#56adbc
- terminal.ansiGreen#86b42b
- terminal.ansiMagenta#8c6bc8
- terminal.ansiRed#c4265e
- terminal.ansiWhite#e3e3dd
- terminal.ansiYellow#b3b42b
- titleBar.activeBackground#f3f3ee
- titleBar.border#d6d2c4
- titleBar.inactiveBackground#f3f3ee
- widget.shadow#00000030
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #272822 | — |
| comment | #6f6a58 | — |
| string | #8a6d00 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #d70057 | — |
| meta.template.expression | #272822 | — |
| constant.numeric | #6f42c1 | — |
| constant.language | #6f42c1 | — |
| constant.character, constant.other | #6f42c1 | — |
| variable | #272822 | |
| keyword | #d70057 | — |
| storage | #d70057 | |
| storage.type | #007c96 | |
| entity.name.function | #3f7d00 | |
| variable.parameter | #b65f00 | |
| entity.name | #007c96 | |
| entity.name.tag | #d70057 | |
| entity.other.attribute-name | #3f7d00 | |
| support.function | #007c96 | |
| support.constant | #007c96 | |
| support.type, support.class | #007c96 | |
| support.other.variable | — | |
| invalid | #F44747 | |
| invalid.deprecated | #F44747 | — |
| meta.structure.dictionary.json string.quoted.double.json | #3f3f35 | — |
| meta.diff, meta.diff.header | #756f5e | — |
| markup.deleted | #d70057 | — |
| markup.inserted | #3f7d00 | — |
| markup.changed | #8a6d00 | — |
| constant.numeric.line-number.find-in-files - match | #6f42c1A0 | — |
| entity.name.filename.find-in-files | #8a6d00 | — |
| markup.quote | #d70057 | — |
| markup.list | #8a6d00 | — |
| markup.bold, markup. | #007c96 | — |
| markup.inline.raw | #b65f00 | |
| markup.heading | #3f7d00 | — |
| markup.heading.setext | #3f7d00 | bold |
| markup.heading.markdown | — | bold |
| markup.quote.markdown | #756f5e | |
| markup.bold.markdown | — | bold |
| string.other.link.title.markdown,string.other.link.description.markdown | #6f42c1 | — |
| markup..markdown | — | |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #272822 | — |
| punctuation.definition.list.begin.markdown | #3f7d00 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| variable.language | #b65f00 | — |
| variable, variable.parameter, variable.language | #272822 | — |
| storage.modifier.import.java | #007c96 | |
| storage.type.primitive.java | #d70057 | |
| storage.modifier.package.java | #007c96 | |
| punctuation.definition.annotation.java | #007c96 | |
| storage.type.function.js, storage.type.js | #d70057 | |
| variable.language.this.js | #d70057 | |
| punctuation.definition.tag.begin.jsp, punctuation.definition.tag.end.jsp | #272822 | |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js | #272822 | |
| entity.other.attribute-name.jsp | #007c96 | |
| entity.other.attribute-name.html | #007c96 | |
| entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml | #007c96 | — |
| meta.tag.sgml.doctype.xml | #8a6d00 | — |