MonokaiSGQ
Publisher: marketideasThemes in package: 1
my personal color 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.activeBackground#FFA00000
- activityBar.activeBorder#ff79c680
- activityBar.background#FFA00080
- activityBar.border#000000
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#999999
- activityBarBadge.background#000000
- activityBarBadge.foreground#FFFFFF
- badge.background#44475a
- badge.foreground#f8f8f2
- breadcrumb.activeSelectionForeground#f8f8f2
- breadcrumb.background#1E1E1E
- breadcrumb.focusForeground#f8f8f2
- breadcrumb.foreground#D0D0D0
- breadcrumbPicker.background#1E1E1E
- button.background#44475a
- button.foreground#f8f8f2
- contrastBorder#191a21
- debugToolBar.background#1E1E1E
- diffEditor.insertedTextBackground#50fa7b20
- diffEditor.removedTextBackground#ff555550
- dropdown.background#1E1E1E
- dropdown.border#191a21
- dropdown.foreground#f8f8f2
- editor.background#000000
- editor.findMatchBackground#e62f75
- editor.findMatchHighlightBackground#1303FF
- editor.findRangeHighlightBackground#44475a75
- editor.foldBackground#21222c
- editor.foreground#00FFFF
- editor.hoverHighlightBackground#191a21
- editor.inactiveSelectionBackground#006eff
- editor.lineHighlightBorder#44475a
- editor.rangeHighlightBackground#bd93f915
- editor.selectionBackground#1303FF
- editor.selectionHighlightBackground#1303FF
- editor.snippetFinalTabstopHighlightBackground#282a36
- editor.snippetFinalTabstopHighlightBorder#50fa7b
- editor.snippetTabstopHighlightBackground#282a36
- editor.snippetTabstopHighlightBorder#6272a4
- editor.wordHighlightBackground#8be9fd50
- editor.wordHighlightStrongBackground#50fa7b50
- editorBracketMatch.background#1E1E1E
- editorCodeLens.foreground#6272a4
- editorCursor.foreground#FFA000
- editorError.foreground#ff5555
- editorGroup.border#bd93f9
- editorGroup.dropBackground#44475a70
- editorGroupHeader.tabsBackground#1E1E1E
- editorGutter.addedBackground#50fa7b80
- editorGutter.deletedBackground#ff555580
- editorGutter.modifiedBackground#8be9fd80
- editorHoverWidget.background#1E1E1E
- editorHoverWidget.border#6272a4
- editorIndentGuide.activeBackground#707070
- editorIndentGuide.background#404040
- editorLineNumber.activeForeground#FFA000
- editorLineNumber.foreground#999999
- editorLink.activeForeground#8be9fd
- editorMarkerNavigation.background#21222c
- editorOverviewRuler.addedForeground#50fa7b80
- editorOverviewRuler.border#1E1E1E
- editorOverviewRuler.currentContentForeground#50fa7b
- editorOverviewRuler.deletedForeground#ff555580
- editorOverviewRuler.errorForeground#ff555580
- editorOverviewRuler.incomingContentForeground#bd93f9
- editorOverviewRuler.infoForeground#8be9fd80
- editorOverviewRuler.modifiedForeground#8be9fd80
- editorOverviewRuler.selectionHighlightForeground#ffb86c
- editorOverviewRuler.warningForeground#ffb86c80
- editorOverviewRuler.wordHighlightForeground#8be9fd
- editorOverviewRuler.wordHighlightStrongForeground#50fa7b
- editorRuler.foreground#424450
- editorSuggestWidget.background#1E1E1E
- editorSuggestWidget.foreground#f8f8f2
- editorSuggestWidget.selectedBackground#44475a
- editorWarning.foreground#8be9fd
- editorWhitespace.foreground#424450
- editorWidget.background#1E1E1E
- errorForeground#ff5555
- extensionButton.prominentBackground#50fa7b90
- extensionButton.prominentForeground#f8f8f2
- extensionButton.prominentHoverBackground#50fa7b60
- focusBorder#6272a4
- foreground#FFFFFF
- gitDecoration.conflictingResourceForeground#ffb86c
- gitDecoration.deletedResourceForeground#ff5555
- gitDecoration.ignoredResourceForeground#6272a4
- gitDecoration.modifiedResourceForeground#8be9fd
- gitDecoration.untrackedResourceForeground#50fa7b
- input.background#282a36
- input.border#FFA000
- input.foreground#f8f8f2
- input.placeholderForeground#a6a6a6
- inputOption.activeBorder#bd93f9
- inputValidation.errorBorder#ff5555
- inputValidation.infoBorder#ff79c6
- inputValidation.warningBorder#ffb86c
- list.activeSelectionBackground#BD93F9
- list.activeSelectionForeground#f8f8f2
- list.dropBackground#383b3d
- list.errorForeground#ff5555
- list.focusBackground#44475a75
- list.highlightForeground#8be9fd
- list.hoverBackground#1E1E1E
- list.inactiveSelectionBackground#44475a75
- list.warningForeground#ffb86c
- listFilterWidget.background#343746
- listFilterWidget.noMatchesOutline#ff5555
- listFilterWidget.outline#424450
- menu.background#1E1E1E
- menu.foreground#FFFFFF
- menu.selectionBackground#FFA000
- menubar.selectionBackground#6b4a01
- merge.currentHeaderBackground#50fa7b90
- merge.incomingHeaderBackground#bd93f990
- notifications.background#1E1E1E
- panel.background#000000
- panel.border#FFA000
- panelTitle.activeBorder#ff79c6
- panelTitle.activeForeground#f8f8f2
- panelTitle.inactiveForeground#6272a4
- peekView.border#44475a
- peekViewEditor.background#282a36
- peekViewEditor.matchHighlightBackground#f1fa8c80
- peekViewResult.background#21222c
- peekViewResult.fileForeground#f8f8f2
- peekViewResult.lineForeground#f8f8f2
- peekViewResult.matchHighlightBackground#f1fa8c80
- peekViewResult.selectionBackground#44475a
- peekViewResult.selectionForeground#f8f8f2
- peekViewTitle.background#191a21
- peekViewTitleDescription.foreground#6272a4
- peekViewTitleLabel.foreground#f8f8f2
- pickerGroup.border#bd93f9
- pickerGroup.foreground#8be9fd
- progressBar.background#ff79c6
- scrollbar.shadow#1E1E1E00
- selection.background#bd93f9
- settings.checkboxBackground#1E1E1E
- settings.checkboxBorder#191a21
- settings.checkboxForeground#f8f8f2
- settings.dropdownBackground#1E1E1E
- settings.dropdownBorder#191a21
- settings.dropdownForeground#f8f8f2
- settings.headerForeground#f8f8f2
- settings.modifiedItemIndicator#ffb86c
- settings.numberInputBackground#1E1E1E
- settings.numberInputBorder#191a21
- settings.numberInputForeground#f8f8f2
- settings.textInputBackground#1E1E1E
- settings.textInputBorder#191a21
- settings.textInputForeground#f8f8f2
- sideBar.background#1E1E1E
- sideBar.border#1E1E1E60
- sideBarSectionHeader.background#1E1E1E
- sideBarSectionHeader.border#191a21
- sideBarTitle.foreground#bbbbbb
- statusBar.background#CC55EE
- statusBar.debuggingBackground#ff5555
- statusBar.debuggingForeground#191a21
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#cc55ee
- statusBar.noFolderForeground#FFFFFF
- statusBarItem.prominentBackground#ff5555
- statusBarItem.prominentHoverBackground#ffb86c
- statusBarItem.remoteBackground#FFA000
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#000000
- tab.activeBorder#000000
- tab.activeBorderTop#FFA000
- tab.activeForeground#FFFFFF
- tab.border#1E1E1E
- tab.inactiveBackground#1E1E1E
- tab.inactiveForeground#999999
- terminal.ansiBlack#21222c
- terminal.ansiBlue#bd93f9
- terminal.ansiBrightBlack#6272a4
- terminal.ansiBrightBlue#d6acff
- terminal.ansiBrightCyan#a4ffff
- terminal.ansiBrightGreen#69ff94
- terminal.ansiBrightMagenta#ff92df
- terminal.ansiBrightRed#ff6e6e
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffffa5
- terminal.ansiCyan#8be9fd
- terminal.ansiGreen#50fa7b
- terminal.ansiMagenta#ff79c6
- terminal.ansiRed#ff5555
- terminal.ansiWhite#f8f8f2
- terminal.ansiYellow#f1fa8c
- terminal.background#000000
- terminal.foreground#FFFFFF
- terminalCursor.foreground#FFA000
- titleBar.activeBackground#01012d
- titleBar.activeForeground#FFFFFF
- titleBar.border#000000
- titleBar.inactiveBackground#999999
- titleBar.inactiveForeground#CCCCCC
- walkThrough.embeddedEditorBackground#21222c
- window.activeBorder#FFA00060
- window.inactiveBorder#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #666666 | italic |
| variable.parameter | #F4F4FF | — |
| entity.name.class, support.class | #d3adff | — |
| variable.language.this | #8cc6ff | — |
| entity.name.function.preprocessor, entity.name.other.preprocessor.macro.predefined | #e5b2ff | — |
| entity.name.function, keyword.other.special-method, support.function | #94fff6 | — |
| variable.other.property.cpp, variable.other.property.js, variable.other.property.ts, support.type.property-name, variable.other.member | #bfbfbf | — |
| entity.name.type, support.type, entity.name.tag, entity.other.attribute-name, meta.tag, declaration.tag | #4DF0AF | — |
| keyword.operator, keyword.operators, source.php.embedded.line | #ff9cbe | — |
| constant.character, constant.language, constant.other, support.constant | #e5b2ff | — |
| punctuation.definition.function.pointer.dereference, storage.modifier.pointer, punctuation.separator.pointer-access | #ff9cbe | — |
| constant.numeric, constant.other.color.rgb-value.hex | #fff6a6 | — |
| string, constant.other.symbol | #f4ae01 | — |
| keyword | #8cc6ff | — |
| storage | #8cc6ff | — |
| meta.separator | #F4F4FF | — |
| punctuation.separator.comma, punctuation.other.comma, punctuation.other.period, punctuation.other.colon, punctuation.separator, punctuation.terminator | #ffccb0 | — |
| punctuation.section.property-list.end.bracket.curly, punctuation.section.property-list.begin.bracket.curly | #F4F4FF | — |
| punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.section.arguments.begin.bracket.round, punctuation.section.arguments.end.bracket.round, punctuation.section.parens.begin.bracket.round, punctuation.section.parens.end.bracket.round, punctuation.definition.arguments.begin.bracket.round, punctuation.definition.arguments.end.bracket.round, meta.brace.round | #F4F4FF | — |
| punctuation.definition.array.begin, punctuation.definition.array.end, punctuation.definition.bracket.square, punctuation.definition.begin.bracket.square, punctuation.definition.end.bracket.square, storage.modifier.array.bracket.square | #ffccb0 | — |
| entity.other, meta.block | #F4F4FF | — |
| keyword.operators.immediate.ca65 | #e5b2ff | — |
| constant.language.unnamed-label.ca65 | #FF9CBE | — |
| keyword.mnemonic.general-purpose, keyword.core.masm | #94fff6 | — |
| meta.function-call.c | #F4F4FF | — |
| support.type.sys-types.c, storage.type.c | #8cc6ff | — |
| punctuation.separator.dot-access.c | #ff9cbe | — |
| variable.other.macro.argument.cpp | #F4F4FF | — |
| meta.tail.enum.cpp, meta.tail.struct.cpp | #4DF0AF | — |
| entity.name.namespace.cpp, entity.name.scope-resolution.cpp | #E5B2FF | — |
| entity.name.function.operator.member, punctuation.separator.namespace.access.cpp, punctuation.separator.pointer-access.c | #ff9cbe | — |
| storage.modifier.reference.cpp | #ff9cbe | — |
| punctuation.section.angle-brackets.begin.template.call.cpp, punctuation.section.angle-brackets.end.template.call.cpp | #FF9CBE | — |
| storage.source.cmake | #e5b2ff | — |
| constant.source.cmake | #4DF0AF | — |
| punctuation.definition.entity.css | #FF9CBE | — |
| support.constant.property-value.css | #1da1f2 | — |
| support.type.property-name.css | #F4F4FF | — |
| entity.name.tag.css | #F4F4FF | — |
| keyword.other.unit.percentage.css, keyword.other.unit.em.css, keyword.other.unit.ex.css, keyword.other.unit.cap.css, keyword.other.unit.ch.css, keyword.other.unit.ic.css, keyword.other.unit.rem.css, keyword.other.unit.lh.css, keyword.other.unit.rlh.css, keyword.other.unit.vw.css, keyword.other.unit.vh.css, keyword.other.unit.vi.css, keyword.other.unit.vb.css, keyword.other.unit.vmin.css, keyword.other.unit.vmax.css, keyword.other.unit.cm.css, keyword.other.unit.mm.css, keyword.other.unit.Q.css, keyword.other.unit.in.css, keyword.other.unit.pt.css, keyword.other.unit.pc.css, keyword.other.unit.px.css | #FF9CBE | — |
| variable.parameter.url.css | #b3fa9d | — |
| entity.name.tag.wildcard.css | #FF9CBE | — |
| punctuation.accessor.cs | #ff9cbe | — |
| constant.sha.git-rebase | #e5b2ff | — |
| entity.other.attribute-name.html, entity.other.attribute-name.localname.html | #8cc6ff | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.html | #ff9cbe | — |
| meta.tag.any.html, meta.tag.inline.any.html, meta.tag.block.any.html, meta.tag.metadata.script.html, punctuation.separator.key-value.html | #ff9cbe | — |
| entity.name.section.group-title.ini | #ff9cbe | — |
| punctuation.separator.key-value.ini | #ff9cbe | — |
| punctuation.bracket.square.java | #ffccb0 | — |
| punctuation.accessor.js | #ff9cbe | — |
| meta.brace.square.js, punctuation.separator.parameter.js | #ffccb0 | — |
| support.type.property-name.json, entity.name.tag.yaml, string.unquoted.plain.out..yaml | #1da1f2 | — |
| string.quoted.double.json | #f4ae01 | — |
| punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #FFFFFF | — |
| punctuation.separator.dictionary.key-value.json | #ff9cbe | — |
| punctuation.separator.dictionary.pair.json | #ff9cbe | — |
| punctuation.separator.array.json | #ffccb0 | — |
| punctuation.separator.array.json | #ffccb0 | — |
| log.date | #94fff6 | — |
| log.debug | #4DF0AF | — |
| log.info | #8cc6ff | — |
| log.warning | #ffccb0 | — |
| log.error | #ff9cbe | — |
| variable.other.makefile | #F4F4FF | — |
| punctuation.separator.key-value.makefile | #ff9cbe | — |
| markup.bold.markdown | #e5b2ff | — |
| punctuation.definition.raw.markdown | #FF9CBE | — |
| markup.inline.raw.string.markdown | #4DF0AF | — |
| markup.italic.markdown | #fff6a6 | — |
| punctuation.definition.heading.markdown | #8cc6ff | — |
| beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown | #8cc6ff | — |
| punctuation.definition.quote.begin.markdown | #8cc6ff | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #ffccb0 | — |
| entity.name.section.markdown | #94fff6 | — |
| meta.separator.markdown | #ff9cbe | — |
| punctuation.definition.variable.perl | #ff9cbe | — |
| source.powershell | #F4F4FF | — |
| punctuation.definition.variable.powershell | #4DF0AF | — |
| punctuation.section.bracket.begin.powershell, punctuation.section.bracket.end.powershell | #ffccb0 | — |
| interpolated.simple.source.powershell | #F4F4FF | — |
| entity.other.attribute.parameter.powershell | #ff9cbe | — |
| keyword.other.statement-separator.powershell | #ff9cbe | — |
| support.constant.powershell, keyword.operator.math.powershell | #fff6a6 | — |
| keyword.other.variable.definition.powershell | #ff9cbe | — |
| variable.other.normal.powershell | #bfbfbf | — |
| variable.other.powershell | #e5b2ff | — |
| variable.other.readwrite.powershell | #F4F4FF | — |
| keyword.other.powershell | #ff9cbe | — |
| storage.type.powershell | #4DF0AF | — |
| punctuation.definition.variable.php | #F4F4FF | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #e5b2ff | — |
| entity.name.type.namespace.php | #F4F4FF | — |
| storage.type.php | #4DF0AF | — |
| punctuation.definition.variable.php | #ff9cbe | — |
| variable.other.php | #F4F4FF | — |
| punctuation.separator.inheritance.php | #ff9cbe | — |
| support.class.php, support.other.namespace.php, support.class.builtin.php | #4DF0AF | — |
| punctuation.definition.list.begin.python, punctuation.definition.list.end.python | #FFCCB0 | — |
| punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.separator.period.python | #ff9cbe | — |
| meta.property-list.scss | #FF9CBE | — |
| variable.parameter.url.scss | #b3fa9d | — |
| punctuation.accessor.ts | #ff9cbe | — |
| meta.brace.square.ts, punctuation.separator.parameter.ts | #ffccb0 | — |
| punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts | #FF9CBE | — |
| entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml | #8cc6ff | — |
| meta.tag.xml, meta.tag.preprocessor.xml, punctuation.definition.tag.xml | #ff9cbe | — |