MintMissy Theme
Publisher: MintMissyThemes in package: 1
My 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.activeBorder#009688
- activityBar.background#0b0d14
- activityBar.foreground#00eeff
- activityBar.inactiveForeground#ffffff66
- activityBarBadge.background#4e6969
- activityBarBadge.foreground#ffffff
- badge.background#192643
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#e0e0e0
- breadcrumb.background#0f111b
- breadcrumb.focusForeground#e0e0e0
- breadcrumb.foreground#8f93a2
- button.background#181c2a
- button.foreground#ffffff
- button.hoverBackground#21263a
- button.secondaryBackground#181c2a
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#21263a
- checkbox.background#181c2a
- checkbox.border#00000000
- checkbox.foreground#cccccc
- debugExceptionWidget.background#00060f
- debugExceptionWidget.border#47474700
- debugToolBar.background#00060f
- debugToolBar.border#47474700
- diffEditor.border#303132
- diffEditor.insertedLineBackground#4ebd522d
- diffEditor.insertedTextBackground#65923233
- diffEditor.removedTextBackground#ff000033
- dropdown.background#181c2a
- dropdown.border#00000000
- dropdown.foreground#cccccc
- editor.background#0f111b
- editor.findMatchBackground#515c6a
- editor.findMatchBorder#74879f
- editor.findMatchHighlightBackground#fbff0063
- editor.findMatchHighlightBorder#ffffff00
- editor.findRangeHighlightBackground#3a3d4166
- editor.findRangeHighlightBorder#ffffff00
- editor.foldBackground#1c252a4d
- editor.foreground#979797
- editor.hoverHighlightBackground#264f7840
- editor.inactiveSelectionBackground#3a3d41
- editor.lineHighlightBackground#1c252a94
- editor.lineHighlightBorder#28282800
- editor.rangeHighlightBackground#ffffff0b
- editor.rangeHighlightBorder#ffffff00
- editor.selectionBackground#3a3e51
- editor.selectionHighlightBackground#add6ff26
- editor.selectionHighlightBorder#495f77
- editor.wordHighlightBackground#575757b8
- editor.wordHighlightStrongBackground#004972b8
- editorBracketMatch.background#0064001a
- editorBracketMatch.border#888888
- editorBracketPairGuide.activeBackground1#f8d50b80
- editorBracketPairGuide.activeBackground2#d473d6a9
- editorBracketPairGuide.activeBackground3#45a8f9ae
- editorBracketPairGuide.background1#282b38
- editorBracketPairGuide.background2#282b38
- editorBracketPairGuide.background3#282b38
- editorCodeLens.foreground#999999
- editorCursor.background#000000
- editorCursor.foreground#ffcc00
- editorError.background#b73a3400
- editorError.border#ffffff00
- editorError.foreground#ff5370
- editorGroup.border#44444400
- editorGroup.dropBackground#00968828
- editorGroup.emptyBackground#0f111b
- editorGroupHeader.tabsBackground#0f111b
- editorGutter.addedBackground#53d05d
- editorGutter.background#0f111b
- editorGutter.commentRangeForeground#a179fb
- editorGutter.deletedBackground#e1484f
- editorGutter.foldingControlForeground#a179fb
- editorGutter.modifiedBackground#41aecc
- editorHoverWidget.background#00060f
- editorHoverWidget.border#45454500
- editorHoverWidget.foreground#cccccc
- editorIndentGuide.activeBackground#1d42fd
- editorIndentGuide.background#282b38
- editorInfo.background#4490bf00
- editorInfo.border#4490bf00
- editorInfo.foreground#75beff
- editorLineNumber.activeForeground#a179fb
- editorLineNumber.foreground#475f63
- editorLink.activeForeground#ff9735
- editorMarkerNavigation.background#00060f
- editorMarkerNavigationError.background#f48771
- editorMarkerNavigationInfo.background#ffdd75
- editorMarkerNavigationWarning.background#ffcb6b
- editorOverviewRuler.background#19264300
- editorOverviewRuler.border#7f7f7f00
- editorOverviewRuler.findMatchForeground#0000ff
- editorRuler.foreground#282b38
- editorSuggestWidget.background#00060f
- editorSuggestWidget.border#45454500
- editorSuggestWidget.focusHighlightForeground#6de0e0
- editorSuggestWidget.foreground#8e919f
- editorSuggestWidget.highlightForeground#6de0e0
- editorSuggestWidget.selectedBackground#121420
- editorSuggestWidget.selectedForeground#8e919f
- editorSuggestWidget.selectedIconForeground#f9d927
- editorWarning.background#a9904000
- editorWarning.border#ffffff00
- editorWarning.foreground#ffcb6b
- editorWhitespace.foreground#e3e4e229
- editorWidget.background#0f111a
- editorWidget.border#29363d
- editorWidget.foreground#cccccc
- editorWidget.resizeBorder#00eeff
- focusBorder#222533
- foreground#c3c6d1
- gitDecoration.addedResourceForeground#3ee45d
- gitDecoration.conflictingResourceForeground#6c6cc4
- gitDecoration.deletedResourceForeground#d33b3b
- gitDecoration.ignoredResourceForeground#8c8c8c
- gitDecoration.modifiedResourceForeground#76cec5
- gitDecoration.renamedResourceForeground#80cbc4
- gitDecoration.stageDeletedResourceForeground#c74e39
- gitDecoration.stageModifiedResourceForeground#80cbc4
- gitDecoration.submoduleResourceForeground#8db9e2
- gitDecoration.untrackedResourceForeground#73c991
- icon.foreground#cccccc
- input.background#171b2b
- input.border#00000000
- input.foreground#cccccc
- input.placeholderForeground#a6a6a6
- inputOption.activeBackground#21263a
- inputOption.activeBorder#21263a
- inputOption.activeForeground#ffffff
- list.activeSelectionBackground#21263a
- list.activeSelectionForeground#e6e6e6
- list.dropBackground#00050d
- list.errorForeground#f77669
- list.focusBackground#202e36
- list.focusForeground#ffffff
- list.highlightForeground#84ffff
- list.hoverBackground#21263a
- list.hoverForeground#e6e6e6
- list.inactiveFocusBackground#181c2a00
- list.inactiveFocusOutline#181c2a00
- list.inactiveSelectionBackground#181c2a
- list.inactiveSelectionForeground#e6e6e6
- list.warningForeground#60667d
- listFilterWidget.background#653723
- listFilterWidget.noMatchesOutline#e65245
- listFilterWidget.outline#00000000
- menu.background#0f111a
- menu.border#00000000
- menu.foreground#cccccc
- menu.selectionBackground#222533
- menu.selectionBorder#00000000
- menu.selectionForeground#ffffff
- menu.separatorBackground#bbbbbb24
- menubar.selectionBackground#7d36361a
- menubar.selectionForeground#cccccc
- merge.commonContentBackground#282828
- merge.commonHeaderBackground#383838
- merge.currentContentBackground#27403b
- merge.currentHeaderBackground#367366
- merge.incomingContentBackground#28384b
- merge.incomingHeaderBackground#395f8f
- minimap.background#0f111b00
- minimap.errorHighlight#ff5370
- minimap.findMatchHighlight#fffb00
- minimap.selectionHighlight#d1dd21
- minimap.warningHighlight#ffcb6b
- minimapGutter.addedBackground#53d05d
- minimapGutter.deletedBackground#e1484f
- minimapGutter.modifiedBackground#41aecc
- notificationCenter.border#0f111b
- notificationCenterHeader.background#0f111b
- notificationCenterHeader.foreground#cccccc
- notifications.background#0f111b
- notifications.border#0f111b
- notifications.foreground#cccccc
- notificationsErrorIcon.foreground#f48771
- notificationsInfoIcon.foreground#75beff
- notificationsWarningIcon.foreground#fcd00c
- notificationToast.border#0f111b
- panel.background#0f111b
- panel.border#80808059
- panelSection.border#80808059
- panelTitle.activeBorder#e7e7e7
- panelTitle.activeForeground#e7e7e7
- panelTitle.inactiveForeground#e7e7e799
- peekView.border#010612
- peekViewEditor.background#010612
- peekViewEditor.matchHighlightBackground#ff8f0099
- peekViewEditor.matchHighlightBorder#ee931e
- peekViewEditorGutter.background#181c2a
- peekViewResult.background#10111d
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#bbbbbb
- peekViewResult.matchHighlightBackground#ea5c004d
- peekViewResult.selectionBackground#3399ff33
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#00050d
- peekViewTitleDescription.foreground#ccccccb3
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#3f3f4600
- pickerGroup.foreground#0077ff
- progressBar.background#0e70c0
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#66c4c7
- scrollbarSlider.background#4b8b90
- scrollbarSlider.hoverBackground#66c4c7
- selection.background#7692aa
- settings.focusedRowBackground#ffffff07
- settings.headerForeground#cccccc
- sideBar.background#0f111b
- sideBar.border#0b0c13
- sideBar.dropBackground#00050d
- sideBar.foreground#58607f
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#cccccc00
- sideBarSectionHeader.foreground#cccccc
- sideBarTitle.foreground#00eeff
- statusBar.background#06070a
- statusBar.debuggingBackground#0f111b
- statusBar.debuggingForeground#9393a0
- statusBar.foreground#9393a0
- statusBar.noFolderBackground#68217a
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#21263a
- statusBarItem.hoverBackground#ffffff1f
- statusBarItem.remoteBackground#000308
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#181a26
- tab.activeBorder#00000000
- tab.activeBorderTop#7df0f3
- tab.activeForeground#ffffff
- tab.border#00000000
- tab.inactiveBackground#0f111b
- tab.inactiveForeground#8f93a2
- terminal.ansiBlack#000000
- terminal.ansiBlue#2472c8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#3b8eea
- terminal.ansiBrightCyan#29b8db
- terminal.ansiBrightGreen#23d18b
- terminal.ansiBrightMagenta#d670d6
- terminal.ansiBrightRed#f14c4c
- terminal.ansiBrightWhite#e5e5e5
- terminal.ansiBrightYellow#f5f543
- terminal.ansiCyan#11a8cd
- terminal.ansiGreen#0dbc79
- terminal.ansiMagenta#bc3fbc
- terminal.ansiRed#cd3131
- terminal.ansiWhite#e5e5e5
- terminal.ansiYellow#e5e510
- terminal.background#0f111b
- terminal.border#0f111a
- terminal.foreground#cccccc
- terminal.selectionBackground#ffffff40
- terminalCursor.background#0087ff
- terminalCursor.foreground#ffffff
- textLink.foreground#84ffff
- titleBar.activeBackground#06070a
- titleBar.activeForeground#cccccc
- titleBar.border#00000000
- titleBar.inactiveBackground#0f111b
- titleBar.inactiveForeground#cccccc99
- tree.indentGuidesStroke#22202900
- walkThrough.embeddedEditorBackground#00000050
- widget.shadow#0000005c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, punctuation.definition.dictionary, punctuation.separator.dictionary.pair, variable.other, variable.assignment, entity.name.type.instance, punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css, punctuation.definition.constant.css, constant.other.color, support.constant.color, meta.property-name.css, meta.property-value.css, punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.section.media.begin.bracket.curly.css, punctuation.section.media.end.bracket.curly.css, punctuation.separator.list.comma.css, meta.paragraph.markdown, text.html.markdown, text.html.basic, punctuation.definition.variable.less, variable.other.object, text.jade, punctuation.section.property-list.begin.bracket.curly.scss, punctuation.section.property-list.end.bracket.curly.scss, variable.interpolation.scss, punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, string.other.link.description.title.markdown, constant.language.import-export-all.js, constant.language.import-export-all.ts, constant.language.import-export-all.tsx, meta.parameters.js, punctuation.separator.comma.js | #EEFFFF | — |
| punctuation, keyword.operator, meta.brace, support.constant, support.type.object.module.js, meta.group.regexp, string.regexp.js | #89DDF3 | — |
| support.type.property-name, string.quoted, meta.object-literal.key, source.coffee.embedded.source, entity.name.section.markdown, punctuation.definition.heading.markdown, string.unquoted.plain.out.yaml, string.template.js, string.interpolated.jade, support.type.builtin.graphql | #C3E88D | — |
| constant.numeric, variable.parameter.function, keyword.other.unit | #F78C6A | — |
| constant.language, entity.name.tag.html, entity.name.tag.structure.any.html, entity.name.tag.inline.any.html, entity.name.tag.block.any.html, constant.other.table-name.sql, constant.other.database-name.sql, entity.name.tag.xml, entity.name.tag.localname.xml, entity.name.tag.yaml, entity.name.tag.style.html, entity.name.tag.other.html, support.variable.property.js, entity.name.tag.jade, constant.name.attribute.tag.jade, entity.name.tag.js, entity.name.tag.ts, entity.name.tag.tsx, support.class.component.js, support.class.component.ts, support.class.component.tsx, support.class.component.html | #F07178 | — |
| comment, punctuation.definition.comment | #4F6875 | italic |
| storage.type, keyword.control, keyword.other.important.css, punctuation.definition.keyword, punctuation.definition.directive, storage.modifier.cs, keyword.other.class.cs, keyword.type.cs, markup.italic.markdown, punctuation.definition.italic.markdown, keyword.package.go, keyword.import.go, keyword.function.go, keyword.var.go, keyword.const.go, meta.tag.sgml.doctype.html, storage.modifier.java, punctuation.definition.storage.type.objc, storage.modifier.perl, keyword.other.DML.sql, keyword.other.alias.sql, storage.modifier.async.js, support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, keyword.other.definition.ini, punctuation.definition.block.tag.jsdoc, storage.modifier.js, storage.modifier.ts, storage.modifier.tsx, keyword.type.graphql, keyword.other.default | #C792EA | — |
| markup.italic.markdown, punctuation.definition.italic.markdown | #C792EA | italic |
| entity.name.function, support.function, variable.other.property, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, markup.quote.markdown, meta.function-call.generic.python, keyword.other.special-method.ruby, entity.name.type.js, variable.other.object.property.js, entity.name.section.group-title.ini, support.variable.property.dom.js, support.variable.property.dom.ts, entity.name.type.ts, entity.name.type.tsx, variable.graphql | #82AAFF | — |
| markup.quote.markdown | #82AAFF | italic |
| support.class, entity.name.type.class, constant.numeric.css, entity.other.attribute-name, support.variable.object.node.js, support.variable.object.process.js, support.variable.property.process.js, support.variable.dom.js, support.constant.json.js, entity.other.inherited-class, support.variable.dom.ts, support.type.primitive.ts, entity.name.type.interface.ts, entity.name.type.module.js, entity.name.type.module.ts, entity.name.type.module.tsx, support.variable.dom.tsx, support.type.graphql | #FFCB6B | — |
| markup.bold.markdown, punctuation.definition.bold.markdown | #FFCB6B | bold |
| variable.language.super, punctuation.definition.metadata.markdown, variable.language.special.self.python, punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss, variable.language.this.js, variable.language.this.ts | #FF5370 | — |
| entity.name.tag | #B2CCD6 | — |
| support.type.property-name.css, support.type.property-name.media.css, support.constant.parity.css, meta.object-literal.key.js, meta.object-literal.key.ts | #73D1C8 | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #FF869A | — |
| source, punctuation.definition.dictionary, punctuation.separator.dictionary.pair, variable.other, variable.assignment, entity.name.type.instance, punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css, punctuation.definition.constant.css, constant.other.color, support.constant.color, meta.property-name.css, meta.property-value.css, punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.section.media.begin.bracket.curly.css, punctuation.section.media.end.bracket.curly.css, punctuation.separator.list.comma.css, meta.paragraph.markdown, text.html.markdown, text.html.basic, punctuation.definition.variable.less, variable.other.object, text.jade, punctuation.section.property-list.begin.bracket.curly.scss, punctuation.section.property-list.end.bracket.curly.scss, variable.interpolation.scss, punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, string.other.link.description.title.markdown, constant.language.import-export-all.js, constant.language.import-export-all.ts, constant.language.import-export-all.tsx, meta.parameters.js, punctuation.separator.comma.js | #EEFFFF | — |
| punctuation, keyword.operator, meta.brace, support.constant, support.type.object.module.js, meta.group.regexp, string.regexp.js | #89DDF3 | — |
| support.type.property-name, string.quoted, meta.object-literal.key, source.coffee.embedded.source, entity.name.section.markdown, punctuation.definition.heading.markdown, string.unquoted.plain.out.yaml, string.template.js, string.interpolated.jade, string.template.ts, support.type.builtin.graphql | #C1F8A1 | — |
| constant.numeric, variable.parameter.function, keyword.other.unit, string.regexp.ts | #F78C6A | — |
| constant.language, entity.name.tag.html, entity.name.tag.structure.any.html, entity.name.tag.inline.any.html, entity.name.tag.block.any.html, constant.other.table-name.sql, constant.other.database-name.sql, entity.name.tag.xml, entity.name.tag.localname.xml, entity.name.tag.yaml, entity.name.tag.style.html, entity.name.tag.other.html, support.variable.property.js, entity.name.tag.jade, constant.name.attribute.tag.jade, entity.name.tag.js, entity.name.tag.ts, entity.name.tag.tsx, support.class.component.js, support.class.component.ts, support.class.component.tsx, support.class.component.html | #F07178 | — |
| comment, punctuation.definition.comment | #4F6875 | italic |
| storage.type, keyword.control, keyword.other.important.css, punctuation.definition.keyword, punctuation.definition.directive, storage.modifier.cs, keyword.other.class.cs, keyword.type.cs, markup.italic.markdown, punctuation.definition.italic.markdown, keyword.package.go, keyword.import.go, keyword.function.go, keyword.var.go, keyword.const.go, meta.tag.sgml.doctype.html, storage.modifier.java, punctuation.definition.storage.type.objc, storage.modifier.perl, keyword.other.DML.sql, keyword.other.alias.sql, storage.modifier.async.js, support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, keyword.other.definition.ini, punctuation.definition.block.tag.jsdoc, storage.modifier.js, storage.modifier.ts, storage.modifier.tsx, keyword.type.graphql, keyword.other.default | #C48FE8 | — |
| markup.italic.markdown, punctuation.definition.italic.markdown | #C48FE8 | italic |
| entity.name.function, support.function, variable.other.property, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, markup.quote.markdown, meta.function-call.generic.python, keyword.other.special-method.ruby, entity.name.type.js, variable.other.object.property.js, entity.name.section.group-title.ini, support.variable.property.dom.js, support.variable.property.dom.ts, entity.name.type.ts, entity.name.type.tsx, variable.graphql | #94B6FA | — |
| markup.quote.markdown | #94B6FA | italic |
| support.class, entity.name.type.class, constant.numeric.css, entity.other.attribute-name, support.variable.object.node.js, support.variable.object.process.js, support.variable.property.process.js, support.variable.dom.js, support.constant.json.js, entity.other.inherited-class, support.variable.dom.ts, support.type.primitive.ts, entity.name.type.interface.ts, entity.name.type.module.js, entity.name.type.module.ts, entity.name.type.module.tsx, support.variable.dom.tsx, support.type.graphql | #FED180 | — |
| markup.bold.markdown, punctuation.definition.bold.markdown, keyword.operator.quantifier.regexp | #FED180 | bold |
| variable.language.super, punctuation.definition.metadata.markdown, variable.language.special.self.python, punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss, variable.language.this.js, variable.language.this.ts | #FF5370 | — |
| entity.name.tag | #B2CCD6 | — |
| support.type.property-name.css, support.type.property-name.media.css, support.constant.parity.css, meta.object-literal.key.js, meta.object-literal.key.ts | #73D1C8 | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #FF869A | — |
| comment, keyword, storage.modifier, storage.type.class.js, storage.type.js | — | italic |
| entity.other.inherited-class, entity.name.type.interface.ts | #C1F8A1 | italic |
| keyword.control.conditional, keyword.operator | — | |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |