Maroza Theme
Publisher: thirawat27Themes in package: 5
Maroza, a theme that fits everyone.
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#ede9fe
- activityBar.border#e2e8f0
- activityBar.foreground#5b21b6
- activityBar.inactiveForeground#a78bfa
- activityBarBadge.background#7c3aed
- activityBarBadge.foreground#ffffff
- badge.background#a78bfa
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#4c1d95
- breadcrumb.background#f5f3ff
- breadcrumb.focusForeground#4c1d95
- breadcrumb.foreground#64748B
- button.background#7c3aed
- button.foreground#ffffff
- button.hoverBackground#6d28d9
- button.secondaryBackground#ede9fe
- button.secondaryForeground#5b21b6
- button.secondaryHoverBackground#8b5cf6
- diffEditor.insertedTextBackground#dcfce7
- diffEditor.removedTextBackground#fee2e2
- editor.background#fbfaff
- editor.findMatchBackground#fde68a
- editor.findMatchHighlightBackground#facc1580
- editor.foreground#111827
- editor.hoverHighlightBackground#ede9fe
- editor.inactiveSelectionBackground#e5e7eb
- editor.lineHighlightBackground#ede9fe
- editor.lineHighlightBorder#dcd7fe
- editor.selectionBackground#dadafc
- editor.selectionHighlightBackground#dadafc80
- editor.wordHighlightBackground#ede9fe
- editor.wordHighlightStrongBackground#dcd7fe
- editorBracketMatch.background#dcd7fe
- editorBracketMatch.border#a78bfa
- editorCursor.foreground#6d28d9
- editorError.foreground#dc2626
- editorGroup.border#e2e8f0
- editorGroupHeader.tabsBackground#f5f3ff
- editorGutter.addedBackground#4ade80
- editorGutter.background#fbfaff
- editorGutter.deletedBackground#f87171
- editorGutter.foldingControlForeground#9ca3af
- editorGutter.modifiedBackground#60a5fa
- editorHoverWidget.border#e2e8f0
- editorIndentGuide.activeBackground#c4b5fd
- editorIndentGuide.background#e5e7eb
- editorInfo.foreground#2563eb
- editorLineNumber.activeForeground#5b21b6
- editorLineNumber.foreground#9ca3af
- editorLink.activeForeground#6d28d9
- editorRuler.foreground#dcd7fe
- editorSuggestWidget.border#e2e8f0
- editorWarning.foreground#f97316
- editorWhitespace.foreground#e5e7eb
- editorWidget.background#ede9fe
- editorWidget.border#c4b5fd
- editorWidget.resizeBorder#8B5CF6
- focusBorder#a78bfa
- foreground#2d3748
- input.background#ede9fe
- input.border#8B5CF6
- input.foreground#2d3748
- input.placeholderForeground#9ca3af
- inputOption.activeBorder#8B5CF6
- keybindingLabel.background#f1f5f9
- keybindingLabel.border#cbd5e1
- keybindingLabel.bottomBorder#8B5CF6
- keybindingLabel.foreground#1e293b
- list.activeSelectionBackground#dcd7fe
- list.activeSelectionForeground#4c1d95
- list.focusBackground#dadafc
- list.focusForeground#4c1d95
- list.highlightForeground#6d28d9
- list.hoverBackground#ede9fe
- list.hoverForeground#4c1d95
- list.inactiveSelectionBackground#f5f3ff
- listFilterWidget.background#ede9fe
- listFilterWidget.noMatchesOutline#ef4444
- listFilterWidget.outline#a78bfa
- menu.background#f5f3ff
- menu.border#e2e8f0
- menu.foreground#2d3748
- menu.selectionBackground#ede9fe
- menu.selectionBorder#8B5CF6
- menu.selectionForeground#4c1d95
- menu.separatorBackground#e0d8fe
- menubar.selectionBackground#ede9fe
- menubar.selectionForeground#8B5CF6
- notifications.border#8B5CF6
- notificationToast.border#8B5CF6
- panel.background#f5f3ff
- panel.border#e2e8f0
- panelTitle.activeBorder#a78bfa
- panelTitle.activeForeground#4c1d95
- panelTitle.inactiveForeground#64748B
- peekView.border#8B5CF6
- pickerGroup.border#8B5CF6
- scrollbar.shadow#a78bfa33
- scrollbarSlider.activeBackground#a78bfa
- scrollbarSlider.background#c4b5fd
- scrollbarSlider.hoverBackground#a78bfa
- selection.background#dadafc
- sideBar.background#f5f3ff
- sideBar.border#e2e8f0
- sideBar.foreground#374151
- sideBarSectionHeader.background#ede9fe
- sideBarSectionHeader.border#dcd7fe
- sideBarSectionHeader.foreground#5b21b6
- sideBarTitle.foreground#5b21b6
- statusBar.background#ede9fe
- statusBar.border#e2e8f0
- statusBar.debuggingBackground#f97316
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#5b21b6
- statusBar.noFolderBackground#dcd7fe
- statusBar.noFolderForeground#5b21b6
- statusBarItem.hoverBackground#dcd7fe
- statusBarItem.remoteBackground#a78bfa
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#f5f3ff
- tab.activeBorderTop#8B5CF6
- tab.activeForeground#4c1d95
- tab.border#e2e8f0
- tab.inactiveBackground#f5f3ff
- tab.inactiveForeground#9ca3af
- terminal.ansiBlack#374151
- terminal.ansiBlue#3b82f6
- terminal.ansiBrightBlack#64748B
- terminal.ansiBrightBlue#60a5fa
- terminal.ansiBrightCyan#22d3ee
- terminal.ansiBrightGreen#4ade80
- terminal.ansiBrightMagenta#c084fc
- terminal.ansiBrightRed#f87171
- terminal.ansiBrightWhite#111827
- terminal.ansiBrightYellow#fb923c
- terminal.ansiCyan#06b6d4
- terminal.ansiGreen#22c55e
- terminal.ansiMagenta#a855f7
- terminal.ansiRed#ef4444
- terminal.ansiWhite#475569
- terminal.ansiYellow#f97316
- terminal.foreground#2d3748
- terminal.selectionBackground#dadafc
- terminalCursor.foreground#6d28d9
- textLink.foreground#6d28d9
- titleBar.activeBackground#f5f3ff
- titleBar.activeForeground#2d3748
- titleBar.border#e2e8f0
- titleBar.inactiveBackground#f5f3ff
- titleBar.inactiveForeground#64748B
- tree.indentGuidesStroke#dcd7fe
- widget.shadow#0000001a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison | #475569 | — |
| variable.other.generic-type.haskell | #8B5CF6 | — |
| storage.type.haskell | #F97316 | — |
| support.variable.magic.python | #DC2626 | — |
| punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python | #475569 | — |
| variable.parameter.function.language.special.self.python | #D97706 | — |
| storage.modifier.lifetime.rust | #475569 | — |
| support.function.std.rust | #2563EB | — |
| entity.name.lifetime.rust | #D97706 | — |
| variable.language.rust | #DC2626 | — |
| support.constant.edge | #8B5CF6 | — |
| constant.other.character-class.regexp | #DC2626 | — |
| keyword.operator.quantifier.regexp | #F97316 | — |
| punctuation.definition.string.begin,punctuation.definition.string.end | #16a34a | — |
| variable.parameter.function | #475569 | italic |
| comment markup.link | #64748B | — |
| markup.changed.diff | #D97706 | — |
| meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff | #2563EB | — |
| markup.inserted.diff | #16a34a | — |
| markup.deleted.diff | #DC2626 | — |
| meta.function.c,meta.function.cpp | #DC2626 | — |
| punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c | #475569 | — |
| punctuation.separator.key-value | #475569 | — |
| keyword.operator.expression.import | #2563EB | — |
| support.constant.math | #D97706 | — |
| support.constant.property.math | #F97316 | — |
| variable.other.constant | #D97706 | — |
| support.type.property-name.json | #8B5CF6 | — |
| string.quoted.double.json | #16a34a | — |
| constant.numeric.json | #F97316 | — |
| constant.language.boolean.json | #2563EB | — |
| constant.language.null.json | #64748B | — |
| storage.type.annotation.java, storage.type.object.array.java | #D97706 | — |
| source.java | #DC2626 | — |
| punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java | #475569 | — |
| meta.method.java | #2563EB | — |
| storage.modifier.import.java,storage.type.java,storage.type.generic.java | #D97706 | — |
| keyword.operator.instanceof.java | #8B5CF6 | — |
| meta.definition.variable.name.java | #DC2626 | — |
| keyword.operator.logical | #059669 | — |
| keyword.operator.bitwise | #059669 | — |
| keyword.operator.channel | #059669 | — |
| support.constant.property-value.scss,support.constant.property-value.css | #F97316 | — |
| keyword.operator.css,keyword.operator.scss,keyword.operator.less | #059669 | — |
| support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss | #F97316 | — |
| punctuation.separator.list.comma.css | #475569 | — |
| support.constant.color.w3c-standard-color-name.css | #F97316 | — |
| support.type.vendored.property-name.css | #059669 | — |
| support.module.node,support.type.object.module,support.module.node | #D97706 | — |
| entity.name.type.module | #D97706 | — |
| variable.other.readwrite,support.variable.object.process,support.variable.object.node | #D97706 | — |
| meta.object-literal.key,support.variable.property | #DC2626 | — |
| support.constant.json | #F97316 | — |
| keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof | #8B5CF6 | — |
| support.type.object.console | #D97706 | — |
| support.variable.property.process | #F97316 | — |
| entity.name.function,support.function.console | #2563EB | — |
| keyword.operator.misc.rust | #475569 | — |
| keyword.operator.sigil.rust | #8B5CF6 | — |
| keyword.operator.delete | #8B5CF6 | — |
| support.type.object.dom | #059669 | — |
| support.variable.dom,support.variable.property.dom | #D97706 | — |
| keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational | #059669 | — |
| keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp | #8B5CF6 | — |
| punctuation.separator.delimiter | #475569 | — |
| punctuation.separator.c,punctuation.separator.cpp | #475569 | — |
| support.type.posix-reserved.c,support.type.posix-reserved.cpp | #059669 | — |
| keyword.operator.sizeof.c,keyword.operator.sizeof.cpp | #8B5CF6 | — |
| variable.parameter.function.language.python | #F97316 | italic |
| support.type.python | #059669 | — |
| keyword.operator.logical.python | #8B5CF6 | — |
| variable.parameter.function.python | #F97316 | italic |
| punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python | #475569 | — |
| meta.function-call.generic.python | #2563EB | — |
| constant.character.format.placeholder.other.python | #F97316 | — |
| keyword.operator | #475569 | — |
| keyword.operator.assignment.compound | #8B5CF6 | — |
| keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts | #059669 | — |
| keyword | #8B5CF6 | bold |
| entity.name.namespace | #D97706 | bold |
| variable | #DC2626 | — |
| variable.c | #475569 | — |
| variable.language | #D97706 | — |
| token.variable.parameter.java | #475569 | — |
| import.storage.java | #D97706 | — |
| token.package.keyword | #8B5CF6 | — |
| token.package | #475569 | — |
| entity.name.function, meta.require, support.function.any-method, variable.function | #2563EB | bold |
| entity.name.type.namespace | #D97706 | bold |
| support.class, entity.name.type.class | #D97706 | bold |
| entity.name.class.identifier.namespace.type | #D97706 | bold |
| entity.name.class, variable.other.class.js, variable.other.class.ts | #D97706 | bold |
| entity.name.type | #D97706 | bold |
| keyword.control | #8B5CF6 | bold |
| control.elements, keyword.operator.less | #F97316 | — |
| keyword.other.special-method | #2563EB | — |
| storage | #8B5CF6 | bold |
| token.storage | #8B5CF6 | — |
| keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void | #8B5CF6 | — |
| token.storage.type.java | #D97706 | — |
| support.function | #059669 | — |
| support.type.property-name | #475569 | — |
| support.constant.property-value | #475569 | — |
| support.constant.font-name | #F97316 | — |
| meta.tag | #475569 | — |
| string | #16a34a | — |
| entity.other.inherited-class | #D97706 | — |
| constant.other.symbol | #059669 | — |
| constant.numeric | #F97316 | — |
| constant | #F97316 | — |
| punctuation.definition.constant | #F97316 | — |
| entity.name.tag | #DC2626 | bold |
| entity.other.attribute-name | #E11D48 | — |
| entity.other.attribute-name.id | #2563EB | normal |
| entity.other.attribute-name.class.css | #F97316 | normal |
| meta.selector | #8B5CF6 | — |
| markup.heading | #DC2626 | bold |
| markup.heading punctuation.definition.heading, entity.name.section | #2563EB | — |
| keyword.other.unit | #DC2626 | — |
| markup.bold,todo.bold | #E11D48 | bold |
| punctuation.definition.bold | #D97706 | — |
| markup.italic, punctuation.definition.italic,todo.emphasis | #8B5CF6 | italic |
| emphasis md | #8B5CF6 | — |
| entity.name.section.markdown | #DC2626 | bold |
| punctuation.definition.heading.markdown | #DC2626 | — |
| punctuation.definition.list.begin.markdown | #DC2626 | — |
| markup.heading.setext | #475569 | — |
| punctuation.definition.bold.markdown | #F97316 | — |
| markup.inline.raw.markdown,markup.inline.raw.string.markdown | #16a34a | — |
| punctuation.definition.list.markdown | #DC2626 | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #DC2626 | — |
| beginning.punctuation.definition.list.markdown | #DC2626 | — |
| punctuation.definition.metadata.markdown | #DC2626 | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #2563EB | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #2563EB | — |
| string.regexp | #059669 | — |
| constant.character.escape | #059669 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #475569 | — |
| meta.template.expression | #475569 | — |
| keyword.operator.module | #8B5CF6 | — |
| support.type.type.flowtype | #2563EB | — |
| support.type.primitive | #D97706 | — |
| meta.property.object | #DC2626 | — |
| variable.parameter.function.js | #DC2626 | — |
| keyword.other.template.begin | #16a34a | — |
| keyword.other.template.end | #16a34a | — |
| keyword.other.substitution.begin | #475569 | — |
| keyword.other.substitution.end | #475569 | — |
| keyword.operator.assignment | #059669 | — |
| keyword.operator.assignment.go | #D97706 | — |
| keyword.operator.arithmetic.go, keyword.operator.address.go | #8B5CF6 | — |
| entity.name.package.go | #D97706 | — |
| support.type.prelude.elm | #059669 | — |
| support.constant.elm | #F97316 | — |
| punctuation.quasi.element | #8B5CF6 | — |
| constant.character.entity | #DC2626 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #059669 | — |
| entity.global.clojure | #D97706 | — |
| meta.symbol.clojure | #DC2626 | — |
| constant.keyword.clojure | #059669 | — |
| meta.arguments.coffee, variable.parameter.function.coffee | #DC2626 | — |
| source.ini | #16a34a | — |
| meta.scope.prerequisites.makefile | #DC2626 | — |
| source.makefile | #D97706 | — |
| storage.modifier.import.groovy | #D97706 | — |
| meta.method.groovy | #2563EB | — |
| meta.definition.variable.name.groovy | #DC2626 | — |
| meta.definition.class.inherited.classes.groovy | #16a34a | — |
| support.variable.semantic.hlsl | #D97706 | — |
| support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl | #8B5CF6 | — |
| text.variable, text.bracketed | #DC2626 | — |
| support.type.swift, support.type.vb.asp | #D97706 | — |
| entity.name.function.xi | #D97706 | — |
| entity.name.class.xi | #059669 | — |
| constant.character.character-class.regexp.xi | #DC2626 | — |
| constant.regexp.xi | #8B5CF6 | — |
| keyword.control.xi | #059669 | — |
| invalid.xi | #475569 | — |
| beginning.punctuation.definition.quote.markdown.xi | #16a34a | — |
| beginning.punctuation.definition.list.markdown.xi | #64748B | — |
| constant.character.xi | #2563EB | — |
| accent.xi | #2563EB | — |
| wikiword.xi | #F97316 | — |
| constant.other.color.rgb-value.xi | #111827 | — |
| punctuation.definition.tag.xi | #64748B | — |
| entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition | #D97706 | — |
| entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #DC2626 | — |
| meta.brace.square | #475569 | — |
| comment, punctuation.definition.comment | #64748B | italic |
| markup.quote.markdown | #64748B | — |
| punctuation.definition.block.sequence.item.yaml | #475569 | — |
| constant.language.symbol.elixir | #059669 | — |
| entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.super | — | italic |
| comment.line.double-slash,comment.block.documentation | — | italic |
| keyword.control.import.python,keyword.control.flow.python | — | italic |
| markup.italic.markdown | — | italic |
| variable.other.php, punctuation.definition.variable.php | #DC2626 | — |
| entity.name.function.php, support.function.php | #2563EB | — |
| entity.name.type.class.php, support.class.php | #D97706 | — |
| constant.language.php, variable.other.constant.php | #F97316 | — |
| keyword.operator.arithmetic.php, keyword.operator.assignment.php, keyword.operator.comparison.php, keyword.operator.object.php, keyword.operator.increment-decrement.php, keyword.operator.scope-resolution.php | #059669 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #8B5CF6 | bold |
| punctuation.terminator.expression.php | #475569 | — |
| variable.other.ruby | #DC2626 | — |
| entity.name.type.class.ruby | #D97706 | bold |
| constant.other.symbol.hashkey.ruby | #16a34a | — |
| variable.other.normal.shell, variable.other.positional.shell, variable.other.bracket.shell | #DC2626 | — |
| support.function.builtin.shell, entity.name.command.shell | #2563EB | bold |
| variable.other.readwrite.powershell | #DC2626 | — |
| support.function.powershell | #2563EB | bold |
| variable.other.lua | #DC2626 | — |
| entity.name.function.lua | #2563EB | bold |
| support.type.graphql, entity.name.type.graphql | #D97706 | bold |
| variable.graphql | #DC2626 | — |
| entity.name.tag.yaml | #F97316 | bold |
| entity.name.tag.xml | #DC2626 | bold |
| entity.name.type.class.kotlin | #D97706 | bold |
| entity.name.function.kotlin | #2563EB | bold |
| entity.name.class.scala | #D97706 | bold |
| keyword.other.dockerfile | #8B5CF6 | bold |
| variable.other.readwrite.batch | #DC2626 | — |
| support.function.section.latex | #D97706 | bold |
| entity.name.type.class.cs | #D97706 | bold |
| support.class.dart | #D97706 | bold |
| variable.other.property.dart | #F97316 | — |
| entity.name.function.r, variable.function.r | #2563EB | bold |
| variable.other.readwrite.global.perl | #DC2626 | — |
| keyword.control.blade | #8B5CF6 | bold |
| string.quoted.single.twig, string.quoted.double.twig | #16a34a | — |
| entity.name.type.resource.terraform | #D97706 | bold |
| variable.other.property, support.variable.property | #DC2626 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...