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#060407
- activityBar.background#060407
- activityBar.border#1c1424
- activityBar.foreground#b89fd9
- activityBar.inactiveForeground#3d2d47
- activityBarBadge.background#6b3d7f
- badge.background#261e38
- badge.foreground#b89fd9
- button.background#211a33
- button.border#00000000
- button.foreground#b89fd9
- button.hoverBackground#311e5a
- button.secondaryBackground#1c1424
- button.secondaryBorder#00000000
- button.secondaryForeground#b87fcbef
- button.secondaryHoverBackground#311e5a
- button.separator#3d2d47
- checkbox.border#1c1424
- debugIcon.breakpointCurrentStackframeForeground#b87fcbef
- debugIcon.breakpointDisabledForeground#b87fcbef
- debugIcon.breakpointForeground#b87fcbef
- debugIcon.breakpointStackframeForeground#b87fcbef
- debugIcon.breakpointUnverifiedForeground#b87fcbef
- debugIcon.continueForeground#b87fcbef
- debugIcon.disconnectForeground#b87fcbef
- debugIcon.pauseForeground#b87fcbef
- debugIcon.restartForeground#b87fcbef
- debugIcon.startForeground#b87fcbef
- debugIcon.stepBackForeground#b87fcbef
- debugIcon.stepIntoForeground#b87fcbef
- debugIcon.stepOutForeground#b87fcbef
- debugIcon.stepOverForeground#b87fcbef
- debugIcon.stopForeground#b87fcbef
- debugToolBar.background#060407
- descriptionForeground#b87fcbef
- diffEditor.insertedLineBackground#21b3000c
- dropdown.background#060407
- dropdown.foreground#b87fcbef
- editor.background#060407
- editor.findMatchBackground#060407
- editor.findMatchBorder#8a5a9d
- editor.findMatchHighlightBackground#0f0a127c
- editor.findMatchHighlightBorder#3d2d47
- editor.foldBackground#0f0a126e
- editor.foreground#997cc0
- editor.hoverHighlightBackground#251a2a77
- editor.inactiveSelectionBackground#2a1a4d77
- editor.lineHighlightBackground#120d18
- editor.linkedEditingBackground#3d2d4750
- editor.placeholder.foreground#9482ac
- editor.selectionBackground#2a1a4d
- editor.selectionHighlightBackground#2a1a4d77
- editor.selectionHighlightBorder#2a1a4d
- editor.wordHighlightBackground#3d2d47c3
- editor.wordHighlightBorder#3d2d47
- editor.wordHighlightStrongBackground#3d2d47d4
- editor.wordHighlightTextBackground#3d2d4750
- editorBracketHighlight.foreground1#caa8f0dd
- editorBracketHighlight.foreground2#c9a8f088
- editorBracketHighlight.foreground3#caa8f055
- editorBracketHighlight.unexpectedBracket.foreground#fa6161
- editorBracketMatch.background#060407
- editorBracketMatch.border#3d2d47
- editorCursor.foreground#d5bbf3
- editorError.foreground#553d70
- editorGroup.border#1c1424
- editorGroupHeader.tabsBackground#060407
- editorGroupHeader.tabsBorder#1c1424
- editorHoverWidget.statusBarBackground#060407
- editorIndentGuide.activeBackground1#6b3d7f
- editorIndentGuide.background1#1d1626
- editorInfo.foreground#553d70
- editorLightBulb.foreground#b87fcbef
- editorLineNumber.activeForeground#4d2d66
- editorLineNumber.foreground#261e38
- editorLink.activeForeground#b89fd9
- editorOverviewRuler.border#1c1424
- editorRuler.foreground#1d1626
- editorSuggestWidget.foreground#6b3d7f
- editorSuggestWidget.highlightForeground#b89fd9
- editorWarning.foreground#553d70
- editorWhitespace.foreground#261e38
- editorWidget.background#10101c
- editorWidget.border#261e38
- focusBorder#060407
- foreground#9482ac
- gitDecoration.addedResourceForeground#b8a0d9
- gitDecoration.conflictingResourceForeground#b8a0d9
- gitDecoration.deletedResourceForeground#6b3d7f
- gitDecoration.ignoredResourceForeground#2d2545
- gitDecoration.modifiedResourceForeground#b8a0d9
- gitDecoration.submoduleResourceForeground#6b3d7f
- gitDecoration.untrackedResourceForeground#b8a0d9
- icon.foreground#9482ac
- input.background#060407
- input.border#060407
- input.foreground#b87fcbef
- keybindingLabel.background#060407
- keybindingLabel.border#1c1424
- keybindingLabel.bottomBorder#1c1424
- keybindingLabel.foreground#b87fcbef
- list.activeSelectionBackground#2a1a4d96
- list.activeSelectionForeground#e8c4ff
- list.errorForeground#ff603f
- list.filterMatchBackground#261e38
- list.filterMatchBorder#060407
- list.focusBackground#2a1a4d96
- list.focusForeground#e8c4ff
- list.highlightForeground#9970bd
- list.hoverBackground#2a1a4d96
- list.hoverForeground#b89fd9
- list.inactiveSelectionBackground#120d18
- list.inactiveSelectionForeground#b89fd9
- list.warningForeground#ffb450
- listFilterWidget.background#060407
- listFilterWidget.noMatchesOutline#ff603f
- listFilterWidget.outline#3d2d47
- menu.background#060407
- menu.foreground#b87fcbef
- menubar.selectionBackground#1c1424
- minimapSlider.activeBackground#e8c4ff22
- minimapSlider.background#e8c4ff0f
- minimapSlider.hoverBackground#e8c4ff11
- panel.border#1c1424
- panelTitle.activeBorder#060407
- panelTitle.activeForeground#b89fd9
- panelTitle.inactiveForeground#3d2d47
- peekView.border#342a4d
- peekViewEditor.background#060407
- peekViewEditor.matchHighlightBackground#060407
- peekViewEditor.matchHighlightBorder#3d2d47
- peekViewEditorGutter.background#060407
- peekViewResult.background#120d18
- peekViewResult.fileForeground#9970bd
- peekViewResult.lineForeground#3d2d47
- peekViewResult.matchHighlightBackground#1a1522
- peekViewResult.selectionBackground#060407
- peekViewResult.selectionForeground#b89fd9
- peekViewTitle.background#10101c
- pickerGroup.foreground#9d6dbf
- progressBar.background#b87fcbef
- sash.hoverBorder#1a1522
- scrollbar.shadow#060407
- scrollbarSlider.activeBackground#e8c4ff0f
- scrollbarSlider.background#e8c4ff0f
- scrollbarSlider.hoverBackground#e8c4ff0f
- selection.background#342a4d
- settings.checkboxBorder#1c1424
- settings.dropdownBorder#1c1424
- settings.modifiedItemIndicator#342a4d
- settings.textInputBorder#1c1424
- sideBar.background#060407
- sideBar.border#1c1424
- sideBar.foreground#633d7f
- sideBarSectionHeader.background#060407
- sideBarSectionHeader.border#1c1424
- statusBar.background#060407
- statusBar.border#1c1424
- statusBar.debuggingBackground#060407
- statusBar.debuggingBorder#1c1424
- statusBar.debuggingForeground#b87fcbef
- statusBar.foreground#b87fcbef
- statusBar.noFolderBackground#060407
- statusBar.noFolderBorder#1c1424
- statusBar.noFolderForeground#b87fcbef
- statusBarItem.activeBackground#060407
- statusBarItem.hoverBackground#060407
- symbolIcon.arrayForeground#b87fcbef
- symbolIcon.booleanForeground#b87fcbef
- symbolIcon.classForeground#b87fcbef
- symbolIcon.colorForeground#b87fcbef
- symbolIcon.constantForeground#b87fcbef
- symbolIcon.constructorForeground#b87fcbef
- symbolIcon.enumeratorForeground#b87fcbef
- symbolIcon.enumeratorMemberForeground#b87fcbef
- symbolIcon.eventForeground#b87fcbef
- symbolIcon.fieldForeground#b87fcbef
- symbolIcon.fileForeground#b87fcbef
- symbolIcon.folderForeground#b87fcbef
- symbolIcon.functionForeground#b87fcbef
- symbolIcon.interfaceForeground#b87fcbef
- symbolIcon.keyForeground#b87fcbef
- symbolIcon.keywordForeground#b87fcbef
- symbolIcon.methodForeground#b87fcbef
- symbolIcon.moduleForeground#b87fcbef
- symbolIcon.namespaceForeground#b87fcbef
- symbolIcon.nullForeground#b87fcbef
- symbolIcon.numberForeground#b87fcbef
- symbolIcon.objectForeground#b87fcbef
- symbolIcon.operatorForeground#b87fcbef
- symbolIcon.packageForeground#b87fcbef
- symbolIcon.propertyForeground#b87fcbef
- symbolIcon.referenceForeground#b87fcbef
- symbolIcon.snippetForeground#b87fcbef
- symbolIcon.stringForeground#b87fcbef
- symbolIcon.structForeground#b87fcbef
- symbolIcon.textForeground#b87fcbef
- symbolIcon.typeParameterForeground#b87fcbef
- symbolIcon.unitForeground#b87fcbef
- symbolIcon.variableForeground#b87fcbef
- tab.activeBorder#c9a8f0dd
- tab.activeForeground#c9a8f0dd
- tab.border#060407
- tab.hoverForeground#c9a8f0dd
- tab.inactiveBackground#060407
- tab.inactiveForeground#3d2d47dc
- tab.unfocusedHoverForeground#c9a8f0dd
- terminal.ansiBlack#060407
- terminal.ansiBlue#342a4d
- terminal.ansiBrightBlack#261e38
- terminal.ansiBrightBlue#342a4d
- terminal.ansiBrightCyan#7a509e
- terminal.ansiBrightGreen#6b3d7f
- terminal.ansiBrightMagenta#9970bd
- terminal.ansiBrightRed#8a5a9d
- terminal.ansiBrightWhite#e8c4ff
- terminal.ansiBrightYellow#b89fd9
- terminal.ansiCyan#7a509e
- terminal.ansiGreen#6b3d7f
- terminal.ansiMagenta#9970bd
- terminal.ansiRed#8a5a9d
- terminal.ansiWhite#d49de3
- terminal.ansiYellow#b89fd9
- terminal.background#060407
- terminal.foreground#9970bd
- terminalCursor.background#060407
- terminalCursor.foreground#c9a8f0
- textLink.activeForeground#e8c4ff
- textLink.foreground#e8c4ff
- textPreformat.foreground#b87fcbef
- titleBar.activeBackground#060407
- titleBar.activeForeground#b87fcbef
- titleBar.border#1c1424
- titleBar.inactiveBackground#060407
- toolbar.hoverBackground#060407
- toolbar.hoverOutline#9482ac
- tree.indentGuidesStroke#1d1625
- window.activeBorder#1c1424
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json, meta.object-literal.key | #da72f1c5 | — |
| variable.parameter.function | #da72f1c5 | — |
| comment, punctuation.definition.comment | #5f4a6daa | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array | #e8c4ff98 | — |
| none | #c9a8f0 | — |
| keyword.operator | #e8c4ff | |
| keyword | #8a5a9dee | italic |
| variable | #c88eea | — |
| entity.name.function, meta.require, support.function.any-method | #b87fcbef | italic |
| support.class, entity.name.class, entity.name.type.class | #9970bd | — |
| meta.class | #d9b8ff | — |
| keyword.other.special-method | #6b3d7f | — |
| storage | #8a5a9dee | — |
| support.function | #8a5a9d | — |
| string, constant.other.symbol, entity.other.inherited-class | #e8c4ffc0 | — |
| constant.numeric | #d49de3 | — |
| none | #b87fcbef | — |
| none | #b87fcbef | — |
| constant | #cd84e1 | — |
| entity.name.tag | #5d4a80 | — |
| entity.other.attribute-name | #9265a2 | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #6b3d7f | — |
| meta.selector | #8a5a9dee | — |
| none | #b87fcbef | — |
| markup.heading punctuation.definition.heading, entity.name.section | #6b3d7f | |
| keyword.other.unit | #b87fcbef | — |
| markup.bold, punctuation.definition.bold | #9970bd | bold |
| markup.italic, punctuation.definition.italic | #8a5a9dee | italic |
| markup.raw.inline | #e8c4ffc0 | — |
| string.other.link, punctuation.definition.string.end.markdown | #8a5a9d | — |
| meta.link | #b87fcbef | — |
| markup.list | #8a5a9d | — |
| markup.quote | #b87fcbef | — |
| meta.separator | #c9a8f0 | — |
| markup.inserted | #e8c4ffc0 | — |
| markup.deleted | #8a5a9d | — |
| markup.changed | #8a5a9dee | — |
| constant.other.color | #8a5a9d | — |
| string.regexp | #8a5a9d | — |
| constant.character.escape | #8a5a9d | — |
| punctuation.section.embedded, variable.interpolation | #8a5a9dee | — |
| invalid.illegal | #d9b8ff | — |
| invalid.broken | #060407 | — |
| invalid.deprecated | #d9b8ff | — |
| invalid.unimplemented | #d9b8ff | — |