Maron Themes
Publisher: Kain NhantumboThemes in package: 56
Pack of well curated themes with Editor UI and Semantics consistency in mind, backed with love for a seamless coding experience!
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#20232a
- activityBar.border#ff000000
- activityBar.foreground#fac863
- activityBarBadge.background#fac863
- activityBarBadge.foreground#1a1a1a
- badge.background#fac863
- badge.foreground#1a1a1a
- breadcrumb.activeSelectionForeground#fac863
- breadcrumb.background#20232a
- breadcrumb.focusForeground#fac863
- breadcrumb.foreground#9397A0
- button.background#fac863
- button.border#c5a5c520
- button.foreground#20232a
- debugToolBar.background#20232a
- diffEditor.insertedTextBackground#99c79460
- diffEditor.removedTextBackground#ec5f6770
- dropdown.background#20232a
- dropdown.border#fac86320
- dropdown.foreground#f8f8f2
- editor.background#20232a
- editor.findMatchBackground#353b45
- editor.findMatchHighlightBackground#353b45ee
- editor.lineHighlightBackground#08080860
- editor.selectionBackground#6699cc70
- editor.selectionHighlightBackground#d8dee941
- editorBracketHighlight.foreground1#6272a4
- editorBracketHighlight.foreground2#fac863
- editorBracketHighlight.foreground3#8be9fd
- editorBracketHighlight.foreground4#c5a5c5
- editorBracketHighlight.foreground5#99c794
- editorBracketHighlight.foreground6#f8f8f2
- editorBracketMatch.background#252b39
- editorBracketMatch.border#c5a5c5
- editorCodeLens.foreground#6272a4
- editorCursor.background#20232a
- editorCursor.foreground#fac863
- editorGroup.border#c5a5c515
- editorGroup.dropBackground#fac86320
- editorGroupHeader.border#ff000000
- editorGroupHeader.tabsBackground#20232a
- editorGroupHeader.tabsBorder#ff000000
- editorGutter.addedBackground#50fa7b80
- editorGutter.deletedBackground#ff555580
- editorGutter.modifiedBackground#8be9fd80
- editorHoverWidget.background#20232a
- editorHoverWidget.border#c5a5c520
- editorIndentGuide.activeBackground1#ffffff25
- editorIndentGuide.activeBackground2#ffffff25
- editorIndentGuide.activeBackground3#ffffff25
- editorIndentGuide.activeBackground4#ffffff25
- editorIndentGuide.activeBackground5#ffffff25
- editorIndentGuide.activeBackground6#ffffff25
- editorIndentGuide.background1#ffffff10
- editorIndentGuide.background2#ffffff10
- editorIndentGuide.background3#ffffff10
- editorIndentGuide.background4#ffffff10
- editorIndentGuide.background5#ffffff10
- editorIndentGuide.background6#ffffff10
- editorInfo.border#c5a5c520
- editorLineNumber.activeForeground#fac863
- editorLineNumber.foreground#9397A060
- editorOverviewRuler.border#ff000000
- editorRuler.foreground#424450
- editorSuggestWidget.background#20232a
- editorSuggestWidget.border#c5a5c520
- editorSuggestWidget.foreground#f8f8f2
- editorWarning.foreground#8be9fd
- editorWidget.background#20232a
- editorWidget.border#c5a5c520
- focusBorder#fac86390
- foreground#f8f8f2
- gitDecoration.conflictingResourceForeground#fc929e
- gitDecoration.deletedResourceForeground#ffb86c
- gitDecoration.ignoredResourceForeground#c5a5c560
- gitDecoration.modifiedResourceForeground#ffb86c
- gitDecoration.untrackedResourceForeground#8dc891
- icon.foreground#fac863
- input.background#20232a
- input.border#c5a5c520
- input.foreground#eeffff
- input.placeholderForeground#eeffff60
- inputOption.activeBorder#bd93f9
- inputValidation.errorBorder#ff5370
- inputValidation.infoBorder#82aaff
- inputValidation.warningBorder#ffcb6b
- list.activeSelectionBackground#c5a5c520
- list.activeSelectionForeground#fac863
- list.activeSelectionIconForeground#fac863
- list.dropBackground#fac86320
- list.errorForeground#ff5370
- list.focusBackground#44475a75
- list.focusHighlightForeground#fac863
- list.highlightForeground#8be9fd
- list.hoverBackground#44475a75
- list.hoverForeground#f8f8f2
- list.inactiveSelectionBackground#44475a75
- list.inactiveSelectionForeground#fac863
- list.inactiveSelectionIconForeground#fac863
- list.warningForeground#f8f8f2
- menu.background#20232a
- menu.border#c5a5c520
- menu.foreground#9397A0
- menu.selectionForeground#fac863
- menu.separatorBackground#c5a5c520
- notificationCenter.border#c5a5c520
- notificationCenterHeader.background#20232a
- notifications.background#20232a
- notifications.border#c5a5c520
- notificationToast.border#c5a5c520
- panel.background#20232a
- panel.border#c5a5c520
- panelInput.border#c5a5c520
- panelSection.border#c5a5c520
- panelSection.dropBackground#fac86320
- panelTitle.activeBorder#fac863
- panelTitle.activeForeground#fac863
- panelTitle.inactiveForeground#9397A0
- peekView.border#c5a5c520
- peekViewEditor.background#20232a
- peekViewResult.background#20232a
- peekViewResult.selectionBackground#fac86320
- peekViewTitle.background#20232a
- peekViewTitleLabel.foreground#fac863
- progressBar.background#61dafb
- scrollbar.shadow#ff000000
- scrollbarSlider.activeBackground#fac86330
- scrollbarSlider.background#fac86315
- scrollbarSlider.hoverBackground#fac86325
- settings.headerForeground#ffb86c
- settings.modifiedItemIndicator#c5a5c5
- sideBar.background#20232a
- sideBar.border#ff000000
- sideBar.dropBackground#fac86320
- sideBar.foreground#9397A0
- sideBarSectionHeader.background#20232a
- sideBarTitle.foreground#fac863
- statusBar.background#20232a
- statusBar.debuggingBackground#c5a5c5
- statusBar.debuggingForeground#20232a
- statusBar.foreground#9397A0
- statusBar.noFolderBackground#20232a
- statusBarItem.compactHoverBackground#20232a
- statusBarItem.hoverBackground#20232aaa
- statusBarItem.hoverForeground#fac863
- statusBarItem.remoteBackground#20232a
- statusBarItem.remoteForeground#fac863
- statusBarItem.remoteHoverBackground#20232a
- statusBarItem.remoteHoverForeground#c5a5c5
- tab.activeBorder#fac863
- tab.activeForeground#fac863
- tab.inactiveBackground#20232a
- tab.inactiveForeground#9397A0
- 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#20232a
- terminal.border#c5a5c520
- terminal.dropBackground#fac86320
- terminal.foreground#f8f8f2
- terminalCommandDecoration.defaultBackground#fac863
- terminalCommandDecoration.errorBackground#ff5555
- terminalCommandDecoration.successBackground#50fa7b
- terminalCursor.background#20232a
- terminalCursor.foreground#fac863
- textBlockQuote.background#17191D
- textBlockQuote.border#fac863
- textCodeBlock.background#17191D
- textLink.activeForeground#fac863
- textLink.foreground#c5a5c5
- textPreformat.background#17191D
- textPreformat.foreground#fac863
- titleBar.activeBackground#20232a
- titleBar.activeForeground#9397A0
- titleBar.inactiveBackground#20232a
- tree.indentGuidesStroke#fac86340
- walkThrough.embeddedEditorBackground#20232a
- welcomePage.progress.background#f8f8f220
- welcomePage.progress.foreground#c5a5c5
- welcomePage.tileBackground#c5a5c515
- widget.border#c5a5c520
- widget.shadow#ff000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.quoted.docstring | #B2B2B2 | — |
| keyword, storage.type.class | #C5A5C5 | — |
| function | #79B6F2 | — |
| variable, meta.jsx.children | #D7DEEA | — |
| type, support.type, support.type.property-name.json.comments | #FAC863 | — |
| variable.other.constant | #8BE9EE | — |
| markup.heading.1 punctuation.definition.heading | #FF0000 | — |
| constant.character.entity | #D67C9B | — |
| entity.name.exception | #D67C9B | — |
| entity.name.function, support.function, support.class.builtin, keyword.other.name-of-parameter | #79B6F2 | — |
| markup.strikethrough | — | strikethrough |
| markup.italic | #79B6F2 | italic |
| markup.bold | #FAC863 | bold |
| markup.quote | #FC929E | — |
| invalid, invalid.deprecated, invalid.illegal | #FC929E | — |
| markup.deleted | #FC929E | — |
| markup.changed | #FAC863 | — |
| markup.inserted | #79B6F2 | — |
| markup.underline | — | underline |
| markup.underline.link | — | underline |
| entity.name.tag | #FC929E | — |
| support.class, support.class.component, constant.numeric, support.variable.property.dom | #FC929E | — |
| entity.other.inherited-class, entity.name.type | #FAC863 | — |
| storage.modifier, storage.type | #C5A5C5 | — |
| constructor | #79B6F2 | — |
| variable.language, entity.other.attribute-name, constant.language.undefined, constant.language.null | #C5A5C5 | |
| constant.language.boolean | #FF8B50 | — |
| variable.parameter, variable.other.constant, variable.other.readwrite, meta.object-literal.key | #D7DEEA | — |
| punctuation, punctuation.definition.tag, punctuation.section.embedded, meta.brace.round, meta.array.literal | #88C6BE | — |
| keyword.operator | #fac863DD | — |
| source.python | #FFFFFF | — |
| constant.language.python | #F99157 | — |
| source.lua | #FFFFFF | — |
| comment | #B2B2B2 | — |
| punctuation.terminator.statement | #88C6BE | — |
| punctuation.definition.comment | #B2B2B2 | — |
| string.quoted | #8DC891 | — |
| constant.other.object.key | #D8DEE9 | — |
| meta.embedded.assembly | #8DC891 | — |
| keyword - keyword.operator | #C5A5C5 | — |
| keyword.operator.new | #C5A5C5 | — |
| keyword.control | #C5A5C5 | — |
| storage | #C5A5C5 | — |
| storage.type | #C5A5C5 | — |
| constant.numeric | #5A9BCF | — |
| entity.name.type | #FAC863 | — |
| entity.name.class | #88C6BE | — |
| support.type | #D8DEE9 | — |
| support.class | #88C6BE | — |
| entity.name.function | #79B6F2 | — |
| support.function | #79B6F2 | — |
| entity.name.variable | #FC929E | — |
| meta.class, entity.name.class, entity.name.type.class, entity.other.inherited-class, meta.field.declaration | #F9C76B | — |
| variable.other.readwrite, meta.function.parameters, meta.function.method | #D8DEE9 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| constant.other.color, punctuation.definition.tag, punctuation, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.brace.round, meta.brace.square, meta.brace.curly, constant.other.color, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js, punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css | #BFD5DE60 | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #6796E6 | — |
| keyword.control.export, keyword.control.default, keyword.import, entity.name.function.operator | #fac863 | — |
| entity.name.tag.other.html, entity.name.tag support.class.component, support.class.component.html | #fac863 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...