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#faf8f6
- activityBar.background#faf8f6
- activityBar.border#ebe6e5
- activityBar.foreground#704f26
- activityBar.inactiveForeground#d2c8b8
- activityBarBadge.background#cc9f6f80
- activityBarBadge.foreground#34291b
- badge.background#e1cfc7
- badge.foreground#704f26
- button.background#e6d4cc
- button.border#00000000
- button.foreground#704f26
- button.hoverBackground#d2a47b77
- button.secondaryBackground#ebe6e5
- button.secondaryBorder#00000000
- button.secondaryForeground#806134cf
- button.secondaryHoverBackground#d2a47b77
- button.separator#d2c8b8
- checkbox.border#ebe6e5
- debugIcon.breakpointCurrentStackframeForeground#806134cf
- debugIcon.breakpointDisabledForeground#806134cf
- debugIcon.breakpointForeground#806134cf
- debugIcon.breakpointStackframeForeground#806134cf
- debugIcon.breakpointUnverifiedForeground#806134cf
- debugIcon.continueForeground#806134cf
- debugIcon.disconnectForeground#806134cf
- debugIcon.pauseForeground#806134cf
- debugIcon.restartForeground#806134cf
- debugIcon.startForeground#806134cf
- debugIcon.stepBackForeground#806134cf
- debugIcon.stepIntoForeground#806134cf
- debugIcon.stepOutForeground#806134cf
- debugIcon.stepOverForeground#806134cf
- debugIcon.stopForeground#806134cf
- debugToolBar.background#faf8f6
- descriptionForeground#d2a47b
- diffEditor.insertedLineBackground#8dff7412
- dropdown.background#faf8f6
- dropdown.foreground#806134cf
- editor.background#faf8f6
- editor.findMatchBackground#faf8f6
- editor.findMatchBorder#a58762
- editor.findMatchHighlightBackground#f5f0ed7c
- editor.findMatchHighlightBorder#d2c8b8
- editor.foldBackground#f5f0ed6e
- editor.foreground#756042
- editor.hoverHighlightBackground#f2e8e577
- editor.inactiveSelectionBackground#d2a47b33
- editor.lineHighlightBackground#f2ece7
- editor.placeholder.foreground#cabba2
- editor.selectionBackground#d2a47b77
- editor.selectionHighlightBackground#d2a47b33
- editor.selectionHighlightBorder#d2a47b77
- editor.wordHighlightBackground#d2c8b8
- editor.wordHighlightBorder#d2c8b8
- editor.wordHighlightStrongBackground#d2c8b8d4
- editorBracketHighlight.foreground1#994d00
- editorBracketHighlight.foreground2#b26326
- editorBracketHighlight.foreground3#c59261
- editorBracketHighlight.unexpectedBracket.foreground#9e0505
- editorBracketMatch.background#faf8f6
- editorBracketMatch.border#d2c8b8
- editorCursor.foreground#57300f
- editorError.foreground#c2a78f
- editorGroup.border#ebe6e5
- editorGroupHeader.tabsBackground#faf8f6
- editorGroupHeader.tabsBorder#ebe6e5
- editorHoverWidget.statusBarBackground#faf8f6
- editorIndentGuide.activeBackground1#994d0071
- editorIndentGuide.background1#e9e0d9
- editorInfo.foreground#c2a78f
- editorLightBulb.foreground#806134cf
- editorLineNumber.activeForeground#d2b999
- editorLineNumber.foreground#e1cfc7
- editorLink.activeForeground#704f26
- editorOverviewRuler.border#ebe6e5
- editorRuler.foreground#e9e0d9
- editorSuggestWidget.foreground#c2a280
- editorSuggestWidget.highlightForeground#704f26
- editorWarning.foreground#c2a78f
- editorWhitespace.foreground#e1cfc7
- editorWidget.background#f4efea
- editorWidget.border#e1cfc7
- focusBorder#faf8f6
- foreground#b1997f
- gitDecoration.addedResourceForeground#6f4e26
- gitDecoration.conflictingResourceForeground#6f4e26
- gitDecoration.deletedResourceForeground#c2a280
- gitDecoration.ignoredResourceForeground#dac2ba
- gitDecoration.modifiedResourceForeground#6f4e26
- gitDecoration.submoduleResourceForeground#c2a280
- gitDecoration.untrackedResourceForeground#6f4e26
- icon.foreground#b1997f
- input.background#faf8f6
- input.border#faf8f6
- input.foreground#806134cf
- keybindingLabel.background#faf8f6
- keybindingLabel.border#ebe6e5
- keybindingLabel.bottomBorder#ebe6e5
- keybindingLabel.foreground#d2a47b
- list.activeSelectionBackground#e1d2bd73
- list.activeSelectionForeground#3b2400
- list.errorForeground#c02100
- list.filterMatchBackground#e1cfc7
- list.filterMatchBorder#faf8f6
- list.focusBackground#e1d2bd73
- list.focusForeground#3b2400
- list.highlightForeground#8f6b42
- list.hoverBackground#d2a47b77
- list.hoverForeground#704f26
- list.inactiveSelectionBackground#f2eee7
- list.inactiveSelectionForeground#704f26
- list.warningForeground#af6400
- listFilterWidget.background#faf8f6
- listFilterWidget.noMatchesOutline#c02100
- listFilterWidget.outline#d2c8b8
- menu.background#faf8f6
- menu.foreground#806134cf
- menubar.selectionBackground#ebe6e5
- minimapSlider.activeBackground#3b240021
- minimapSlider.background#3b24000f
- minimapSlider.hoverBackground#3b24000f
- panel.border#ebe6e5
- panelTitle.activeBorder#faf8f6
- panelTitle.activeForeground#704f26
- panelTitle.inactiveForeground#b2a590
- peekView.border#d5c2b2
- peekViewEditor.background#faf8f6
- peekViewEditor.matchHighlightBackground#faf8f6
- peekViewEditor.matchHighlightBorder#d2c8b8
- peekViewEditorGutter.background#faf8f6
- peekViewResult.background#f2ece7
- peekViewResult.fileForeground#8f6b42
- peekViewResult.lineForeground#d2c8b8
- peekViewResult.matchHighlightBackground#eae1dd
- peekViewResult.selectionBackground#faf8f6
- peekViewResult.selectionForeground#704f26
- peekViewTitle.background#f4efea
- pickerGroup.foreground#927040
- progressBar.background#d2a47b
- sash.hoverBorder#eae1dd
- scrollbar.shadow#ece2d2
- scrollbarSlider.activeBackground#3b24000f
- scrollbarSlider.background#3b24000f
- scrollbarSlider.hoverBackground#3b24000f
- selection.background#d5c2b2
- settings.checkboxBorder#ebe6e5
- settings.dropdownBorder#ebe6e5
- settings.modifiedItemIndicator#d5c2b2
- settings.textInputBorder#ebe6e5
- sideBar.background#faf8f6
- sideBar.border#ebe6e5
- sideBar.foreground#c2a280
- sideBarSectionHeader.background#faf8f6
- sideBarSectionHeader.border#ebe6e5
- statusBar.background#faf8f6
- statusBar.border#ebe6e5
- statusBar.debuggingBackground#faf8f6
- statusBar.debuggingBorder#ebe6e5
- statusBar.debuggingForeground#806134cf
- statusBar.foreground#806134cf
- statusBar.noFolderBackground#faf8f6
- statusBar.noFolderBorder#ebe6e5
- statusBar.noFolderForeground#806134cf
- statusBarItem.activeBackground#faf8f6
- statusBarItem.hoverBackground#faf8f6
- symbolIcon.arrayForeground#806134cf
- symbolIcon.booleanForeground#806134cf
- symbolIcon.classForeground#806134cf
- symbolIcon.colorForeground#806134cf
- symbolIcon.constantForeground#806134cf
- symbolIcon.constructorForeground#806134cf
- symbolIcon.enumeratorForeground#806134cf
- symbolIcon.enumeratorMemberForeground#806134cf
- symbolIcon.eventForeground#806134cf
- symbolIcon.fieldForeground#806134cf
- symbolIcon.fileForeground#806134cf
- symbolIcon.folderForeground#806134cf
- symbolIcon.functionForeground#806134cf
- symbolIcon.interfaceForeground#806134cf
- symbolIcon.keyForeground#806134cf
- symbolIcon.keywordForeground#806134cf
- symbolIcon.methodForeground#806134cf
- symbolIcon.moduleForeground#806134cf
- symbolIcon.namespaceForeground#806134cf
- symbolIcon.nullForeground#806134cf
- symbolIcon.numberForeground#806134cf
- symbolIcon.objectForeground#806134cf
- symbolIcon.operatorForeground#806134cf
- symbolIcon.packageForeground#806134cf
- symbolIcon.propertyForeground#806134cf
- symbolIcon.referenceForeground#806134cf
- symbolIcon.snippetForeground#806134cf
- symbolIcon.stringForeground#806134cf
- symbolIcon.structForeground#806134cf
- symbolIcon.textForeground#806134cf
- symbolIcon.typeParameterForeground#806134cf
- symbolIcon.unitForeground#806134cf
- symbolIcon.variableForeground#806134cf
- tab.activeBorder#57300fef
- tab.activeForeground#57300fdd
- tab.border#faf8f6
- tab.hoverForeground#57300fef
- tab.inactiveBackground#faf8f6
- tab.inactiveForeground#d2c8b8dc
- tab.unfocusedHoverForeground#57300fef
- terminal.ansiBlack#faf8f6
- terminal.ansiBlue#d5c2b2
- terminal.ansiBrightBlack#e1cfc7
- terminal.ansiBrightBlue#d5c2b2
- terminal.ansiBrightCyan#af8b61
- terminal.ansiBrightGreen#c2a280
- terminal.ansiBrightMagenta#8f6b42
- terminal.ansiBrightRed#a58762
- terminal.ansiBrightWhite#3b2400
- terminal.ansiBrightYellow#704f26
- terminal.ansiCyan#af8b61
- terminal.ansiGreen#c2a280
- terminal.ansiMagenta#8f6b42
- terminal.ansiRed#a58762
- terminal.ansiWhite#62441c
- terminal.ansiYellow#704f26
- terminal.background#faf8f6
- terminal.foreground#8f6b42
- terminalCursor.background#faf8f6
- terminalCursor.foreground#57300f
- textLink.activeForeground#3b2400
- textLink.foreground#c97f07
- textPreformat.foreground#806134cf
- titleBar.activeBackground#faf8f6
- titleBar.activeForeground#806134cf
- titleBar.border#ebe6e5
- titleBar.inactiveBackground#faf8f6
- toolbar.hoverBackground#faf8f6
- toolbar.hoverOutline#b1997f
- tree.indentGuidesStroke#eae1d9
- welcomePage.progress.foreground#d2a47b
- window.activeBorder#d26900
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json, meta.object-literal.key | #b16617ee | — |
| variable.parameter.function | #b16617ee | — |
| comment, punctuation.definition.comment | #b5a792ad | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array | #35220098 | — |
| none | #57300f | — |
| keyword.operator | #3b2400 | |
| keyword | #a58762ee | italic |
| variable | #8e4f18ee | — |
| entity.name.function, meta.require, support.function.any-method | #472100f3 | italic |
| support.class, entity.name.class, entity.name.type.class | #8f6b42 | — |
| meta.class | #472100 | — |
| keyword.other.special-method | #c2a280 | — |
| storage | #a58762ee | — |
| support.function | #a58762 | — |
| string, constant.other.symbol, entity.other.inherited-class | #352200b2 | — |
| constant.numeric | #806134cf | — |
| none | #806134cf | — |
| none | #806134cf | — |
| constant | #806134cf | — |
| entity.name.tag | #b5927f | — |
| entity.other.attribute-name | #806134cf | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #c2a280 | — |
| meta.selector | #a58762ee | — |
| none | #806134cf | — |
| markup.heading punctuation.definition.heading, entity.name.section | #c2a280 | |
| keyword.other.unit | #806134cf | — |
| markup.bold, punctuation.definition.bold | #8f6b42 | bold |
| markup.italic, punctuation.definition.italic | #a58762ee | italic |
| markup.raw.inline | #352200ee | — |
| string.other.link, punctuation.definition.string.end.markdown | #a58762 | — |
| meta.link | #806134cf | — |
| markup.list | #a58762 | — |
| markup.quote | #806134cf | — |
| meta.separator | #57300f | — |
| markup.inserted | #352200ee | — |
| markup.deleted | #a58762 | — |
| markup.changed | #a58762ee | — |
| constant.other.color | #a58762 | — |
| string.regexp | #a58762 | — |
| constant.character.escape | #a58762 | — |
| punctuation.section.embedded, variable.interpolation | #a58762ee | — |
| invalid.illegal | #472100 | — |
| invalid.broken | #faf8f6 | — |
| invalid.deprecated | #472100 | — |
| invalid.unimplemented | #472100 | — |