Tlapalli
Publisher: ackzellThemes in package: 16
Tlah-PAH-lee means color in Náhuatl. Monochromatic theme with colored variations. Inspired by minerals found in Mexico
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.activeBorder#faf5f9
- activityBar.background#faf5f9
- activityBar.border#ebe5e9
- activityBar.foreground#73002c
- activityBar.inactiveForeground#d2b8c8
- activityBarBadge.background#c280a2
- badge.background#e1c7d7
- badge.foreground#73002c
- button.background#e6ccdc
- button.border#00000000
- button.foreground#73002c
- button.hoverBackground#d27bb177
- button.secondaryBackground#ebe5e9
- button.secondaryBorder#00000000
- button.secondaryForeground#7a0028af
- button.secondaryHoverBackground#d27bb177
- button.separator#d2b8c8
- checkbox.border#ebe5e9
- debugIcon.breakpointCurrentStackframeForeground#7a0028af
- debugIcon.breakpointDisabledForeground#7a0028af
- debugIcon.breakpointForeground#7a0028af
- debugIcon.breakpointStackframeForeground#7a0028af
- debugIcon.breakpointUnverifiedForeground#7a0028af
- debugIcon.continueForeground#7a0028af
- debugIcon.disconnectForeground#7a0028af
- debugIcon.pauseForeground#7a0028af
- debugIcon.restartForeground#7a0028af
- debugIcon.startForeground#7a0028af
- debugIcon.stepBackForeground#7a0028af
- debugIcon.stepIntoForeground#7a0028af
- debugIcon.stepOutForeground#7a0028af
- debugIcon.stepOverForeground#7a0028af
- debugIcon.stopForeground#7a0028af
- debugToolBar.background#faf5f9
- descriptionForeground#7a0028af
- diffEditor.insertedLineBackground#8bff7109
- dropdown.background#faf5f9
- dropdown.foreground#7a0028af
- editor.background#faf5f9
- editor.findMatchBackground#faf5f9
- editor.findMatchBorder#94264f
- editor.findMatchHighlightBackground#faf5f97c
- editor.findMatchHighlightBorder#d2b8c8
- editor.foldBackground#faf5f96e
- editor.foreground#75083c
- editor.hoverHighlightBackground#e5d5e377
- editor.inactiveSelectionBackground#d27bb133
- editor.lineHighlightBackground#f2e7ee
- editor.placeholder.foreground#c5b1bb
- editor.selectionBackground#d27bb177
- editor.selectionHighlightBackground#d27bb133
- editor.selectionHighlightBorder#d27bb177
- editor.wordHighlightBackground#d2b8c8
- editor.wordHighlightBorder#d2b8c8
- editor.wordHighlightStrongBackground#d2b8c8d4
- editorBracketHighlight.foreground1#826a75
- editorBracketHighlight.foreground2#b2528c
- editorBracketHighlight.foreground3#e08abb
- editorBracketHighlight.unexpectedBracket.foreground#9e0505
- editorBracketMatch.background#faf5f9
- editorBracketMatch.border#d2b8c8
- editorCursor.foreground#7a0033
- editorError.foreground#c28fac
- editorGroup.border#ebe5e9
- editorGroupHeader.tabsBackground#faf5f9
- editorGroupHeader.tabsBorder#ebe5e9
- editorHoverWidget.statusBarBackground#faf5f9
- editorIndentGuide.activeBackground1#7a003371
- editorIndentGuide.background1#e2d9de
- editorInfo.foreground#c28fac
- editorLightBulb.foreground#7a0028af
- editorLineNumber.activeForeground#d299be
- editorLineNumber.foreground#e1c7d7
- editorLink.activeForeground#73002c
- editorOverviewRuler.border#ebe5e9
- editorRuler.foreground#e2d9de
- editorSuggestWidget.foreground#c280a2
- editorSuggestWidget.highlightForeground#73002c
- editorWarning.foreground#c28fac
- editorWhitespace.foreground#e1c7d7
- editorWidget.background#f6ebf4
- editorWidget.border#e1c7d7
- focusBorder#faf5f9
- foreground#bb779a
- gitDecoration.addedResourceForeground#6f0028
- gitDecoration.conflictingResourceForeground#6f0028
- gitDecoration.deletedResourceForeground#c280a2
- gitDecoration.ignoredResourceForeground#d2baca
- gitDecoration.modifiedResourceForeground#6f0028
- gitDecoration.submoduleResourceForeground#c280a2
- gitDecoration.untrackedResourceForeground#6f0028
- icon.foreground#bb779a
- input.background#faf5f9
- input.border#faf5f9
- input.foreground#7a0028af
- keybindingLabel.background#faf5f9
- keybindingLabel.border#ebe5e9
- keybindingLabel.bottomBorder#ebe5e9
- keybindingLabel.foreground#d27bb1
- list.activeSelectionBackground#e5b2d266
- list.activeSelectionForeground#5c002e
- list.errorForeground#c02100
- list.filterMatchBackground#e1c7d7
- list.filterMatchBorder#faf5f9
- list.focusBackground#e5b2d266
- list.focusForeground#5c002e
- list.highlightForeground#8f003d
- list.hoverBackground#d27bb177
- list.hoverForeground#73002c
- list.inactiveSelectionBackground#f2e7ee
- list.inactiveSelectionForeground#73002c
- list.warningForeground#af6400
- listFilterWidget.background#faf5f9
- listFilterWidget.noMatchesOutline#c02100
- listFilterWidget.outline#d2b8c8
- menu.background#faf5f9
- menu.foreground#7a0028af
- menubar.selectionBackground#ebe5e9
- minimapSlider.activeBackground#5c002e21
- minimapSlider.background#5c002e0f
- minimapSlider.hoverBackground#5c002e0f
- panel.border#ebe5e9
- panelTitle.activeBorder#faf5f9
- panelTitle.activeForeground#73002c
- panelTitle.inactiveForeground#c3a9b9
- peekView.border#d5b2c5
- peekViewEditor.background#faf5f9
- peekViewEditor.matchHighlightBackground#faf5f9
- peekViewEditor.matchHighlightBorder#d2b8c8
- peekViewEditorGutter.background#faf5f9
- peekViewResult.background#f2e7ee
- peekViewResult.fileForeground#8f003d
- peekViewResult.lineForeground#d2b8c8
- peekViewResult.matchHighlightBackground#eadde4
- peekViewResult.selectionBackground#faf5f9
- peekViewResult.selectionForeground#73002c
- peekViewTitle.background#f6ebf4
- pickerGroup.foreground#920040
- progressBar.background#d27bb1
- sash.hoverBorder#eadde4
- scrollbar.shadow#ecd2e7
- scrollbarSlider.activeBackground#5c002e0f
- scrollbarSlider.background#5c002e0f
- scrollbarSlider.hoverBackground#5c002e0f
- selection.background#d5b2c5
- settings.checkboxBorder#ebe5e9
- settings.dropdownBorder#ebe5e9
- settings.modifiedItemIndicator#d5b2c5
- settings.textInputBorder#ebe5e9
- sideBar.background#faf5f9
- sideBar.border#ebe5e9
- sideBar.foreground#c280a2
- sideBarSectionHeader.background#faf5f9
- sideBarSectionHeader.border#ebe5e9
- statusBar.background#faf5f9
- statusBar.border#ebe5e9
- statusBar.debuggingBackground#faf5f9
- statusBar.debuggingBorder#ebe5e9
- statusBar.debuggingForeground#7a0028af
- statusBar.foreground#7a0028af
- statusBar.noFolderBackground#faf5f9
- statusBar.noFolderBorder#ebe5e9
- statusBar.noFolderForeground#7a0028af
- statusBarItem.activeBackground#faf5f9
- statusBarItem.hoverBackground#faf5f9
- symbolIcon.arrayForeground#7a0028af
- symbolIcon.booleanForeground#7a0028af
- symbolIcon.classForeground#7a0028af
- symbolIcon.colorForeground#7a0028af
- symbolIcon.constantForeground#7a0028af
- symbolIcon.constructorForeground#7a0028af
- symbolIcon.enumeratorForeground#7a0028af
- symbolIcon.enumeratorMemberForeground#7a0028af
- symbolIcon.eventForeground#7a0028af
- symbolIcon.fieldForeground#7a0028af
- symbolIcon.fileForeground#7a0028af
- symbolIcon.folderForeground#7a0028af
- symbolIcon.functionForeground#7a0028af
- symbolIcon.interfaceForeground#7a0028af
- symbolIcon.keyForeground#7a0028af
- symbolIcon.keywordForeground#7a0028af
- symbolIcon.methodForeground#7a0028af
- symbolIcon.moduleForeground#7a0028af
- symbolIcon.namespaceForeground#7a0028af
- symbolIcon.nullForeground#7a0028af
- symbolIcon.numberForeground#7a0028af
- symbolIcon.objectForeground#7a0028af
- symbolIcon.operatorForeground#7a0028af
- symbolIcon.packageForeground#7a0028af
- symbolIcon.propertyForeground#7a0028af
- symbolIcon.referenceForeground#7a0028af
- symbolIcon.snippetForeground#7a0028af
- symbolIcon.stringForeground#7a0028af
- symbolIcon.structForeground#7a0028af
- symbolIcon.textForeground#7a0028af
- symbolIcon.typeParameterForeground#7a0028af
- symbolIcon.unitForeground#7a0028af
- symbolIcon.variableForeground#7a0028af
- tab.activeBorder#7a0033ef
- tab.activeForeground#7a0033dd
- tab.border#faf5f9
- tab.hoverForeground#7a0033ef
- tab.inactiveBackground#faf5f9
- tab.inactiveForeground#d2b8c8dc
- tab.unfocusedHoverForeground#7a0033ef
- terminal.ansiBlack#faf5f9
- terminal.ansiBlue#d5b2c5
- terminal.ansiBrightBlack#e1c7d7
- terminal.ansiBrightBlue#d5b2c5
- terminal.ansiBrightCyan#af6191
- terminal.ansiBrightGreen#c280a2
- terminal.ansiBrightMagenta#8f003d
- terminal.ansiBrightRed#94264f
- terminal.ansiBrightWhite#5c002e
- terminal.ansiBrightYellow#73002c
- terminal.ansiCyan#af6191
- terminal.ansiGreen#c280a2
- terminal.ansiMagenta#8f003d
- terminal.ansiRed#94264f
- terminal.ansiWhite#660029
- terminal.ansiYellow#73002c
- terminal.background#faf5f9
- terminal.foreground#8f003d
- terminalCursor.background#faf5f9
- terminalCursor.foreground#7a0033
- textLink.activeForeground#5c002e
- textLink.foreground#be005f
- textPreformat.foreground#7a0028af
- titleBar.activeBackground#faf5f9
- titleBar.activeForeground#7a0028af
- titleBar.border#ebe5e9
- titleBar.inactiveBackground#faf5f9
- toolbar.hoverBackground#faf5f9
- toolbar.hoverOutline#bb779a
- tree.indentGuidesStroke#e2d9de
- welcomePage.progress.foreground#d27bb1
- window.activeBorder#8c0070
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json, meta.object-literal.key | #990047 | — |
| variable.parameter.function | #990047 | — |
| comment, punctuation.definition.comment | #b592a9aa | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array | #4c002d98 | — |
| none | #7a0033 | — |
| keyword.operator | #5c002e | |
| keyword | #ac778b | italic |
| variable | #a1627f | — |
| entity.name.function, meta.require, support.function.any-method | #7a0028af | italic |
| support.class, entity.name.class, entity.name.type.class | #8f003d | — |
| meta.class | #3b0022cc | — |
| keyword.other.special-method | #c280a2 | — |
| storage | #b5446dee | — |
| support.function | #94264f | — |
| string, constant.other.symbol, entity.other.inherited-class | #4c002eb4 | — |
| constant.numeric | #660029 | — |
| none | #7a0028af | — |
| none | #7a0028af | — |
| constant | #be4878 | — |
| entity.name.tag | #b57f9b | — |
| entity.other.attribute-name | #a00e3faf | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #c280a2 | — |
| meta.selector | #94264fee | — |
| none | #7a0028af | — |
| markup.heading punctuation.definition.heading, entity.name.section | #c280a2 | |
| keyword.other.unit | #7a0028af | — |
| markup.bold, punctuation.definition.bold | #8f003d | bold |
| markup.italic, punctuation.definition.italic | #94264fee | italic |
| markup.raw.inline | #4c002dee | — |
| string.other.link, punctuation.definition.string.end.markdown | #94264f | — |
| meta.link | #7a0028af | — |
| markup.list | #94264f | — |
| markup.quote | #7a0028af | — |
| meta.separator | #7a0033 | — |
| markup.inserted | #4c002dee | — |
| markup.deleted | #94264f | — |
| markup.changed | #94264fee | — |
| constant.other.color | #94264f | — |
| string.regexp | #94264f | — |
| constant.character.escape | #94264f | — |
| punctuation.section.embedded, variable.interpolation | #94264fee | — |
| invalid.illegal | #3b0022cc | — |
| invalid.broken | #faf5f9 | — |
| invalid.deprecated | #3b0022cc | — |
| invalid.unimplemented | #3b0022cc | — |