Monokai Semantic
Publisher: GoliafRSThemes in package: 1
Dark theme based on color schema Monokai, with semantic 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.activeBackground#90909030
- activityBar.activeBorder#F0F0F0
- activityBar.activeFocusBorder#F0F0F0
- activityBar.background#242424
- activityBar.border#00000000
- activityBar.dropBackground#303030
- activityBar.dropBorder#909090
- activityBar.foreground#F0F0F0
- activityBar.inactiveForeground#909090
- activityBarBadge.background#0D47A1
- activityBarBadge.foreground#F0F0F0
- badge.background#0D47A1
- badge.foreground#F0F0F0
- button.background#0D47A1
- button.foreground#F0F0F0
- button.hoverBackground#1E88E5
- descriptionForeground#909090
- diffEditor.insertedTextBackground#00809B33
- disabledForeground#606060
- dropdown.background#161616
- dropdown.border#0D47A1
- dropdown.foreground#F0F0F0
- dropdown.listBackground#161616
- editor.background#161616
- editor.findMatchBackground#FD971F80
- editor.findMatchBorder#00000000
- editor.findMatchHighlightBackground#E6DB7440
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#ff0000
- editor.findRangeHighlightBorder#00000000
- editor.foreground#F0F0F0
- editor.hoverHighlightBackground#60606060
- editor.inactiveSelectionBackground#AE81FF20
- editor.lineHighlightBackground#303030
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#353535
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#AE81FF40
- editor.selectionForeground#F0F0F0
- editor.selectionHighlightBackground#50505060
- editor.selectionHighlightBorder#00000000
- editor.wordHighlightBackground#60606040
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#60606080
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.unexpectedBracket.foreground#F92672
- editorBracketMatch.background#00000000
- editorBracketMatch.border#F0F0F0
- editorCodeLens.foreground#909090
- editorCursor.background#00000000
- editorCursor.foreground#F0F0F0
- editorError.border#00000000
- editorError.foreground#E53935
- editorGroup.background#101010
- editorGroup.border#101010
- editorGroup.dropBackground#40404080
- editorGroupHeader.noTabsBackground#161616
- editorGroupHeader.tabsBackground#161616
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#A6E22E
- editorGutter.background#161616
- editorGutter.deletedBackground#B71C1C
- editorGutter.modifiedBackground#E6DB74
- editorHint.border#00000000
- editorHint.foreground#E6DB74
- editorHoverWidget.background#242424
- editorHoverWidget.border#101010
- editorIndentGuide.activeBackground#F0F0F060
- editorIndentGuide.background#141414
- editorIndentGuide.background1#202020
- editorIndentGuide.background2#262626
- editorIndentGuide.background3#323232
- editorIndentGuide.background4#383838
- editorIndentGuide.background5#444444
- editorIndentGuide.background6#505050
- editorInfo.border#00000000
- editorInfo.foreground#1E88E5
- editorLineNumber.foreground#505050
- editorLink.activeForeground#2196F3
- editorOverviewRuler.addedForeground#A6E22E
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#B71C1C
- editorOverviewRuler.errorForeground#F44336
- editorOverviewRuler.findMatchForeground#FD971F
- editorOverviewRuler.infoForeground#2196F3
- editorOverviewRuler.modifiedForeground#E6DB74
- editorOverviewRuler.rangeHighlightForeground#E6DB74
- editorOverviewRuler.selectionHighlightForeground#505050
- editorOverviewRuler.warningForeground#D500F9
- editorOverviewRuler.wordHighlightForeground#606060
- editorOverviewRuler.wordHighlightStrongForeground#707070
- editorRuler.foreground#262626
- editorWarning.border#00000000
- editorWarning.foreground#B71C1C
- editorWhitespace.foreground#505050
- editorWidget.background#242424
- errorForeground#E53935
- focusBorder#00000000
- foreground#F0F0F0
- gitDecoration.conflictingResourceForeground#F92672
- gitDecoration.deletedResourceForeground#F92672
- gitDecoration.ignoredResourceForeground#909090
- gitDecoration.modifiedResourceForeground#E6DB74
- gitDecoration.untrackedResourceForeground#A6E22E
- icon.foreground#F0F0F0
- input.background#101010
- input.border#0D47A1
- input.foreground#F0F0F0
- input.placeholderForeground#909090
- inputOption.activeBorder#0D47A1
- list.activeSelectionBackground#404040
- list.activeSelectionForeground#F0F0F0
- list.dropBackground#303030
- list.focusBackground#404040
- list.focusForeground#F0F0F0
- list.highlightForeground#AE81FF
- list.hoverBackground#454545
- list.hoverForeground#F0F0F0
- list.inactiveFocusBackground#353535
- list.inactiveFocusForeground#F0F0F0
- list.inactiveSelectionBackground#303030
- list.inactiveSelectionForeground#F0F0F0
- list.invalidItemForeground#E53935
- notification.background#161616
- panel.background#161616
- panel.border#404040
- panel.dropBackground#40404080
- panelTitle.activeBorder#F0F0F0
- panelTitle.activeForeground#F0F0F0
- panelTitle.inactiveForeground#909090
- progressBar.background#0D47A1
- scrollbar.shadow#050505
- scrollbarSlider.activeBackground#90909080
- scrollbarSlider.background#40404080
- scrollbarSlider.hoverBackground#60606080
- selection.background#AE81FF40
- sideBar.background#161616
- sideBar.border#242424
- sideBar.dropBackground#161616
- sideBar.foreground#F0F0F0
- sideBarSectionHeader.background#242424
- sideBarSectionHeader.foreground#909090
- sideBarTitle.foreground#909090
- statusBar.background#0D47A1
- statusBar.border#00000000
- statusBar.debuggingBackground#311B92
- statusBar.debuggingBorder#00000000
- statusBar.debuggingForeground#F0F0F0
- statusBar.foreground#F0F0F0
- statusBar.noFolderBackground#4A148C
- statusBar.noFolderBorder#00000000
- statusBar.noFolderForeground#F0F0F0
- statusBarItem.activeBackground#2979FF
- statusBarItem.hoverBackground#1565C0
- tab.activeBackground#505050
- tab.activeBorder#00000000
- tab.activeForeground#F0F0F0
- tab.border#00000000
- tab.hoverBackground#404040
- tab.hoverBorder#00000000
- tab.inactiveBackground#161616
- tab.inactiveForeground#909090
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveForeground#909090
- tab.unfocusedHoverBackground#353535
- tab.unfocusedHoverBorder#00000000
- tab.unfocusedInactiveForeground#707070
- terminal.ansiBlack#505050
- terminal.ansiBlue#1976D2
- terminal.ansiBrightBlack#606060
- terminal.ansiBrightBlue#2979FF
- terminal.ansiBrightCyan#00E5FF
- terminal.ansiBrightGreen#00E676
- terminal.ansiBrightMagenta#D500F9
- terminal.ansiBrightRed#FF1744
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFEA00
- terminal.ansiCyan#0097A7
- terminal.ansiGreen#388E3C
- terminal.ansiMagenta#7B1FA2
- terminal.ansiRed#D32F2F
- terminal.ansiWhite#F0F0F0
- terminal.ansiYellow#FBC02D
- terminal.background#161616
- terminal.foreground#F0F0F0
- terminal.selectionBackground#AE81FF40
- terminalCursor.background#AE81FF
- terminalCursor.foreground#F0F0F0
- textBlockQuote.background#333333
- textBlockQuote.border#2196F3
- textCodeBlock.background#33333380
- textLink.activeForeground#F0F0F0
- textLink.foreground#2196F3
- textPreformat.background#333333
- textPreformat.foreground#ae81ff
- toolbar.activeBackground#555555
- toolbar.hoverBackground#555555
- toolbar.hoverOutline#00000000
- tree.inactiveIndentGuidesStroke#303030
- tree.indentGuidesStroke#505050
- welcomePage.buttonBackground#101010
- welcomePage.buttonHoverBackground#151515
- widget.border#00000000
- widget.shadow#050505
- window.activeBorder#00000000
- window.inactiveBorder#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text, text.xml, text.html.basic, text.html.markdown, punctuation.accessor, punctuation.separator.comma, punctuation.separator.array, punctuation.terminator.rule, punctuation.separator.key-value, punctuation.separator.delimiter, punctuation.separator.parameter, punctuation.section.property-list.begin.bracket, punctuation.section.property-list.end.bracket, punctuation.section.keyframes.begin.bracket.curly, punctuation.section.keyframes.end.bracket.curly, punctuation.section.function.begin.bracket.round, punctuation.section.function.end.bracket.round, punctuation.section.function, punctuation.definition.entity, punctuation.definition.block, punctuation.definition.pseudo-class.begin.bracket.round, punctuation.definition.pseudo-class.end.bracket.round, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.attribute-selector, entity.name.tag.reference, meta.brace.square, meta.brace.round, meta.tag.structure.any, meta.tag.metadata.style, meta.tag.metadata.script, meta.structure.array, meta.structure.dictionary | #F0F0F0 | — |
| string, meta.return-type, meta.type.cast.expr, meta.type.new.expr, meta.preprocessor.string, meta.attribute-selector, meta.embedded, support.constant.math, support.constant.dom, support.constant.json, invalid.illegal.bad-ampersand.html, structure.dictionary.property-name.json, constant.character.escape.scss | #E6DB74 | — |
| variable, support.variable, support.other.variable, support.type.property-name, support.type.vendored.property-name, meta.definition.variable.name, meta.object-literal.key | #66D9EF | — |
| comment | #787878 | — |
| string.detected-link | #AE81FF | — |
| constant.regexp, string.regexp | #E6DB74 | — |
| constant.numeric, meta.preprocessor.numeric, keyword.other.unit, constant.sha.git-rebase | #AE81FF | — |
| constant.language | #AE81FF | — |
| constant.character, constant.other | #AE81FF | — |
| keyword, keyword.operator.constructor, keyword.operator.expression, keyword.operator.new, keyword.control, keyword.other | #F92672 | — |
| keyword.operator, keyword.operator.logical | #F0F0F0 | — |
| keyword.operator.rest, keyword.operator.spread | #A6E22E | — |
| storage, storage.modifier, storage.type, punctuation.definition.block.tag | #F92672 | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #A6E22E | — |
| support.class.builtin, support.class.promise, support.class.console | #F0F0F0 | — |
| entity.name.type.class | #FD971F | — |
| entity.other.inherited-class | #A6E22E | — |
| entity.name.function, support.function, meta.function-call | #A6E22E | — |
| variable.parameter | #FD971F | — |
| support.constant, support.constant.dom | #66D9EF | — |
| variable.language | #F92672 | — |
| invalid | #F0F0F0 | — |
| invalid.deprecated | #F0F0F0 | — |
| meta.diff, meta.diff.header | #787878 | — |
| markup.deleted | #F92672 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #E6DB74 | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown | #F92672 | italic |
| markup.underline | — | underline |
| markup.bold | — | bold |
| markup.selector | #F0F0F0 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #AE81FF | — |
| markup.bold.markdown | — | bold |
| punctuation.definition.bold.markdown | #F92672 | bold |
| markup.heading.markdown | #F0F0F0 | bold |
| punctuation.definition.heading.markdown | #F0F0F0 | none |
| markup.quote.markdown | #A6E22E | — |
| meta.separator.markdown | #F92672 | bold |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #66D9EF | — |
| punctuation.definition.list_item.markdown | #F0F0F0 | bold |
| entity.name.tag, punctuation.definition.tag, entity.other.attribute-name | #F92672 | — |
| entity.other.attribute-name | #A6E22E | — |
| meta.property-value, support.constant.property-value, support.constant.font-name, support.constant.color, constant.other.color.rgb-value, constant.other.rgb-value | #AE81FF | — |
| support.constant.media, support.constant.media-type, keyword.control.at-rule.media | #FD971F | — |
| support.constant.media | #A6E22E | — |
| entity.other.attribute-name.class.mixin, keyword.control.at-rule.include, keyword.control.at-rule.extend, meta.at-rule.include | #FD971F | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #F0F0F0 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity, entity.other.attribute-name.placeholder punctuation.definition.entity | #A6E22E | — |
| variable.parameter.url | #E6DB74 | — |
| meta.property-name, support.type.property-name | #66D9EF | — |
| support.constant.json | #F0F0F0 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...