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#070b09
- activityBar.background#070b09
- activityBar.border#0f1b15
- activityBar.foreground#8fd9ad
- activityBar.inactiveForeground#2d4738
- activityBarBadge.background#3d7f5f
- badge.background#1e3829
- badge.foreground#8fd9ad
- button.background#193326
- button.border#00000000
- button.foreground#8fd9ad
- button.hoverBackground#2d845277
- button.secondaryBackground#0f1b15
- button.secondaryBorder#00000000
- button.secondaryForeground#7fcb99
- button.secondaryHoverBackground#2d845277
- button.separator#2d4738
- checkbox.border#0f1b15
- debugIcon.breakpointCurrentStackframeForeground#7fcb99
- debugIcon.breakpointDisabledForeground#7fcb99
- debugIcon.breakpointForeground#7fcb99
- debugIcon.breakpointStackframeForeground#7fcb99
- debugIcon.breakpointUnverifiedForeground#7fcb99
- debugIcon.continueForeground#7fcb99
- debugIcon.disconnectForeground#7fcb99
- debugIcon.pauseForeground#7fcb99
- debugIcon.restartForeground#7fcb99
- debugIcon.startForeground#7fcb99
- debugIcon.stepBackForeground#7fcb99
- debugIcon.stepIntoForeground#7fcb99
- debugIcon.stepOutForeground#7fcb99
- debugIcon.stepOverForeground#7fcb99
- debugIcon.stopForeground#7fcb99
- debugToolBar.background#070b09
- descriptionForeground#7fcb99
- diffEditor.insertedLineBackground#2fff0007
- dropdown.background#070b09
- dropdown.foreground#7fcb99
- editor.background#070b09
- editor.findMatchBackground#070b09
- editor.findMatchBorder#5a9d7a
- editor.findMatchHighlightBackground#070b097c
- editor.findMatchHighlightBorder#2d4738
- editor.foldBackground#070b096e
- editor.foreground#6aad8f
- editor.hoverHighlightBackground#1a2a2377
- editor.inactiveSelectionBackground#2d845233
- editor.lineHighlightBackground#0d1812
- editor.linkedEditingBackground#2d473850
- editor.placeholder.foreground#3d7f5f
- editor.selectionBackground#2d845277
- editor.selectionHighlightBackground#2d845233
- editor.selectionHighlightBorder#2d845277
- editor.wordHighlightBackground#2d4738c3
- editor.wordHighlightBorder#2d4738
- editor.wordHighlightStrongBackground#2d4738d4
- editor.wordHighlightTextBackground#2d473850
- editorBracketHighlight.foreground1#5deb8e
- editorBracketHighlight.foreground2#36a165
- editorBracketHighlight.foreground3#266a49
- editorBracketHighlight.unexpectedBracket.foreground#fa6161
- editorBracketMatch.background#070b09
- editorBracketMatch.border#2d4738
- editorCursor.foreground#85f0a8
- editorError.foreground#3d7057
- editorGroup.border#0f1b15
- editorGroupHeader.tabsBackground#070b09
- editorGroupHeader.tabsBorder#0f1b15
- editorHoverWidget.statusBarBackground#070b09
- editorIndentGuide.activeBackground1#3d7f5f
- editorIndentGuide.background1#161d1e
- editorInfo.foreground#3d7057
- editorLightBulb.foreground#7fcb99
- editorLineNumber.activeForeground#2d6652
- editorLineNumber.foreground#1e3829
- editorLink.activeForeground#8fd9ad
- editorOverviewRuler.border#0f1b15
- editorRuler.foreground#161d1e
- editorSuggestWidget.foreground#3d7f5f
- editorSuggestWidget.highlightForeground#8fd9ad
- editorWarning.foreground#3d7057
- editorWhitespace.foreground#1e3829
- editorWidget.background#0b1410
- editorWidget.border#1e3829
- focusBorder#070b09
- foreground#3d7f5f
- gitDecoration.addedResourceForeground#90d9ad
- gitDecoration.conflictingResourceForeground#90d9ad
- gitDecoration.deletedResourceForeground#3d7f5f
- gitDecoration.ignoredResourceForeground#253539
- gitDecoration.modifiedResourceForeground#90d9ad
- gitDecoration.submoduleResourceForeground#3d7f5f
- gitDecoration.untrackedResourceForeground#90d9ad
- icon.foreground#3d7f5f
- input.background#070b09
- input.border#070b09
- input.foreground#7fcb99
- keybindingLabel.background#070b09
- keybindingLabel.border#0f1b15
- keybindingLabel.bottomBorder#0f1b15
- keybindingLabel.foreground#8fd9d6
- list.activeSelectionBackground#1a4d2e5b
- list.activeSelectionForeground#a3ffc4
- list.errorForeground#ff603f
- list.filterMatchBackground#1e3829
- list.filterMatchBorder#070b09
- list.focusBackground#1a4d2e5b
- list.focusForeground#a3ffc4
- list.highlightForeground#70bd99
- list.hoverBackground#2d845277
- list.hoverForeground#8fd9ad
- list.inactiveSelectionBackground#0d1812
- list.inactiveSelectionForeground#8fd9ad
- list.warningForeground#ffb450
- listFilterWidget.background#070b09
- listFilterWidget.noMatchesOutline#ff603f
- listFilterWidget.outline#2d4738
- menu.background#070b09
- menu.foreground#7fcb99
- menubar.selectionBackground#0f1b15
- minimapSlider.activeBackground#a8f0ed22
- minimapSlider.background#a8f0ed0f
- minimapSlider.hoverBackground#a8f0ed11
- panel.border#0f1b15
- panelTitle.activeBorder#070b09
- panelTitle.activeForeground#8fd9ad
- panelTitle.inactiveForeground#2d4738
- peekView.border#2a4d3e
- peekViewEditor.background#070b09
- peekViewEditor.matchHighlightBackground#070b09
- peekViewEditor.matchHighlightBorder#2d4738
- peekViewEditorGutter.background#070b09
- peekViewResult.background#0d1812
- peekViewResult.fileForeground#70bd99
- peekViewResult.lineForeground#2d4738
- peekViewResult.matchHighlightBackground#151b1a
- peekViewResult.selectionBackground#070b09
- peekViewResult.selectionForeground#8fd9ad
- peekViewTitle.background#0b1410
- pickerGroup.foreground#6dbf99
- progressBar.background#8fd9d6
- sash.hoverBorder#151b1a
- scrollbar.shadow#070b09
- scrollbarSlider.activeBackground#a3ffc40f
- scrollbarSlider.background#a3ffc40f
- scrollbarSlider.hoverBackground#a3ffc40f
- selection.background#2a4d3e
- settings.checkboxBorder#0f1b15
- settings.dropdownBorder#0f1b15
- settings.modifiedItemIndicator#2a4d3e
- settings.textInputBorder#0f1b15
- sideBar.background#070b09
- sideBar.border#0f1b15
- sideBar.foreground#3d7f5f
- sideBarSectionHeader.background#070b09
- sideBarSectionHeader.border#0f1b15
- statusBar.background#070b09
- statusBar.border#0f1b15
- statusBar.debuggingBackground#070b09
- statusBar.debuggingBorder#0f1b15
- statusBar.debuggingForeground#7fcb99
- statusBar.foreground#7fcb99
- statusBar.noFolderBackground#070b09
- statusBar.noFolderBorder#0f1b15
- statusBar.noFolderForeground#7fcb99
- statusBarItem.activeBackground#070b09
- statusBarItem.hoverBackground#070b09
- symbolIcon.arrayForeground#7fcb99
- symbolIcon.booleanForeground#7fcb99
- symbolIcon.classForeground#7fcb99
- symbolIcon.colorForeground#7fcb99
- symbolIcon.constantForeground#7fcb99
- symbolIcon.constructorForeground#7fcb99
- symbolIcon.enumeratorForeground#7fcb99
- symbolIcon.enumeratorMemberForeground#7fcb99
- symbolIcon.eventForeground#7fcb99
- symbolIcon.fieldForeground#7fcb99
- symbolIcon.fileForeground#7fcb99
- symbolIcon.folderForeground#7fcb99
- symbolIcon.functionForeground#7fcb99
- symbolIcon.interfaceForeground#7fcb99
- symbolIcon.keyForeground#7fcb99
- symbolIcon.keywordForeground#7fcb99
- symbolIcon.methodForeground#7fcb99
- symbolIcon.moduleForeground#7fcb99
- symbolIcon.namespaceForeground#7fcb99
- symbolIcon.nullForeground#7fcb99
- symbolIcon.numberForeground#7fcb99
- symbolIcon.objectForeground#7fcb99
- symbolIcon.operatorForeground#7fcb99
- symbolIcon.packageForeground#7fcb99
- symbolIcon.propertyForeground#7fcb99
- symbolIcon.referenceForeground#7fcb99
- symbolIcon.snippetForeground#7fcb99
- symbolIcon.stringForeground#7fcb99
- symbolIcon.structForeground#7fcb99
- symbolIcon.textForeground#7fcb99
- symbolIcon.typeParameterForeground#7fcb99
- symbolIcon.unitForeground#7fcb99
- symbolIcon.variableForeground#7fcb99
- tab.activeBorder#85f0a8dd
- tab.activeForeground#85f0a8dd
- tab.border#070b09
- tab.hoverForeground#85f0a8dd
- tab.inactiveBackground#070b09
- tab.inactiveForeground#2d4738dc
- tab.unfocusedHoverForeground#85f0a8dd
- terminal.ansiBlack#070b09
- terminal.ansiBlue#2a4d3e
- terminal.ansiBrightBlack#1e3829
- terminal.ansiBrightBlue#2a4d3e
- terminal.ansiBrightCyan#509e7a
- terminal.ansiBrightGreen#3d7f5f
- terminal.ansiBrightMagenta#70bd99
- terminal.ansiBrightRed#5a9d7a
- terminal.ansiBrightWhite#a3ffc4
- terminal.ansiBrightYellow#8fd9ad
- terminal.ansiCyan#509e7a
- terminal.ansiGreen#3d7f5f
- terminal.ansiMagenta#70bd99
- terminal.ansiRed#5a9d7a
- terminal.ansiWhite#9de3b8
- terminal.ansiYellow#8fd9ad
- terminal.background#070b09
- terminal.foreground#70bd99
- terminalCursor.background#070b09
- terminalCursor.foreground#85f0a8
- textLink.activeForeground#a3ffc4
- textLink.foreground#a3ffc4
- textPreformat.foreground#7fcb99
- titleBar.activeBackground#070b09
- titleBar.activeForeground#7fcb99
- titleBar.border#0f1b15
- titleBar.inactiveBackground#070b09
- toolbar.hoverBackground#070b09
- toolbar.hoverOutline#3d7f5f
- tree.indentGuidesStroke#161d1e
- window.activeBorder#0f1b15
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json, meta.object-literal.key | #71e7a388 | — |
| variable.parameter.function | #71e7a388 | — |
| comment, punctuation.definition.comment | #4a6d5caa | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array | #b3ffcc98 | — |
| none | #85f0a8 | — |
| keyword.operator | #a3ffc4 | |
| keyword | #5a9d7aee | italic |
| variable | #8fc2a2 | — |
| entity.name.function, meta.require, support.function.any-method | #7fcb99 | italic |
| support.class, entity.name.class, entity.name.type.class | #70bd99 | — |
| meta.class | #b8ffd9 | — |
| keyword.other.special-method | #3d7f5f | — |
| storage | #5a9d7aee | — |
| support.function | #45795e | — |
| string, constant.other.symbol, entity.other.inherited-class | #95d5abcc | — |
| constant.numeric | #9de3b8 | — |
| none | #7fcb99 | — |
| constant | #9de3b8 | — |
| entity.name.tag | #3d694c | — |
| entity.other.attribute-name | #7fcb82df | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #3d7f5f | — |
| meta.selector | #5a9d7aee | — |
| none | #7fcb99 | — |
| markup.heading punctuation.definition.heading, entity.name.section | #3d7f5f | |
| keyword.other.unit | #7fcb99 | — |
| markup.bold, punctuation.definition.bold | #70bd99 | bold |
| markup.italic, punctuation.definition.italic | #5a9d7aee | italic |
| markup.raw.inline | #b3ffccee | — |
| string.other.link, punctuation.definition.string.end.markdown | #5a9d7a | — |
| meta.link | #7fcb99 | — |
| markup.list | #5a9d7a | — |
| markup.quote | #7fcb99 | — |
| meta.separator | #85f0a8 | — |
| markup.inserted | #b3ffccee | — |
| markup.deleted | #5a9d7a | — |
| markup.changed | #5a9d7aee | — |
| constant.other.color | #5a9d7a | — |
| string.regexp | #5a9d7a | — |
| constant.character.escape | #5a9d7a | — |
| punctuation.section.embedded, variable.interpolation | #5a9d7aee | — |
| invalid.illegal | #b8ffd9 | — |
| invalid.broken | #070b09 | — |
| invalid.deprecated | #b8ffd9 | — |
| invalid.unimplemented | #b8ffd9 | — |