Monokai Faded
Publisher: Dion MunkThemes in package: 1
A faded Monokai 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.activeBorder#484848
- activityBar.background#282828
- activityBar.border#181818
- activityBar.dropBackground#3c3c3c
- activityBar.foreground#f8f8f8
- activityBarBadge.background#568af2
- activityBarBadge.foreground#f8f8f8
- badge.background#3b3b3b
- badge.foreground#f8f8f8
- button.background#568af2
- button.foreground#f8f8f8
- button.hoverBackground#37589B
- checkbox.background#3b3b3b
- checkbox.border#3f3f3f
- checkbox.foreground#f8f8f8
- descriptionForeground#f8f8f8
- dropdown.background#3b3b3b
- dropdown.border#484848
- dropdown.foreground#f8f8f8
- dropdown.listBackground#202020
- editor.background#202020
- editor.findMatchBackground#ffa50099
- editor.findMatchHighlightBackground#ffa50040
- editor.foreground#f8f8f8
- editor.hoverHighlightBackground#568af233
- editor.lineHighlightBackground#303030
- editor.selectionBackground#f8f8f833
- editor.selectionForeground#f8f8f8
- editor.selectionHighlightBackground#f8f8f81a
- editorBracketMatch.background#00ff0099
- editorBracketMatch.border#00ff0000
- editorCursor.background#282828
- editorCursor.foreground#f8f8f8
- editorError.foreground#d13b2e
- editorGroup.border#181818
- editorGroup.dropBackground#3c3c3c
- editorGroup.emptyBackground#202020
- editorGroup.focusedEmptyBorder#181818
- editorGroupHeader.noTabsBackground#202020
- editorGroupHeader.tabsBackground#202020
- editorGroupHeader.tabsBorder#181818
- editorGutter.addedBackground#2cbe4e
- editorGutter.background#303030
- editorGutter.commentRangeForeground#727272
- editorGutter.deletedBackground#cb2431
- editorGutter.modifiedBackground#568af2
- editorHint.foreground#b5d93f
- editorInfo.foreground#74c5d9
- editorLightBulb.foreground#ffcc00
- editorLightBulbAutoFix.foreground#ffcc00
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#9a9a9a
- editorLink.activeForeground#568af2
- editorPane.background#282828
- editorWarning.foreground#ea9b40
- errorForeground#d13b2e
- focusBorder#568af2
- foreground#f8f8f8
- gitDecoration.addedResourceForeground#2cbe4e
- gitDecoration.conflictingResourceForeground#7d72c8
- gitDecoration.deletedResourceForeground#cb2431
- gitDecoration.ignoredResourceForeground#424242
- gitDecoration.modifiedResourceForeground#568af2
- gitDecoration.submoduleResourceForeground#74c5d9
- gitDecoration.untrackedResourceForeground#F5E649
- icon.foreground#f8f8f8
- imagePreview.border#181818
- input.background#3c3c3c
- input.border#484848
- inputOption.activeBackground#568af2
- inputOption.activeBorder#181818
- inputValidation.errorBackground#d13b2e
- inputValidation.errorBorder#181818
- inputValidation.errorForeground#f8f8f8
- inputValidation.infoBackground#74c5d9
- inputValidation.infoBorder#181818
- inputValidation.infoForeground#f8f8f8
- inputValidation.warningBackground#ea9b40
- inputValidation.warningBorder#181818
- inputValidation.warningForeground#f8f8f8
- list.activeSelectionBackground#568af2
- list.activeSelectionForeground#f8f8f8
- list.dropBackground#3c3c3c
- list.errorForeground#d13b2e
- list.focusBackground#3c3c3c
- list.focusForeground#ffffff
- list.highlightForeground#f8f8f8
- list.hoverBackground#323232
- list.hoverForeground#f8f8f8
- list.inactiveSelectionBackground#3c3c3c
- list.inactiveSelectionForeground#f8f8f8
- list.invalidItemForeground#ff0000
- list.warningForeground#ea9b40
- minimap.errorHighlight#d13b2e
- minimap.findMatchHighlight#ffa500
- minimap.selectionHighlight#4c4c4c
- minimap.warningHighlight#ea9b40
- minimapGutter.addedBackground#2cbe4e
- minimapGutter.deletedBackground#cb2431
- minimapGutter.modifiedBackground#568af2
- minimapSlider.activeBackground#f8f8f866
- minimapSlider.background#f8f8f833
- minimapSlider.hoverBackground#f8f8f84d
- notificationCenter.border#484848
- notificationCenterHeader.background#568af2
- notificationCenterHeader.foreground#f8f8f8
- notificationLink.foreground#568af2
- notifications.background#282828
- notifications.border#181818
- notifications.foreground#f8f8f8
- notificationsErrorIcon.foreground#d13b2e
- notificationsInfoIcon.foreground#74c5d9
- notificationsWarningIcon.foreground#ea9b40
- panel.background#202020
- panel.border#181818
- panel.dropBackground#3c3c3c
- panelInput.border#181818
- panelTitle.activeBorder#568af2
- panelTitle.activeForeground#f8f8f8
- panelTitle.inactiveForeground#727272
- problemsErrorIcon.foreground#d13b2e
- problemsInfoIcon.foreground#74c5d9
- problemsWarningIcon.foreground#ea9b40
- progressBar.background#568af2
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#f8f8f866
- scrollbarSlider.background#f8f8f833
- scrollbarSlider.hoverBackground#f8f8f84d
- selection.background#568af280
- sideBar.background#202020
- sideBar.border#181818
- sideBar.dropBackground#3c3c3c
- sideBar.foreground#727272
- sideBarSectionHeader.background#282828
- sideBarSectionHeader.border#181818
- sideBarSectionHeader.foreground#f8f8f8
- sideBarTitle.foreground#f8f8f8
- statusBar.background#202020
- statusBar.border#181818
- statusBar.debuggingBackground#7c71c8
- statusBar.debuggingBorder#181818
- statusBar.foreground#f8f8f8
- statusBar.noFolderBackground#568af2
- statusBar.noFolderBorder#181818
- tab.activeBackground#282828
- tab.activeBorder#181818
- tab.activeBorderTop#568af2
- tab.activeForeground#f8f8f8
- tab.activeModifiedBorder#568af2
- tab.border#181818
- tab.hoverBackground#323232
- tab.hoverBorder#181818
- tab.inactiveBackground#202020
- tab.inactiveForeground#727272
- tab.inactiveModifiedBorder#568af280
- tab.unfocusedActiveBackground#282828
- tab.unfocusedActiveBorder#181818
- tab.unfocusedActiveBorderTop#568af2
- tab.unfocusedActiveForeground#727272
- tab.unfocusedActiveModifiedBorder#568af20
- tab.unfocusedHoverBackground#323232
- tab.unfocusedHoverBorder#181818
- tab.unfocusedInactiveForeground#727272
- tab.unfocusedInactiveModifiedBorder#568af280
- terminal.ansiBlack#000000
- terminal.ansiBlue#74c5d9
- terminal.ansiBrightBlack#000000
- terminal.ansiBrightBlue#74c5d9
- terminal.ansiBrightCyan#df5077
- terminal.ansiBrightGreen#b5d93f
- terminal.ansiBrightMagenta#7c71c8
- terminal.ansiBrightRed#d13b2e
- terminal.ansiBrightWhite#f8f8f8
- terminal.ansiBrightYellow#e0d77b
- terminal.ansiCyan#df5077
- terminal.ansiGreen#b5d93f
- terminal.ansiMagenta#7c71c8
- terminal.ansiRed#d13b2e
- terminal.ansiWhite#f8f8f8
- terminal.ansiYellow#e0d77b
- terminal.background#202020
- terminal.border#181818
- terminal.foreground#f8f8f8
- terminal.selectionBackground#f8f8f833
- terminalCursor.background#202020
- terminalCursor.foreground#f8f8f8
- textBlockQuote.background#323232
- textBlockQuote.border#484848
- textCodeBlock.background#323232
- textLink.activeForeground#37589B
- textLink.foreground#568af2
- textPreformat.foreground#568af2
- textSeparator.foreground#568af2
- titleBar.activeBackground#282828
- titleBar.activeForeground#f8f8f8
- titleBar.border#181818
- titleBar.inactiveBackground#202020
- titleBar.inactiveForeground#727272
- tree.indentGuidesStroke#f8f8f8
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #f8f8f8 | — |
| meta.embedded, source.groovy.embedded | #f8f8f8 | — |
| comment | #666666 | — |
| string | #e0d77b | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #df5077 | — |
| meta.template.expression | #f8f8f8 | — |
| constant.language | #7d72c8 | — |
| constant.character, constant.other | #7d72c8 | — |
| numeric-suffix | #74c5d9 | italic |
| constant.numeric | #7d72c8 | — |
| variable | #f8f8f8 | |
| punctuation.tilde | #b5d93f | |
| punctuation.squarebracket-attribute | #df5077 | |
| keyword.type | #74c5d9 | italic |
| keyword | #df5077 | |
| keyword.other.class | #74c5d9 | italic |
| storage | #df5077 | |
| meta.function-call | #74c5d9 | |
| storage.type, entity.name.type.type-parameter | #74c5d9 | italic |
| storage.type.numeric | #74c5d9 | italic |
| entity.name.type, entity.name.class | #b5d93f | — |
| entity.name.variable.parameter, keyword.other.this, keyword.other.base | #ea9b40 | italic |
| entity.name.type.namespace | #ffffff | — |
| entity.other.inherited-class | #b5d93f | italic underline |
| entity.name.function | #b5d93f | |
| inherit-class | #b5d93f | |
| variable.parameter | #ea9b40 | italic |
| entity.name.tag | #df5077 | |
| entity.other.attribute-name | #b5d93f | |
| support.function | #74c5d9 | |
| support.constant | #74c5d9 | |
| support.type, support.class | #74c5d9 | italic |
| support.other.variable | — | |
| invalid | #f8f8f8 | |
| invalid.deprecated | #f8f8f8 | — |
| meta.structure.dictionary.json string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #75715e | — |
| markup.deleted | #df5077 | — |
| markup.inserted | #b5d93f | — |
| markup.changed | #e0d77b | — |
| constant.numeric.line-number.find-in-files - match | #7d72c8A0 | — |
| entity.name.filename.find-in-files | #e0d77b | — |
| markup.quote | #df5077 | — |
| markup.list | #e0d77b | — |
| markup.bold, markup.italic | #74c5d9 | — |
| markup.inline.raw | #ea9b40 | |
| markup.heading | #b5d93f | — |
| markup.heading.setext | #b5d93f | |
| token.info-token | #74c5d9 | — |
| token.warn-token | #ea9b40 | — |
| token.error-token | #d13b2e | — |
| token.debug-token | #7d72c8 | — |
| variable.language | #ea9b40 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...