Skip to main content
Coding Theme

Maple Fusion Themes

Publisher: CatedsThemes in package: 5

A collection of refined dark themes for VSCode and Zed, featuring Tokyo Maple, One Dark Maple, and Cursor Dark Maple with enhanced readability and Maple-style syntax highlighting.

Color themes

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#1a1b26
  • activityBar.border#16161e
  • activityBar.foreground#adb2d3
  • activityBar.inactiveForeground#7e829a
  • activityBarBadge.background#3d59a1
  • activityBarBadge.foreground#ffffff
  • activityBarTop.foreground#adb2d3
  • activityBarTop.inactiveForeground#7e829a
  • badge.background#7e83b230
  • badge.foreground#acb0d0
  • breadcrumb.activeSelectionForeground#a9b1d6
  • breadcrumb.background#1a1b26
  • breadcrumb.focusForeground#a9b1d6
  • breadcrumb.foreground#646e9c
  • breadcrumbPicker.background#16161e
  • button.background#3d59a1dd
  • button.foreground#ffffff
  • button.hoverBackground#3d59a1AA
  • button.secondaryBackground#3b3e52
  • charts.blue#7aa2f7
  • charts.foreground#9AA5CE
  • charts.green#41a6b5
  • charts.lines#16161e
  • charts.orange#ff9e64
  • charts.purple#9d7cd8
  • charts.red#f7768e
  • charts.yellow#e0af68
  • chat.avatarBackground#3d59a1
  • chat.avatarForeground#a9b1d6
  • chat.requestBorder#0f0f14
  • chat.slashCommandBackground#14141b
  • chat.slashCommandForeground#7aa2f7
  • debugConsole.errorForeground#bb616b
  • debugConsole.infoForeground#787c99
  • debugConsole.sourceForeground#787c99
  • debugConsole.warningForeground#c49a5a
  • debugConsoleInputIcon.foreground#73daca
  • debugExceptionWidget.background#101014
  • debugExceptionWidget.border#963c47
  • debugIcon.breakpointDisabledForeground#414761
  • debugIcon.breakpointForeground#db4b4b
  • debugIcon.breakpointUnverifiedForeground#c24242
  • debugTokenExpression.boolean#ff9e64
  • debugTokenExpression.error#bb616b
  • debugTokenExpression.name#7dcfff
  • debugTokenExpression.number#ff9e64
  • debugTokenExpression.string#9ece6a
  • debugTokenExpression.value#9aa5ce
  • debugToolBar.background#101014
  • debugView.stateLabelBackground#14141b
  • debugView.stateLabelForeground#787c99
  • debugView.valueChangedHighlight#3d59a1aa
  • descriptionForeground#646e9c
  • diffEditor.diagonalFill#292e42
  • diffEditor.insertedLineBackground#41a6b520
  • diffEditor.insertedTextBackground#41a6b520
  • diffEditor.removedLineBackground#db4b4b22
  • diffEditor.removedTextBackground#db4b4b22
  • diffEditor.unchangedCodeBackground#282a3b66
  • diffEditorGutter.insertedLineBackground#41a6b525
  • diffEditorGutter.removedLineBackground#db4b4b22
  • diffEditorOverview.insertedForeground#41a6b525
  • diffEditorOverview.removedForeground#db4b4b22
  • disabledForeground#545c7e
  • dropdown.background#14141b
  • dropdown.foreground#787c99
  • dropdown.listBackground#14141b
  • editor.background#1a1b26
  • editor.findMatchBackground#3d59a166
  • editor.findMatchBorder#e0af68
  • editor.findMatchHighlightBackground#3d59a166
  • editor.findRangeHighlightBackground#515c7e33
  • editor.focusedStackFrameHighlightBackground#73daca20
  • editor.foldBackground#1111174a
  • editor.foreground#a9b1d6
  • editor.inactiveSelectionBackground#515c7e25
  • editor.lineHighlightBackground#1e202e
  • editor.rangeHighlightBackground#515c7e20
  • editor.selectionBackground#515c7e4d
  • editor.selectionHighlightBackground#515c7e44
  • editor.stackFrameHighlightBackground#E2BD3A20
  • editor.wordHighlightBackground#515c7e44
  • editor.wordHighlightStrongBackground#515c7e55
  • editorBracketHighlight.foreground1#698cd6
  • editorBracketHighlight.foreground2#68b3de
  • editorBracketHighlight.foreground3#9a7ecc
  • editorBracketHighlight.foreground4#25aac2
  • editorBracketHighlight.foreground5#80a856
  • editorBracketHighlight.foreground6#c49a5a
  • editorBracketHighlight.unexpectedBracket.foreground#db4b4b
  • editorBracketMatch.background#16161e
  • editorBracketMatch.border#42465d
  • editorBracketPairGuide.activeBackground1#698cd6
  • editorBracketPairGuide.activeBackground2#68b3de
  • editorBracketPairGuide.activeBackground3#9a7ecc
  • editorBracketPairGuide.activeBackground4#25aac2
  • editorBracketPairGuide.activeBackground5#80a856
  • editorBracketPairGuide.activeBackground6#c49a5a
  • editorCodeLens.foreground#646e9c
  • editorCursor.foreground#c0caf5
  • editorError.foreground#db4b4b
  • editorGhostText.foreground#646e9c
  • editorGroup.border#101014
  • editorGroup.dropBackground#1e202ecc
  • editorGroupHeader.border#16161e75
  • editorGroupHeader.noTabsBackground#16161e
  • editorGroupHeader.tabsBackground#16161e
  • editorGutter.addedBackground#164846
  • editorGutter.deletedBackground#823c41
  • editorGutter.modifiedBackground#394b70
  • editorHint.foreground#0da0ba
  • editorHoverWidget.background#16161e
  • editorHoverWidget.border#101014
  • editorIndentGuide.activeBackground1#363b54
  • editorIndentGuide.background1#232433
  • editorInfo.foreground#0da0ba
  • editorInlayHint.foreground#646e9c
  • editorLightBulb.foreground#e0af68
  • editorLightBulbAutoFix.foreground#e0af68
  • editorLineNumber.activeForeground#787c99
  • editorLineNumber.foreground#363b54
  • editorLink.activeForeground#acb0d0
  • editorMarkerNavigation.background#16161e
  • editorOverviewRuler.addedForeground#164846
  • editorOverviewRuler.border#101014
  • editorOverviewRuler.bracketMatchForeground#101014
  • editorOverviewRuler.deletedForeground#703438
  • editorOverviewRuler.errorForeground#db4b4b
  • editorOverviewRuler.findMatchForeground#a9b1d644
  • editorOverviewRuler.infoForeground#1abc9c
  • editorOverviewRuler.modifiedForeground#394b70
  • editorOverviewRuler.rangeHighlightForeground#a9b1d644
  • editorOverviewRuler.selectionHighlightForeground#a9b1d622
  • editorOverviewRuler.warningForeground#e0af68
  • editorOverviewRuler.wordHighlightForeground#bb9af755
  • editorOverviewRuler.wordHighlightStrongForeground#bb9af766
  • editorPane.background#1a1b26
  • editorRuler.foreground#101014
  • editorStickyScrollHover.background#868bc425
  • editorSuggestWidget.background#16161e
  • editorSuggestWidget.border#101014
  • editorSuggestWidget.highlightForeground#6183bb
  • editorSuggestWidget.selectedBackground#20222c
  • editorWarning.foreground#e0af68
  • editorWhitespace.foreground#363b54
  • editorWidget.background#16161e
  • editorWidget.border#101014
  • editorWidget.foreground#adb2d3
  • editorWidget.resizeBorder#545c7e33
  • errorForeground#515670
  • extensionBadge.remoteBackground#3d59a1
  • extensionBadge.remoteForeground#ffffff
  • extensionButton.prominentBackground#3d59a1DD
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#3d59a1AA
  • focusBorder#545c7e33
  • foreground#adb2d3
  • gitDecoration.addedResourceForeground#4bc0b5
  • gitDecoration.conflictingResourceForeground#e0af68cc
  • gitDecoration.deletedResourceForeground#914c54
  • gitDecoration.ignoredResourceForeground#515670
  • gitDecoration.modifiedResourceForeground#6183bb
  • gitDecoration.renamedResourceForeground#4bc0b5
  • gitDecoration.stageDeletedResourceForeground#914c54
  • gitDecoration.stageModifiedResourceForeground#6183bb
  • gitDecoration.untrackedResourceForeground#4bc0b5
  • gitlens.gutterBackgroundColor#16161e
  • gitlens.gutterForegroundColor#787c99
  • gitlens.gutterUncommittedForegroundColor#7aa2f7
  • gitlens.trailingLineForegroundColor#646e9c
  • icon.foreground#787c99
  • inlineChat.foreground#a9b1d6
  • inlineChatDiff.inserted#41a6b540
  • inlineChatDiff.removed#db4b4b42
  • inlineChatInput.background#14141b
  • input.background#14141b
  • input.border#222332
  • input.foreground#a9b1d6
  • input.placeholderForeground#787c998A
  • inputOption.activeBackground#3d59a144
  • inputOption.activeForeground#c0caf5
  • inputValidation.errorBackground#85353e
  • inputValidation.errorBorder#963c47
  • inputValidation.errorForeground#bbc2e0
  • inputValidation.infoBackground#3d59a15c
  • inputValidation.infoBorder#3d59a1
  • inputValidation.infoForeground#bbc2e0
  • inputValidation.warningBackground#c2985b
  • inputValidation.warningBorder#e0af68
  • inputValidation.warningForeground#000000
  • list.activeSelectionBackground#202330
  • list.activeSelectionForeground#a9b1d6
  • list.deemphasizedForeground#787c99
  • list.dropBackground#1e202e
  • list.errorForeground#da7c87
  • list.focusBackground#1c1d29
  • list.focusForeground#a9b1d6
  • list.highlightForeground#668ac4
  • list.hoverBackground#13131a
  • list.hoverForeground#a9b1d6
  • list.inactiveSelectionBackground#1c1d29
  • list.inactiveSelectionForeground#a9b1d6
  • list.invalidItemForeground#c97018
  • list.warningForeground#dfba81
  • listFilterWidget.background#101014
  • listFilterWidget.noMatchesOutline#a6333f
  • listFilterWidget.outline#3d59a1
  • menu.background#16161e
  • menu.border#101014
  • menu.foreground#787c99
  • menu.selectionBackground#1e202e
  • menu.selectionForeground#a9b1d6
  • menu.separatorBackground#101014
  • menubar.selectionBackground#1e202e
  • menubar.selectionBorder#1b1e2e
  • menubar.selectionForeground#a9b1d6
  • merge.currentContentBackground#007a7544
  • merge.currentHeaderBackground#41a6b525
  • merge.incomingContentBackground#3d59a144
  • merge.incomingHeaderBackground#3d59a1aa
  • mergeEditor.change.background#41a6b525
  • mergeEditor.change.word.background#41a6b540
  • mergeEditor.conflict.handled.minimapOverViewRuler#449dab
  • mergeEditor.conflict.handledFocused.border#41a6b565
  • mergeEditor.conflict.handledUnfocused.border#41a6b525
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#e0af68
  • mergeEditor.conflict.unhandledFocused.border#e0af68b0
  • mergeEditor.conflict.unhandledUnfocused.border#e0af6888
  • minimapGutter.addedBackground#1C5957
  • minimapGutter.deletedBackground#944449
  • minimapGutter.modifiedBackground#425882
  • multiDiffEditor.border#1a1b26
  • multiDiffEditor.headerBackground#1a1b26
  • notebook.cellBorderColor#101014
  • notebook.cellEditorBackground#16161e
  • notebook.cellStatusBarItemHoverBackground#1c1d29
  • notebook.editorBackground#1a1b26
  • notebook.focusedCellBorder#29355a
  • notificationCenterHeader.background#1a1b26
  • notificationLink.foreground#6183bb
  • notifications.background#16161e
  • notifications.border#1a1b26
  • notificationsErrorIcon.foreground#bb616b
  • notificationsInfoIcon.foreground#0da0ba
  • notificationsWarningIcon.foreground#bba461
  • notificationToast.border#101014
  • panel.background#1a1b26
  • panel.border#101014
  • panelInput.border#16161e
  • panelTitle.activeForeground#adb2d3
  • panelTitle.inactiveForeground#7e829a
  • peekView.border#646e9c
  • peekViewEditor.background#1a1b26
  • peekViewEditor.matchHighlightBackground#3d59a166
  • peekViewResult.background#16161e
  • peekViewResult.fileForeground#787c99
  • peekViewResult.lineForeground#a9b1d6
  • peekViewResult.matchHighlightBackground#3d59a166
  • peekViewResult.selectionBackground#3d59a133
  • peekViewResult.selectionForeground#a9b1d6
  • peekViewTitle.background#16161e
  • peekViewTitleDescription.foreground#787c99
  • peekViewTitleLabel.foreground#a9b1d6
  • pickerGroup.border#101014
  • pickerGroup.foreground#adb2d3
  • progressBar.background#3d59a1
  • quickInputTitle.background#16161e
  • sash.hoverBorder#29355a
  • scmGraph.foreground1#ff9e64
  • scmGraph.foreground2#e0af68
  • scmGraph.foreground3#41a6b5
  • scmGraph.foreground4#7aa2f7
  • scmGraph.foreground5#bb9af7
  • scmGraph.historyItemBaseRefColor#9d7cd8
  • scmGraph.historyItemHoverAdditionsForeground#41a6b5
  • scmGraph.historyItemHoverDefaultLabelForeground#a9b1d6
  • scmGraph.historyItemHoverDeletionsForeground#f7768e
  • scmGraph.historyItemHoverLabelForeground#1b1e2e
  • scmGraph.historyItemRefColor#506FCA
  • scmGraph.historyItemRemoteRefColor#41a6b5
  • scrollbar.shadow#00000033
  • scrollbarSlider.activeBackground#868bc455
  • scrollbarSlider.background#868bc425
  • scrollbarSlider.hoverBackground#868bc440
  • selection.background#515c7e40
  • settings.headerForeground#6183bb
  • sideBar.background#16161e
  • sideBar.dropBackground#1e202e
  • sideBar.foreground#adb2d3
  • sideBarSectionHeader.background#1a1b26
  • sideBarSectionHeader.foreground#a9b1d6
  • sideBarTitle.foreground#787c99
  • statusBar.background#16161e
  • statusBar.debuggingBackground#3d59a1
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#787c99
  • statusBar.noFolderBackground#16161e
  • statusBarItem.activeBackground#10101480
  • statusBarItem.hoverBackground#20222c80
  • statusBarItem.hoverForeground#ffffffD0
  • statusBarItem.prominentBackground#101014
  • statusBarItem.prominentHoverBackground#20222c
  • statusBarItem.remoteBackground#3d59a1
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1a1b26
  • tab.activeBorder#CCCCCC
  • tab.activeForeground#a9b1d6
  • tab.activeModifiedBorder#1a1b26
  • tab.border#101014
  • tab.hoverForeground#a9b1d6
  • tab.inactiveBackground#16161e
  • tab.inactiveForeground#787c99
  • tab.inactiveModifiedBorder#1f202e
  • tab.lastPinnedBorder#222333
  • tab.unfocusedActiveBorder#1f202e
  • tab.unfocusedActiveForeground#a9b1d6
  • tab.unfocusedHoverForeground#a9b1d6
  • tab.unfocusedInactiveForeground#787c99
  • terminal.ansiBlack#363b54
  • terminal.ansiBlue#7aa2f7
  • terminal.ansiBrightBlack#363b54
  • terminal.ansiBrightBlue#7aa2f7
  • terminal.ansiBrightCyan#7dcfff
  • terminal.ansiBrightGreen#73daca
  • terminal.ansiBrightMagenta#bb9af7
  • terminal.ansiBrightRed#f7768e
  • terminal.ansiBrightWhite#dddddd
  • terminal.ansiBrightYellow#e0af68
  • terminal.ansiCyan#7dcfff
  • terminal.ansiGreen#73daca
  • terminal.ansiMagenta#bb9af7
  • terminal.ansiRed#f7768e
  • terminal.ansiWhite#bbbbbb
  • terminal.ansiYellow#e0af68
  • terminal.foreground#adb2d3
  • terminal.selectionBackground#515c7e4d
  • textBlockQuote.background#16161e
  • textCodeBlock.background#16161e
  • textLink.activeForeground#7dcfff
  • textLink.foreground#6183bb
  • textPreformat.foreground#9699a8
  • textSeparator.foreground#363b54
  • titleBar.activeBackground#1a1b26
  • titleBar.activeForeground#787c99
  • titleBar.inactiveBackground#1a1b26
  • titleBar.inactiveForeground#787c99
  • toolbar.activeBackground#10101480
  • toolbar.hoverBackground#20222c80
  • tree.indentGuidesStroke#2b2b3b
  • walkThrough.embeddedEditorBackground#16161e
  • widget.shadow#101014a0
  • window.activeBorder#0d0f17
  • window.inactiveBorder#0d0f17

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, string.comment, comment.line, punctuation.definition.comment#999999
delimiter.bracket, delimiter, invalid.illegal.character-not-allowed-here.html, keyword.operator.rest, keyword.operator.spread, keyword.operator.type.annotation, keyword.operator.relational, keyword.operator.assignment, meta.tag.block.any.html, meta.tag.inline.any.html, meta.tag.structure.input.void.html, meta.type.annotation, meta.embedded.block.github-actions-expression, storage.type.function.arrow, keyword.operator.type, meta.objectliteral.ts#b8d7f9
punctuation, meta.brace, meta.attribute punctuation.separator#b8d7f9
punctuation.terminator, punctuation.separator#b8d7f9cc
constant, support.constant, entity.name.constant, variable.language, meta.definition.variable#f0c0a8
entity, entity.name, variable.parameter.function, meta.body.function.definition.special, support.function, meta.function, meta.function-call.python#8fc7ff
entity.name.tag, tag.html#edabab
entity.name.function#8fc7ff
keyword, storage.type.java, entity.name.package, entity.name.import, keyword.operator.expression.infer, keyword.control.satisfies, keyword.control.as.ts#d2ccff
storage.type.annotation.java#8fc7ff
storage, storage.type, support.type.builtin#d2ccff
constant.language.undefined, constant.language.null, constant.language.nullptr#e3cbebitalic
support.type.primitive, support.type.builtinbold
string, string punctuation.section.embedded source, attribute.value, meta.attribute-selector.scss, entity.name.import.go#a4dfae
punctuation.definition.string, punctuation.support.type.property-name#a4dfaeb3
support#ded6cf
property, meta.property-name, meta.object-literal.key, attribute.name, variable.other.object.property, variable.other.property#ded6cf
entity.name.tag.yaml, meta.attribute, meta.attribute entity, entity.other.attribute-name, source.css support.type.property-name.media, entity.other.attribute-name.tsx, entity.other.attribute-name.js, entity.other.attribute-name.xml#eecfa0
source.css support.type.property-name#ded6cf
variable, identifier, constant.other.table-name, invalid.deprecated.entity.other.attribute-name.html, support.type.property-name.json, support.type.property-name.toml, support.type.property-name.array.toml, keyword.other.definition.ini, variable.other.normal.shell, meta.var#eecfa0
support.type.primitive, entity.name.type.instance.jsdoc#d2ccff
entity.name.type.parameter#eecfa0bold
entity.name.type.parameter.cpp, entity.name.type.ts#f0c0a8
meta.type keyword.operator.expression.typeof, meta.type keyword.operator.expression.keyof#d2ccffitalic
namespace#e3cbeb
meta.type.annotation, support.type#f0c0a8
keyword.operator, keyword.operator.assignment.compound, meta.var.expr.ts#b8d7f9
invalid#edababstrikethrough
message.error#edabab
string variable#a4dfae
source.regexp, string.regexp#a4dfae
string.regexp punctuation.definition.stringbold
keyword.control.anchor.regexp, storage.modifier.reference
punctuation.definition.character-class.regexp#b8d7f9
string.regexp.character-class, constant.character.escape, constant.other.character-class.regexp, string.regexp string.regexp.arbitrary-repitition, string.regexp constant.character.escape, constant.other.placeholder#8fc7ff
constant.numeric, constant.numeric.hex storage.type.number, number#d5f288
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, punctuation.definition.entity.css#8fc7ff
source.css variable#a1e8e5
keyword.other.unit, punctuation.definition.constant.css#8fc7ff
source.css support.function#d2ccff
constant.language.boolean, constant.language#d2ccff
meta.module-reference#8fc7ff
entity.name.section#d2ccff
punctuation.definition.list.begin.markdown#b8d7f9
markup.heading, markup.heading entity.name#d2ccffbold
markup.quote#a1e8e5
markup.italic#f0c0a8italic
markup.bold#f0c0a8bold
markup.inline.raw, fenced_code.block.language.markdown, fenced_code.block.language#edabab
markup.deleted, punctuation.definition.deleted#edabab
markup.inserted, punctuation.definition.inserted#a4dfae
markup.changed, punctuation.definition.changed#eecfa0
markup.ignored, markup.untracked#999999
meta.diff.range#d2ccffbold
meta.diff.header#8fc7ff
meta.separator#8fc7ffbold
meta.output#8fc7ff
brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote#b8d7f9
brackethighlighter.unmatched#edabab
constant.other.reference.link, string.other.link, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, markup.heading.setext#8fc7ff
string.other.link.description, string.other.link.title#a4dfae
variable.other.link.underlineunderline
markup.underline.link.markdown, markup.underline.link.image.markdown#8fc7ffunderline
variable.parameter, variable.other.jsdoc, meta.import variable#eecfa0
type.identifier, entity.other.inherited-class, entity.name.type.class, entity.name.type.module, meta.parameter.initialization#f0c0a8
entity.name.section.group-title, support.type.property-name.table.toml#d2ccff
support.class.component.js, support.class.component.ts, support.class.component.jsx, support.class.component.tsx, support.class.component.vue, support.class.component.svelte, support.class.component.astro#a1e8e5
meta.fstring.python constant.character.format.placeholder#a1e8e5
string.quoted.docstring.multi.python keyword.control
invalid.illegal.unrecognized-tag.html
source.vue meta.tag.other.unrecognized.html#b8d7f9
keyword.control.directive, keyword.control.import, keyword.control.from, keyword.control.export, keyword.package, keyword.other.package, keyword.import, meta.use.rust keyword, variable.language.this, variable.language.super, keyword.operator.new, keyword.control.trycatch, storage.modifier.package, storage.modifier.import, keyword.operator.expression.import, keyword.operator.expression.infer, source.css keyword.other.important, keyword.other.using, keyword.control.at-rule.import.css, keyword.control.at-rule.import.scss, keyword.control.at-rule.import.less#e3cbeb
source.css keyword.other.important, source.sass keyword.other.important, source.less keyword.other.importantbold
keyword.control.import.python#d2ccff
keyword.control.ternary.java#e3cbeb
keyword.control, keyword.function, keyword.operator.new, keyword.operator.borrow.and.rust, storage.type, storage.modifier, variable.language.thisitalic
meta.decorator entity.name.function, meta.decorator variable.other.readwrite, meta.declaration storage.type.annotation.javabold
source.go storage.type
keyword.channel.gobold
storage.type.function.arrow
storage.type.java, punctuation.definition.string.templatebold
source.java storage.type.primitivebold
source.java variable.parameterunderline
storage.type.object.array.java, meta.class.java storage.type.java, entity.name.type.class.java#f0c0a8
entity.name.namespace#eecfa0
meta.jsx.children#cbd5e1
invalid.illegal.character-not-allowed-here.html, invalid.deprecated.entity.other.attribute-name.html
source.nix invalid#b8d7f9
source.nix invalid.illegal.reserved#d2ccff
entity.name.type.rust#f0c0a8
log.error#edabab
log.warning#eecfa0
log.info#a4dfae
log.debug#8fc7ff
log.verbose#b8d7f9
log.date#999999

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...