One Monokai Shadow
Publisher: 2A5FThemes in package: 1
A cross between Monokai and One Dark 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#222222
- activityBar.foreground#dcdcdc
- activityBarBadge.background#528bff
- activityBarBadge.foreground#f3f3f3
- badge.background#222222
- button.background#528bff
- debugToolBar.background#222222
- diffEditor.insertedTextBackground#80808033
- dropdown.background#1f1f1f
- dropdown.border#1e1e1e
- editor.background#1E1E1E
- editor.findMatchBackground#555555
- editor.findMatchHighlightBackground#ca892666
- editor.foreground#cccccc
- editor.lineHighlightBackground#2c2c2c
- editor.selectionBackground#ffffff25
- editor.selectionHighlightBackground#ffffff10
- editor.selectionHighlightBorder#acacac
- editor.wordHighlightBackground#dcdcdc2f
- editor.wordHighlightBorder#848484
- editor.wordHighlightStrongBackground#ababab26
- editor.wordHighlightStrongBorder#848484
- editorBracketMatch.background#555555
- editorBracketMatch.border#555555
- editorCursor.foreground#528bff
- editorError.foreground#c53f46
- editorGroup.border#1e1e1e
- editorGroup.emptyBackground#1e1e1e
- editorGroupHeader.tabsBackground#222222
- editorHoverWidget.background#222222
- editorHoverWidget.border#1e1e1e
- editorIndentGuide.activeBackground1#c8c8c859
- editorIndentGuide.background1#454545
- editorInlayHint.background#222222
- editorInlayHint.foreground#787878
- editorLineNumber.activeForeground#ababab
- editorLineNumber.foreground#555555
- editorMarkerNavigation.background#21252b
- editorRuler.foreground#484848
- editorSuggestWidget.background#222222
- editorSuggestWidget.border#1e1e1e
- editorSuggestWidget.focusHighlightForeground#ffffff
- editorSuggestWidget.selectedBackground#3c3c3c
- editorUnnecessaryCode.opacity#000000c0
- editorWarning.foreground#d19a66
- editorWhitespace.foreground#454545
- editorWidget.background#2c2c2c
- focusBorder#464646
- input.background#1e1e1e
- input.border#333333
- list.activeSelectionBackground#ffffff22
- list.activeSelectionForeground#dedede
- list.focusAndSelectionOutline#ffffff66
- list.focusBackground#ffffff11
- list.focusOutline#ffffff66
- list.highlightForeground#C5C5C5
- list.hoverBackground#ffffff11
- list.inactiveFocusBackground#ffffff11
- list.inactiveSelectionBackground#ffffff19
- list.inactiveSelectionForeground#d7d7d7
- list.warningForeground#d19a66
- menu.background#3c3c3c
- menu.selectionBackground#2f2f2f
- menu.separatorBackground#6c6c6c
- minimap.selectionHighlight#ffffff33
- notifications.background#252525
- panelSectionHeader.background#222222
- peekViewEditor.background#222222
- peekViewEditor.matchHighlightBackground#292929
- peekViewResult.background#22262b
- scrollbarSlider.activeBackground#89898980
- scrollbarSlider.background#55555580
- scrollbarSlider.hoverBackground#5a5a5a80
- sideBar.background#1E1E1E
- sideBarSectionHeader.background#2c2c2c
- statusBar.background#222222
- statusBar.debuggingForeground#ececec
- statusBar.foreground#ececec
- statusBar.noFolderBackground#222222
- statusBarItem.hoverBackground#353535
- tab.activeBackground#454545
- tab.border#2a2a2a
- tab.hoverBackground#565656
- tab.inactiveBackground#2c2c2c
- tab.unfocusedHoverBackground#2c2c2c
- terminal.ansiBlack#313131
- terminal.ansiBlue#528bff
- terminal.ansiBrightBlack#7f848e
- terminal.ansiBrightBlue#528bff
- terminal.ansiBrightCyan#56b6c2
- terminal.ansiBrightGreen#98c379
- terminal.ansiBrightMagenta#7e0097
- terminal.ansiBrightRed#f44747
- terminal.ansiBrightWhite#d7dae0
- terminal.ansiBrightYellow#e5c07b
- terminal.ansiCyan#56b6c2
- terminal.ansiGreen#98c379
- terminal.ansiMagenta#c678dd
- terminal.ansiRed#e06c75
- terminal.ansiWhite#d7dae0
- terminal.ansiYellow#e5c07b
- terminal.foreground#ababab
- terminal.selectionBackground#ababab30
- titleBar.activeBackground#282828
- titleBar.activeForeground#9d9d9d
- titleBar.inactiveBackground#333333
- titleBar.inactiveForeground#787878
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, string.comment | #5c6370 | italic |
| string, string.template | #DABD80 | — |
| constant.numeric | #ce93d8 | — |
| string.embedded.begin, string.embedded.end, punctuation.definition.template-expression, punctuation.section.embedded | #e25d34 | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.erb, punctuation.section.embedded.end.erb, source.elixir.embedded, punctuation.separator, punctuation.accessor, punctuation.semi, meta.brace | #ababab | — |
| constant.language | #6EB3C0 | — |
| constant.character, constant.other | #6EB3C0 | — |
| variable.language | #c56c72 | italic |
| keyword, keyword.operator.logical, keyword.operator.constructor | #c56c72ee | — |
| punctuation.separator.dot-access, punctuation.accessor, punctuation.separator.colon, punctuation.terminator.statement, punctuation.separator.key-value | #ccccccaa | — |
| keyword.operator | #c56c72ee | — |
| keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator, variable.language.this | #c56c72ee | — |
| storage | #c56c72ee | — |
| meta.return-type, support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy | #6EB3C0 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class | #6EB3C0 | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #91BDEA | — |
| variable.other.object, variable.other.constant | #dcdcdc | — |
| variable.other.property, variable.other.object.property | #c7c1ac | — |
| variable.other.constant.property | #bdd3b8 | — |
| meta.object-literal.key | #c3c3c3 | — |
| entity.other.inherited-class | #A0C180 | — |
| storage.modifier.import, storage.modifier.package | #61afef | — |
| entity.name.function.macro | #72bea1 | |
| entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal | #A0C180 | |
| variable.parameter, entity.name.variable.parameter, parameter.variable | #C79B6D | italic |
| entity.name.function-call | #A0C180 | — |
| function.support.builtin, function.support.core | #A0C180 | — |
| entity.name.tag, entity.name.tag.class.js | #c56c72 | — |
| entity.name.tag.class, entity.name.tag.id | #6EB3C0 | — |
| entity.other.attribute-name | #A0C180 | — |
| support.constant | #6EB3C0 | — |
| support.type, support.variable | #6EB3C0 | — |
| support.dictionary.json | #6EB3C0 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #ababab | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.scss, entity.other.attribute-name.pseudo-class.less, entity.other.attribute-name.pseudo-class.sass, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.scss, entity.other.attribute-name.pseudo-element.less, entity.other.attribute-name.pseudo-element.sass | #6EB3C0 | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #A0C180 | — |
| variable.css, variable.scss, variable.less, variable.sass | #56b6c2 | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #DABD80 | — |
| unit.css, unit.scss, unit.less, unit.sass | #c678dd | — |
| function.css, function.scss, function.less, function.sass | #6EB3C0 | — |
| support.other.variable | — | |
| invalid | #F8F8F0 | — |
| invalid.deprecated | #F8F8F0 | — |
| support.type.property-name.json | #6EB3C0 | — |
| string.detected-link | #6EB3C0 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #e06c75 | — |
| markup.inserted | #98c379 | — |
| markup.changed | #e5c07b | — |
| constant.numeric.line-number.find-in-files - match | #56b6c2A0 | — |
| entity.name.filename.find-in-files | #e5c07b | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown | #676f7d | — |
| punctuation.definition.italic.markdown | — | italic |
| markup.underline.link.markdown | #61afef | — |
| markup.bold.markdown | — | bold |
| markup.heading.markdown | #e06c75 | bold |
| markup.quote.markdown | #98c379 | — |
| meta.separator.markdown | #c678dd | bold |
| markup.raw.inline.markdown, markup.raw.block.markdown | #56b6c2 | — |
| punctuation.definition.list_item.markdown | #ffffff | bold |