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#050909
- activityBar.background#050909
- activityBar.border#0d1818
- activityBar.foreground#8fd9d6
- activityBar.inactiveForeground#2d4847
- activityBarBadge.background#3d7f7d
- badge.background#1e3837
- badge.foreground#8fd9d6
- button.background#193332
- button.border#00000000
- button.foreground#8fd9d6
- button.hoverBackground#2d848177
- button.secondaryBackground#0d1818
- button.secondaryBorder#00000000
- button.secondaryForeground#7fcbc8af
- button.secondaryHoverBackground#2d848177
- button.separator#2d4847
- checkbox.border#0d1818
- debugIcon.breakpointCurrentStackframeForeground#7fcbc8af
- debugIcon.breakpointDisabledForeground#7fcbc8af
- debugIcon.breakpointForeground#7fcbc8af
- debugIcon.breakpointStackframeForeground#7fcbc8af
- debugIcon.breakpointUnverifiedForeground#7fcbc8af
- debugIcon.continueForeground#7fcbc8af
- debugIcon.disconnectForeground#7fcbc8af
- debugIcon.pauseForeground#7fcbc8af
- debugIcon.restartForeground#7fcbc8af
- debugIcon.startForeground#7fcbc8af
- debugIcon.stepBackForeground#7fcbc8af
- debugIcon.stepIntoForeground#7fcbc8af
- debugIcon.stepOutForeground#7fcbc8af
- debugIcon.stepOverForeground#7fcbc8af
- debugIcon.stopForeground#7fcbc8af
- debugToolBar.background#050909
- descriptionForeground#7fcbc8af
- diffEditor.insertedLineBackground#2fff0007
- dropdown.background#050909
- dropdown.foreground#7fcbc8af
- editor.background#050909
- editor.findMatchBackground#050909
- editor.findMatchBorder#04b4ab
- editor.findMatchHighlightBackground#0509097c
- editor.findMatchHighlightBorder#2d4847
- editor.foldBackground#0509096e
- editor.foreground#6aadaa
- editor.hoverHighlightBackground#1a2a2977
- editor.inactiveSelectionBackground#2d848133
- editor.lineHighlightBackground#0d1817
- editor.linkedEditingBackground#2d484750
- editor.placeholder.foreground#3d7f7d
- editor.selectionBackground#2d848177
- editor.selectionHighlightBackground#2d848133
- editor.selectionHighlightBorder#2d848177
- editor.wordHighlightBackground#2d4847c3
- editor.wordHighlightBorder#2d4847
- editor.wordHighlightStrongBackground#2d4847d4
- editor.wordHighlightTextBackground#2d484750
- editorBracketHighlight.foreground1#5de8e3
- editorBracketHighlight.foreground2#3db3af
- editorBracketHighlight.foreground3#2d7f7c
- editorBracketHighlight.unexpectedBracket.foreground#fa6161
- editorBracketMatch.background#050909
- editorBracketMatch.border#2d4847
- editorCursor.background#050909
- editorCursor.foreground#7dd3d0
- editorError.foreground#3d7066
- editorGroup.border#0d1818
- editorGroupHeader.tabsBackground#050909
- editorGroupHeader.tabsBorder#0d1818
- editorHoverWidget.statusBarBackground#050909
- editorIndentGuide.activeBackground1#3d7f7d
- editorIndentGuide.background1#161d26
- editorInfo.foreground#3d7066
- editorLightBulb.foreground#7fcbc8af
- editorLineNumber.activeForeground#2d665f
- editorLineNumber.foreground#1e3837
- editorLink.activeForeground#8fd9d6
- editorOverviewRuler.border#0d1818
- editorRuler.foreground#161d26
- editorSuggestWidget.foreground#3d7f7d
- editorSuggestWidget.highlightForeground#8fd9d6
- editorWarning.foreground#3d7066
- editorWhitespace.foreground#1e3837
- editorWidget.background#091010
- editorWidget.border#1e3837
- focusBorder#050909
- foreground#3d7f7d
- gitDecoration.addedResourceForeground#90d9d6
- gitDecoration.conflictingResourceForeground#90d9d6
- gitDecoration.deletedResourceForeground#3d7f7d
- gitDecoration.ignoredResourceForeground#253544
- gitDecoration.modifiedResourceForeground#90d9d6
- gitDecoration.submoduleResourceForeground#3d7f7d
- gitDecoration.untrackedResourceForeground#90d9d6
- icon.foreground#3d7f7d
- input.background#050909
- input.border#050909
- input.foreground#7fcbc8af
- keybindingLabel.background#050909
- keybindingLabel.border#0d1818
- keybindingLabel.bottomBorder#0d1818
- keybindingLabel.foreground#8fd9d6
- list.activeSelectionBackground#1a4d4b5b
- list.activeSelectionForeground#a8f0ed
- list.errorForeground#ff603f
- list.filterMatchBackground#1e3837
- list.filterMatchBorder#050909
- list.focusBackground#1a4d4b5b
- list.focusForeground#a8f0ed
- list.highlightForeground#70bdbade
- list.hoverBackground#2d848177
- list.hoverForeground#8fd9d6
- list.inactiveSelectionBackground#0d1817
- list.inactiveSelectionForeground#8fd9d6
- list.warningForeground#ffb450
- listFilterWidget.background#050909
- listFilterWidget.noMatchesOutline#ff603f
- listFilterWidget.outline#2d4847
- menu.background#050909
- menu.foreground#7fcbc8af
- menubar.selectionBackground#0d1818
- minimapSlider.activeBackground#a8f0ed22
- minimapSlider.background#a8f0ed0f
- minimapSlider.hoverBackground#a8f0ed11
- panel.border#0d1818
- panelTitle.activeBorder#050909
- panelTitle.activeForeground#8fd9d6
- panelTitle.inactiveForeground#2d4847
- peekView.border#2a4d4a
- peekViewEditor.background#050909
- peekViewEditor.matchHighlightBackground#050909
- peekViewEditor.matchHighlightBorder#2d4847
- peekViewEditorGutter.background#050909
- peekViewResult.background#0d1817
- peekViewResult.fileForeground#70bdbade
- peekViewResult.lineForeground#2d4847
- peekViewResult.matchHighlightBackground#151b22
- peekViewResult.selectionBackground#050909
- peekViewResult.selectionForeground#8fd9d6
- peekViewTitle.background#091010
- pickerGroup.foreground#6dbfbc
- progressBar.background#8fd9d6
- sash.hoverBorder#151b22
- scrollbar.shadow#050909
- scrollbarSlider.activeBackground#a8f0ed0f
- scrollbarSlider.background#a8f0ed0f
- scrollbarSlider.hoverBackground#a8f0ed0f
- selection.background#2a4d4a
- settings.checkboxBorder#0d1818
- settings.dropdownBorder#0d1818
- settings.modifiedItemIndicator#2a4d4a
- settings.textInputBorder#0d1818
- sideBar.background#050909
- sideBar.border#0d1818
- sideBar.foreground#3d7f7d
- sideBarSectionHeader.background#050909
- sideBarSectionHeader.border#0d1818
- statusBar.background#050909
- statusBar.border#0d1818
- statusBar.debuggingBackground#050909
- statusBar.debuggingBorder#0d1818
- statusBar.debuggingForeground#7fcbc8af
- statusBar.foreground#7fcbc8af
- statusBar.noFolderBackground#050909
- statusBar.noFolderBorder#0d1818
- statusBar.noFolderForeground#7fcbc8af
- statusBarItem.activeBackground#050909
- statusBarItem.hoverBackground#050909
- symbolIcon.arrayForeground#7fcbc8af
- symbolIcon.booleanForeground#7fcbc8af
- symbolIcon.classForeground#7fcbc8af
- symbolIcon.colorForeground#7fcbc8af
- symbolIcon.constantForeground#7fcbc8af
- symbolIcon.constructorForeground#7fcbc8af
- symbolIcon.enumeratorForeground#7fcbc8af
- symbolIcon.enumeratorMemberForeground#7fcbc8af
- symbolIcon.eventForeground#7fcbc8af
- symbolIcon.fieldForeground#7fcbc8af
- symbolIcon.fileForeground#7fcbc8af
- symbolIcon.folderForeground#7fcbc8af
- symbolIcon.functionForeground#7fcbc8af
- symbolIcon.interfaceForeground#7fcbc8af
- symbolIcon.keyForeground#7fcbc8af
- symbolIcon.keywordForeground#7fcbc8af
- symbolIcon.methodForeground#7fcbc8af
- symbolIcon.moduleForeground#7fcbc8af
- symbolIcon.namespaceForeground#7fcbc8af
- symbolIcon.nullForeground#7fcbc8af
- symbolIcon.numberForeground#7fcbc8af
- symbolIcon.objectForeground#7fcbc8af
- symbolIcon.operatorForeground#7fcbc8af
- symbolIcon.packageForeground#7fcbc8af
- symbolIcon.propertyForeground#7fcbc8af
- symbolIcon.referenceForeground#7fcbc8af
- symbolIcon.snippetForeground#7fcbc8af
- symbolIcon.stringForeground#7fcbc8af
- symbolIcon.structForeground#7fcbc8af
- symbolIcon.textForeground#7fcbc8af
- symbolIcon.typeParameterForeground#7fcbc8af
- symbolIcon.unitForeground#7fcbc8af
- symbolIcon.variableForeground#7fcbc8af
- tab.activeBorder#7dd3d0dd
- tab.activeForeground#7dd3d0dd
- tab.border#050909
- tab.hoverForeground#7dd3d0dd
- tab.inactiveBackground#050909
- tab.inactiveForeground#2d4847dc
- tab.unfocusedHoverForeground#7dd3d0dd
- terminal.ansiBlack#050909
- terminal.ansiBlue#2a4d4a
- terminal.ansiBrightBlack#1e3837
- terminal.ansiBrightBlue#2a4d4a
- terminal.ansiBrightCyan#509e9a
- terminal.ansiBrightGreen#3d7f7d
- terminal.ansiBrightMagenta#70bdbade
- terminal.ansiBrightRed#04b4ab
- terminal.ansiBrightWhite#a8f0ed
- terminal.ansiBrightYellow#8fd9d6
- terminal.ansiCyan#509e9a
- terminal.ansiGreen#3d7f7d
- terminal.ansiMagenta#70bdbade
- terminal.ansiRed#04b4ab
- terminal.ansiWhite#9de3e0bf
- terminal.ansiYellow#8fd9d6
- terminal.background#050909
- terminal.foreground#70bdbade
- terminalCursor.background#050909
- terminalCursor.foreground#7dd3d0
- textLink.activeForeground#a8f0ed
- textLink.foreground#a8f0ed
- textPreformat.foreground#7fcbc8af
- titleBar.activeBackground#050909
- titleBar.activeForeground#7fcbc8af
- titleBar.border#0d1818
- titleBar.inactiveBackground#050909
- toolbar.hoverBackground#050909
- toolbar.hoverOutline#3d7f7d
- tree.indentGuidesStroke#161d25
- window.activeBorder#0d1818
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json, meta.object-literal.key | #71e7e3cc | — |
| variable.parameter.function | #71e7e3cc | — |
| comment, punctuation.definition.comment | #4a6d6baa | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array | #b8ece998 | — |
| none | #7dd3d0 | — |
| keyword.operator | #a8f0ed | |
| keyword | #04b4abae | italic |
| variable | #5bbcb7 | — |
| entity.name.function, meta.require, support.function.any-method | #7fcbc8af | italic |
| support.class, entity.name.class, entity.name.type.class | #70bdbade | — |
| meta.class | #b8ecff | — |
| keyword.other.special-method | #3d7f7d | — |
| storage | #04b4abae | — |
| support.function | #2d7e76 | — |
| string, constant.other.symbol, entity.other.inherited-class | #b8ece9bf | — |
| constant.numeric | #9de3e0bf | — |
| none | #7fcbc8af | — |
| none | #7fcbc8af | — |
| constant | #09aba3 | — |
| entity.name.tag | #2f6f6b | — |
| entity.other.attribute-name | #349899 | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #3d7f7d | — |
| meta.selector | #04b4abae | — |
| none | #7fcbc8af | — |
| markup.heading punctuation.definition.heading, entity.name.section | #3d7f7d | |
| keyword.other.unit | #7fcbc8af | — |
| markup.bold, punctuation.definition.bold | #70bdbade | bold |
| markup.italic, punctuation.definition.italic | #04b4abae | italic |
| markup.raw.inline | #b8ece9bf | — |
| string.other.link, punctuation.definition.string.end.markdown | #04b4ab | — |
| meta.link | #7fcbc8af | — |
| markup.list | #04b4ab | — |
| markup.quote | #7fcbc8af | — |
| meta.separator | #7dd3d0 | — |
| markup.inserted | #b8ece9bf | — |
| markup.deleted | #04b4ab | — |
| markup.changed | #04b4abae | — |
| constant.other.color | #04b4ab | — |
| string.regexp | #04b4ab | — |
| constant.character.escape | #04b4ab | — |
| punctuation.section.embedded, variable.interpolation | #04b4abae | — |
| invalid.illegal | #b8ecff | — |
| invalid.broken | #050909 | — |
| invalid.deprecated | #b8ecff | — |
| invalid.unimplemented | #b8ecff | — |