MapleFizz Dark
Publisher: MapleFizzThemes in package: 1
MapleFizz 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#121016
- activityBar.border#6A103B33
- activityBar.foreground#CFCFD2
- activityBarBadge.background#FF8AD8
- activityBarBadge.foreground#121016
- badge.background#FF2F92
- badge.foreground#FFF8FA
- breadcrumb.activeSelectionForeground#6A103B
- breadcrumb.background#121016
- breadcrumb.focusForeground#CFCFD2
- breadcrumb.foreground#FF2F92
- breadcrumbPicker.background#121016
- button.background#FF2F9260
- button.hoverBackground#FF2F9280
- contrastBorder#6A103B40
- diffEditor.insertedTextBackground#DCF76322
- diffEditor.removedTextBackground#6A103B33
- dropdown.background#121016
- editor.background#121016
- editor.findMatchBackground#121016
- editor.findMatchBorder#FF8AD8
- editor.findMatchHighlightBackground#FF8AD84D
- editor.findMatchHighlightBorder#FF8AD899
- editor.foreground#E5E5E8
- editor.lineHighlightBackground#22132640
- editor.lineHighlightBorder#22132680
- editor.selectionBackground#FF2F9270
- editor.selectionHighlightBackground#9417514A
- editor.selectionHighlightBorder#FF2F92
- editor.wordHighlightBackground#94175133
- editor.wordHighlightStrongBackground#FF8AD833
- editorBracketMatch.background#00000000
- editorBracketMatch.border#DCF7637F
- editorCursor.foreground#DCF763
- editorError.foreground#FF2F92CC
- editorGroup.border#FFFFFF1A
- editorGroupHeader.tabsBackground#121016
- editorGutter.addedBackground#DCF76377
- editorGutter.deletedBackground#6A103B99
- editorGutter.modifiedBackground#FF2F927A
- editorHoverWidget.background#17141D
- editorHoverWidget.border#6A103B55
- editorInfo.foreground#941751CC
- editorLineNumber.activeForeground#FF2F92
- editorLineNumber.foreground#941751
- editorLink.activeForeground#CFCFD2
- editorMarkerNavigation.background#FFFFFF05
- editorOverviewRuler.errorForeground#FF2F9240
- editorOverviewRuler.infoForeground#94175155
- editorOverviewRuler.warningForeground#DCF76370
- editorRuler.foreground#21222F
- editorSuggestWidget.background#17141D
- editorSuggestWidget.border#6A103B55
- editorSuggestWidget.foreground#DADADA
- editorSuggestWidget.highlightForeground#DCF763
- editorSuggestWidget.selectedBackground#6A103B40
- editorWarning.foreground#DCF763CC
- editorWhitespace.foreground#FFFFFF20
- editorWidget.background#121016
- editorWidget.border#DCF763
- editorWidget.resizeBorder#6A103B
- extensionButton.prominentBackground#32174DCC
- extensionButton.prominentHoverBackground#941751
- focusBorder#94175180
- gitDecoration.conflictingResourceForeground#DCF763
- gitDecoration.deletedResourceForeground#6A103B
- gitDecoration.ignoredResourceForeground#6A103B
- gitDecoration.modifiedResourceForeground#FF2F92
- gitDecoration.untrackedResourceForeground#FF8AD8
- input.background#1B1821
- input.border#FFFFFF12
- input.foreground#DADADA
- input.placeholderForeground#DADADA66
- inputOption.activeBackground#FFFFFF22
- inputOption.activeBorder#FFFFFF22
- list.activeSelectionBackground#FF2F92B0
- list.activeSelectionForeground#FFF8FA
- list.dropBackground#FF2F9244
- list.errorForeground#DCF763
- list.filterMatchBackground#FF2F9244
- list.filterMatchBorder#FF2F92
- list.focusAndSelectionOutline#FF2F92C0
- list.focusBackground#FF2F9280
- list.focusForeground#FFF8FA
- list.focusOutline#DCF76380
- list.highlightForeground#DCF763
- list.hoverBackground#FF2F9266
- list.hoverForeground#FFF8FA
- list.inactiveSelectionBackground#221C26
- list.inactiveSelectionForeground#FFF8FA
- list.warningForeground#DCF763
- listFilterWidget.background#FFFFFF1A
- listFilterWidget.noMatchesOutline#00000000
- listFilterWidget.outline#00000000
- menu.background#17141D
- menu.border#6A103B66
- menu.foreground#CFCFD2
- menu.selectionBackground#221C26
- menu.selectionBorder#00000000
- menu.selectionForeground#DADADA
- menu.separatorBackground#DADADA
- minimap.background#121016
- minimapGutter.addedBackground#DCF763
- minimapGutter.deletedBackground#6A103B
- minimapGutter.modifiedBackground#FF2F92
- minimapSlider.activeBackground#32174DB0
- minimapSlider.background#32174D80
- minimapSlider.hoverBackground#32174DA0
- notificationLink.foreground#6A103B
- notifications.background#121016
- panel.background#121016
- panel.border#6A103B7F
- panelTitle.activeBorder#6A103B
- panelTitle.activeForeground#FFF8FA
- panelTitle.inactiveForeground#CFCFD2
- peekView.border#6A103B33
- peekViewEditor.background#FFFFFF07
- peekViewEditor.matchHighlightBackground#94175155
- peekViewEditorGutter.background#FFFFFF07
- peekViewResult.background#FFFFFF07
- peekViewResult.matchHighlightBackground#94175155
- peekViewTitle.background#FFFFFF07
- peekViewTitleDescription.foreground#FFFFFF99
- progressBar.background#FF2F92
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#6A103BCC
- scrollbarSlider.background#6A103BBB
- scrollbarSlider.hoverBackground#6A103BEE
- sideBar.background#121016
- sideBar.foreground#CFCFD2
- sideBarSectionHeader.background#221C26
- sideBarSectionHeader.border#DCF76340
- statusBar.background#DCF763
- statusBar.border#941751
- statusBar.debuggingBackground#DCF763
- statusBar.debuggingForeground#121016
- statusBar.foreground#121016
- statusBar.noFolderBackground#6A103B
- statusBar.noFolderForeground#FFF8FA
- statusBarItem.hoverBackground#6A103B33
- statusBarItem.remoteBackground#FF2F92
- statusBarItem.remoteForeground#FFF8FA
- symbolIcon.folderForeground#FF2F92
- tab.activeBackground#941751
- tab.activeBorder#FF2F92
- tab.activeForeground#FFF8FA
- tab.border#121016
- tab.inactiveBackground#221C26
- tab.inactiveForeground#CFCFD2B0
- tab.unfocusedActiveBackground#6A103B80
- tab.unfocusedActiveForeground#DADADA
- tab.unfocusedInactiveBackground#221C26
- tab.unfocusedInactiveForeground#CFCFD27A
- terminal.ansiBlack#121016
- terminal.ansiBlue#FF2F92
- terminal.ansiBrightBlack#6A103B
- terminal.ansiBrightBlue#FF8AD8
- terminal.ansiBrightCyan#6A103B
- terminal.ansiBrightGreen#DCF763
- terminal.ansiBrightMagenta#FFC1EC
- terminal.ansiBrightRed#FF2F92
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#EEF88A
- terminal.ansiCyan#32174D
- terminal.ansiGreen#DCF763
- terminal.ansiMagenta#FF8AD8
- terminal.ansiRed#FF2F92
- terminal.ansiWhite#FFF8FA
- terminal.ansiYellow#DCF763
- terminalCursor.background#121016
- terminalCursor.foreground#FF2F92
- textLink.activeForeground#DADADA
- textLink.foreground#6A103B
- titleBar.activeBackground#14121A
- titleBar.border#6A103B40
- titleBar.inactiveBackground#121016
- tree.indentGuidesStroke#32174D
- widget.shadow#00000033
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| string.quoted.single.ini, string.quoted.double.ini, string.quoted.single, string.quoted.double | #FF2F92 | — |
| variable, constant.other.placeholder, invalid.deprecated, keyword, storage.type, storage.modifier | #C0C0C0 | — |
| variable, entity.name.function | — | italic |
| punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scss | #32174D | — |
| constant.other.color | #FFF8FA | — |
| invalid, invalid.illegal | #6A103B | — |
| keyword.control, punctuation.definition.tag, punctuation, keyword.other.template, keyword.other.substitution | #C0C0C0 | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.type.module.js | #941751 | — |
| keyword.control.at-rule, keyword.operator.assignment.js, punctuation.separator.comma.js | #C0C0C0 | — |
| keyword.control | — | bold |
| comment | #6D6F7C | — |
| entity.name.tag, meta.tag.sgml | #C0C0C0 | — |
| entity.name.tag.html | — | bold |
| variable.parameter | #FF8AD8 | — |
| variable.other.object.js, storage.type.js, variable.other.property.js | #941751 | — |
| entity.name.function, markup.bold, markup.italic.markdown | #FF2F92 | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #FF8AD8 | — |
| support.other.variable, string.other.link, markup.table | #C0C0C0 | — |
| constant.numeric, constant.language, constant.character, keyword.other.unit | #FF2F92 | — |
| constant.other.symbol, markup.heading, meta.group.braces.curly | #32174D | — |
| entity.name, support.type, entity.other.attribute-name.html | #C0C0C0 | — |
| source.css support.type.property-name, source.scss support.type.property-name | #941751 | — |
| entity.name.method.js, tag.decorator.js entity.name.tag.js | #FF2F92 | italic |
| entity.other.attribute-name, support.function | #DCF763 | — |
| entity.name.tag.css, keyword.control.conditional.js, meta.object-literal.key | #C0C0C0 | — |
| markup.inserted | #32174D | — |
| markup.deleted | #6A103B | — |
| markup.changed | #DCF763 | — |
| string.regexp, constant.character.escape | #FF8AD8 | — |
| markdown.heading, entity.name.section.markdown | #DCF763 | bold |
| markup.underline | #FF2F92 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #6A103B50 | — |
| variable.language.fenced.markdown | #6A103B | — |
| token.info-token | #6A103B | — |
| token.warn-token | #DCF763 | — |
| token.error-token | #FF293B | — |
| token.debug-token | #FF8AD8 | — |