Monokai Dark Soda ZJY
Publisher: junye zhangThemes in package: 1
A fork of Monokai Dark Soda with brighter UI text, soft gray-white selection, Cursor chat tweaks, and LSP-aware constant highlighting.
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#3d3e36
- activityBar.foreground#e8e8e2
- activityBar.inactiveForeground#e8e8e266
- agentsChatInput.border#6a6b6580
- agentsPanel.background#1f201a
- agentsPanel.border#6a6b6580
- auxiliaryBar.background#1f201a
- auxiliaryBar.border#6a6b6580
- banner.background#1f201a
- banner.foreground#e8e8e2
- dropdown.background#1e1f1c
- dropdown.border#6a6b6580
- dropdown.foreground#e8e8e2
- editor.background#272822
- editor.findMatchBackground#ea5c0066
- editor.findMatchBorder#ffffff80
- editor.findMatchHighlightBackground#ea5c0033
- editor.findMatchHighlightBorder#ffffff55
- editor.foreground#f8f8f2
- editor.inactiveSelectionBackground#ffffff16
- editor.lineHighlightBackground#3e3d32
- editor.selectionBackground#ffffff20
- editor.selectionHighlightBackground#ffffff14
- editor.selectionHighlightBorder#ffffff40
- editor.wordHighlightBackground#ffffff14
- editor.wordHighlightBorder#ffffff30
- editor.wordHighlightStrongBackground#ffffff22
- editor.wordHighlightStrongBorder#ffffff38
- editorBracketMatch.background#FFEE9914
- editorBracketMatch.border#FFEE99
- editorCursor.foreground#f8f8f0
- editorGroup.border#6a6b6599
- editorGutter.background#272822
- editorHoverWidget.background#2f302a
- editorHoverWidget.border#ffffff40
- editorHoverWidget.foreground#e8e8e2
- editorHoverWidget.statusBarBackground#3a3b33
- editorLineNumber.activeForeground#c6c6c6
- editorLineNumber.foreground#858585
- editorPane.background#272822
- editorSuggestWidget.background#2f302a
- editorSuggestWidget.border#ffffff40
- editorSuggestWidget.foreground#f8f8f2
- editorSuggestWidget.highlightForeground#66D9EF
- editorSuggestWidget.selectedBackground#ffffff1a
- editorWhitespace.foreground#3b3a32
- editorWidget.background#2f302a
- editorWidget.border#ffffff40
- editorWidget.foreground#e8e8e2
- focusBorder#ffffff66
- foreground#e8e8e2
- input.background#1e1f1c
- input.border#6a6b6580
- input.foreground#e8e8e2
- list.activeSelectionBackground#ffffff1a
- list.activeSelectionForeground#ffffff
- list.focusBackground#ffffff18
- list.foreground#e8e8e2
- list.hoverBackground#34352e
- list.inactiveSelectionBackground#ffffff14
- menu.background#2f302a
- menu.foreground#e8e8e2
- menu.selectionBackground#ffffff1a
- menu.selectionForeground#ffffff
- minimap.selectionHighlight#ffffff20
- notificationCenterHeader.background#1f201a
- notificationCenterHeader.foreground#e8e8e2
- notifications.background#2f302a
- notifications.foreground#e8e8e2
- panel.background#272822
- panel.border#6a6b6580
- panelInput.border#6a6b6580
- peekView.border#ffffff40
- peekViewEditor.background#2f302a
- peekViewEditor.matchHighlightBackground#ea5c0033
- peekViewResult.background#2f302a
- peekViewResult.matchHighlightBackground#ea5c004d
- peekViewResult.selectionBackground#ffffff1a
- peekViewTitle.background#1f201a
- quickInput.background#2f302a
- quickInput.foreground#e8e8e2
- quickInputList.focusBackground#ffffff1a
- quickInputTitle.background#1f201a
- searchEditor.findMatchBackground#ea5c0033
- searchEditor.findMatchBorder#ffffff55
- selection.background#ffffff24
- sideBar.background#1f201a
- sideBar.border#6a6b6580
- sideBar.foreground#e8e8e2
- sideBarSectionHeader.background#252620
- statusBar.background#007acc
- statusBar.debuggingBackground#cc6633
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#68217a
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#ffffff2e
- statusBarItem.errorBackground#c72e0f
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#ffffff1f
- statusBarItem.prominentBackground#00000080
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#0000004d
- statusBarItem.remoteBackground#16825D
- statusBarItem.remoteForeground#ffffff
- symbolIcon.constantForeground#AE81FF
- symbolIcon.enumeratorMemberForeground#AE81FF
- tab.inactiveForeground#b8b8b2
- tab.unfocusedActiveForeground#a8a8a2
- tab.unfocusedInactiveForeground#8e8e88
- terminal.ansiBrightWhite#f8f8f2
- terminal.ansiWhite#f0f0ea
- terminal.background#1f201a
- terminal.findMatchBackground#ea5c0066
- terminal.findMatchBorder#ffffff80
- terminal.findMatchHighlightBackground#ea5c0033
- terminal.findMatchHighlightBorder#ffffff55
- terminal.foreground#e8e8e2
- terminal.inactiveSelectionBackground#ffffff2c
- terminal.selectionBackground#ffffff34
- titleBar.activeBackground#3d3e36
- titleBar.activeForeground#e8e8e2
- titleBar.inactiveBackground#3d3e3699
- titleBar.inactiveForeground#e8e8e299
- walkThrough.embeddedEditorBackground#272822
- widget.shadow#00000099
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8C8C8C | italic |
| string | #FFEE99 | — |
| constant.numeric, constant.language, constant.character, constant.other, variable.other.constant, variable.other.enummember, variable.other.readonly, support.constant, entity.name.constant | #AE81FF | — |
| variable | — | |
| keyword | #F92672 | — |
| storage | #F92672 | |
| storage.type | #66D9EF | italic |
| entity.name.class | #A6E22E | underline |
| entity.other.inherited-class | #A6E22E | italic underline |
| entity.name.function | #A6E22E | |
| variable.parameter | #FD971F | italic |
| entity.name.tag | #F92672 | |
| entity.other.attribute-name | #A6E22E | |
| support.function | #66D9EF | |
| support.type, support.class | #66D9EF | italic |
| support.other.variable | — | |
| namespace, entity.name.namespace, entity.name.type.namespace, support.other.namespace, meta.namespace, meta.package, keyword.other.package, storage.modifier.package | #569CD6 | — |
| support.other.namespace.use-as.php | #66D9EF | — |
| variable.language.namespace.php | #D66990 | — |
| punctuation.separator.inheritance.php | #F92672 | — |
| support.function.misc.css, support.constant.property-value.css, support.constant.font-name.css | #FFEE99 | — |
| meta.tag.template.value.twig, meta.tag.template.block.twig | #CD5AC5 | — |
| keyword.control.twig | #E05D8C | — |
| variable.other.twig | #E5A5E0 | — |
| variable.other.property.twig | #FFE1FC | — |
| constant.language.twig, constant.numeric.twig | #AE81FF | — |
| support.function.twig | #90E7F7 | — |
| meta.function-call.other.twig | #FAB85A | — |
| meta.function-call.twig | #FAB85A | — |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| text source | — | — |
| meta.diff, meta.diff.header | #E0EDDD | bold |
| markup.deleted | #D3201F | |
| markup.changed | #BF3904 | |
| markup.inserted | #60CF30 | — |
| meta.diff, meta.diff.range | #3BC0F0 | — |
| markup.heading.markdown, markup.heading.1.markdown, markup.heading.2.markdown | #A6E22E | — |
| markup.bold.markdown | #F8F8F2 | bold |
| markup.italic.markdown | #F8F8F2 | italic |
| punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.raw.markdown | #D3201F | — |
| markup.list.unnumbered.markdown | #AE81FF | — |
| markup.list.numbered.markdown | #AE81FF | — |
| markup.raw.block.markdown, markup.raw.inline.markdown | #FFEE99 | — |
| markup.quote.markdown, punctuation.definition.blockquote.markdown | #6C71C4 | — |
| meta.separator.markdown | #AE81FF | — |
| meta.image.inline.markdown, markup.underline.link.markdown | #8C8C8C | italic |
| string.other.link.title.markdown, string.other.link.description.markdown | #A6E22E | — |
| punctuation.definition.link.markdown | #8C8C8C | — |
| punctuation.definition.metadata.markdown | #8C8C8C | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.constant.markdown | #8C8C8C | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #F92672 | — |
| meta.template.expression | #F8F8F2 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |