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#020202
- activityBar.background#020202
- activityBar.border#141414
- activityBar.foreground#ababab
- activityBar.inactiveForeground#3f3f3f
- activityBarBadge.background#5c5c5c
- badge.background#222222
- badge.foreground#ababab
- button.background#202020
- button.border#00000000
- button.foreground#ababab
- button.hoverBackground#ffffff30
- button.secondaryBackground#141414
- button.secondaryBorder#00000000
- button.secondaryForeground#858585
- button.secondaryHoverBackground#ffffff30
- button.separator#3f3f3f
- checkbox.border#141414
- debugIcon.breakpointCurrentStackframeForeground#858585
- debugIcon.breakpointDisabledForeground#858585
- debugIcon.breakpointForeground#858585
- debugIcon.breakpointStackframeForeground#858585
- debugIcon.breakpointUnverifiedForeground#858585
- debugIcon.continueForeground#858585
- debugIcon.disconnectForeground#858585
- debugIcon.pauseForeground#858585
- debugIcon.restartForeground#858585
- debugIcon.startForeground#858585
- debugIcon.stepBackForeground#858585
- debugIcon.stepIntoForeground#858585
- debugIcon.stepOutForeground#858585
- debugIcon.stepOverForeground#858585
- debugIcon.stopForeground#858585
- debugToolBar.background#020202
- descriptionForeground#858585
- diffEditor.insertedLineBackground#2fff0007
- dropdown.background#020202
- dropdown.foreground#858585
- editor.background#020202
- editor.findMatchBackground#020202
- editor.findMatchBorder#777777
- editor.findMatchHighlightBackground#0a12127c
- editor.findMatchHighlightBorder#3f3f3f
- editor.foldBackground#0a12126e
- editor.foreground#a7a7a7
- editor.hoverHighlightBackground#19191977
- editor.inactiveSelectionBackground#ffffff24
- editor.lineHighlightBackground#111111
- editor.linkedEditingBackground#3f3f3f50
- editor.placeholder.foreground#5c5c5c
- editor.selectionBackground#ffffff30
- editor.selectionHighlightBackground#ffffff15
- editor.selectionHighlightBorder#777777e0
- editor.wordHighlightBackground#3f3f3fc3
- editor.wordHighlightBorder#3f3f3f
- editor.wordHighlightStrongBackground#3f3f3fd4
- editor.wordHighlightTextBackground#3f3f3f50
- editorBracketHighlight.foreground1#d0d0d0
- editorBracketHighlight.foreground2#a7a7a7c9
- editorBracketHighlight.foreground3#7d7d7d98
- editorBracketHighlight.unexpectedBracket.foreground#fa6161
- editorBracketMatch.background#020202
- editorBracketMatch.border#3f3f3f
- editorCursor.background#020202
- editorCursor.foreground#a2a2a2
- editorError.foreground#595959
- editorGroup.border#141414
- editorGroupHeader.tabsBackground#020202
- editorGroupHeader.tabsBorder#141414
- editorHoverWidget.statusBarBackground#020202
- editorIndentGuide.activeBackground1#d0d0d071
- editorIndentGuide.background1#1d1d1d
- editorInfo.foreground#595959
- editorLightBulb.foreground#858585
- editorLineNumber.activeForeground#434343
- editorLineNumber.foreground#222222
- editorLink.activeForeground#ababab
- editorOverviewRuler.border#141414
- editorRuler.foreground#1d1d1d
- editorSuggestWidget.foreground#5c5c5c
- editorSuggestWidget.highlightForeground#ababab
- editorWarning.foreground#595959
- editorWhitespace.foreground#222222
- editorWidget.background#0d0d0d
- editorWidget.border#222222
- focusBorder#020202
- foreground#5c5c5c
- gitDecoration.addedResourceForeground#ababab
- gitDecoration.conflictingResourceForeground#acacac
- gitDecoration.deletedResourceForeground#5c5c5c
- gitDecoration.ignoredResourceForeground#2d2d2d
- gitDecoration.modifiedResourceForeground#acacac
- gitDecoration.submoduleResourceForeground#5c5c5c
- gitDecoration.untrackedResourceForeground#acacac
- icon.foreground#5c5c5c
- input.background#020202
- input.border#020202
- input.foreground#858585
- keybindingLabel.background#020202
- keybindingLabel.border#141414
- keybindingLabel.bottomBorder#141414
- keybindingLabel.foreground#ababab
- list.activeSelectionBackground#1b1b1b
- list.activeSelectionForeground#e1e1e1
- list.errorForeground#ff603f
- list.filterMatchBackground#222222
- list.filterMatchBorder#020202
- list.focusBackground#1b1b1b
- list.focusForeground#e1e1e1
- list.highlightForeground#8c8c8c
- list.hoverBackground#ffffff30
- list.hoverForeground#ababab
- list.inactiveSelectionBackground#111111
- list.inactiveSelectionForeground#ababab
- list.warningForeground#ffb450
- listFilterWidget.background#020202
- listFilterWidget.noMatchesOutline#ff603f
- listFilterWidget.outline#3f3f3f
- menu.background#020202
- menu.foreground#858585
- menubar.selectionBackground#141414
- minimapSlider.activeBackground#e1e1e122
- minimapSlider.background#e1e1e10f
- minimapSlider.hoverBackground#e1e1e111
- panel.border#141414
- panelTitle.activeBorder#020202
- panelTitle.activeForeground#ababab
- panelTitle.inactiveForeground#3f3f3f
- peekView.border#3b3b3b
- peekViewEditor.background#020202
- peekViewEditor.matchHighlightBackground#020202
- peekViewEditor.matchHighlightBorder#3f3f3f
- peekViewEditorGutter.background#020202
- peekViewResult.background#111111
- peekViewResult.fileForeground#8c8c8c
- peekViewResult.lineForeground#3f3f3f
- peekViewResult.matchHighlightBackground#191919
- peekViewResult.selectionBackground#020202
- peekViewResult.selectionForeground#ababab
- peekViewTitle.background#0d0d0d
- pickerGroup.foreground#8f8f8f
- progressBar.background#ababab
- sash.hoverBorder#191919
- scrollbar.shadow#020202
- scrollbarSlider.activeBackground#e1e1e10f
- scrollbarSlider.background#e1e1e10f
- scrollbarSlider.hoverBackground#e1e1e10f
- selection.background#3b3b3b
- settings.checkboxBorder#141414
- settings.dropdownBorder#141414
- settings.modifiedItemIndicator#3b3b3b
- settings.textInputBorder#141414
- sideBar.background#020202
- sideBar.border#141414
- sideBar.foreground#5c5c5c
- sideBarSectionHeader.background#020202
- sideBarSectionHeader.border#141414
- statusBar.background#020202
- statusBar.border#141414
- statusBar.debuggingBackground#020202
- statusBar.debuggingBorder#141414
- statusBar.debuggingForeground#858585
- statusBar.foreground#858585
- statusBar.noFolderBackground#020202
- statusBar.noFolderBorder#141414
- statusBar.noFolderForeground#858585
- statusBarItem.activeBackground#020202
- statusBarItem.hoverBackground#020202
- symbolIcon.arrayForeground#858585
- symbolIcon.booleanForeground#858585
- symbolIcon.classForeground#858585
- symbolIcon.colorForeground#858585
- symbolIcon.constantForeground#858585
- symbolIcon.constructorForeground#858585
- symbolIcon.enumeratorForeground#858585
- symbolIcon.enumeratorMemberForeground#858585
- symbolIcon.eventForeground#858585
- symbolIcon.fieldForeground#858585
- symbolIcon.fileForeground#858585
- symbolIcon.folderForeground#858585
- symbolIcon.functionForeground#858585
- symbolIcon.interfaceForeground#858585
- symbolIcon.keyForeground#858585
- symbolIcon.keywordForeground#858585
- symbolIcon.methodForeground#858585
- symbolIcon.moduleForeground#858585
- symbolIcon.namespaceForeground#858585
- symbolIcon.nullForeground#858585
- symbolIcon.numberForeground#858585
- symbolIcon.objectForeground#858585
- symbolIcon.operatorForeground#858585
- symbolIcon.packageForeground#858585
- symbolIcon.propertyForeground#858585
- symbolIcon.referenceForeground#858585
- symbolIcon.snippetForeground#858585
- symbolIcon.stringForeground#858585
- symbolIcon.structForeground#858585
- symbolIcon.textForeground#858585
- symbolIcon.typeParameterForeground#858585
- symbolIcon.unitForeground#858585
- symbolIcon.variableForeground#858585
- tab.activeBorder#e1e1e1ef
- tab.activeForeground#e1e1e1dd
- tab.border#020202
- tab.hoverForeground#e1e1e1ef
- tab.inactiveBackground#020202
- tab.inactiveForeground#484848dc
- tab.unfocusedHoverForeground#e1e1e1ef
- terminal.ansiBlack#020202
- terminal.ansiBlue#373737
- terminal.ansiBrightBlack#212121
- terminal.ansiBrightBlue#373737
- terminal.ansiBrightCyan#616161
- terminal.ansiBrightGreen#4c4c4c
- terminal.ansiBrightMagenta#8c8c8c
- terminal.ansiBrightRed#777777
- terminal.ansiBrightWhite#e1e1e1
- terminal.ansiBrightYellow#a1a1a1
- terminal.ansiCyan#616161
- terminal.ansiGreen#4c4c4c
- terminal.ansiMagenta#8c8c8c
- terminal.ansiRed#777777
- terminal.ansiWhite#b6b6b6
- terminal.ansiYellow#a1a1a1
- terminal.background#020202
- terminal.foreground#8c8c8c
- terminalCursor.background#020202
- terminalCursor.foreground#a2a2a2
- textLink.activeForeground#e1e1e1
- textLink.foreground#e1e1e1
- textPreformat.foreground#858585
- titleBar.activeBackground#020202
- titleBar.activeForeground#858585
- titleBar.border#141414
- titleBar.inactiveBackground#020202
- toolbar.hoverBackground#020202
- toolbar.hoverOutline#5c5c5c
- tree.indentGuidesStroke#1d1d1d
- window.activeBorder#141414
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json, meta.object-literal.key | #d9d9d9 | — |
| variable.parameter.function | #d9d9d9 | — |
| comment, punctuation.definition.comment | #5a5a5aad | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array | #fafafacf | — |
| none | #a2a2a2 | — |
| keyword.operator | #fdfdfdcf | |
| keyword | #8a8a8aee | italic |
| variable | #d9d9d9ee | — |
| entity.name.function, meta.require, support.function.any-method | #f4f4f4ee | italic |
| support.class, entity.name.class, entity.name.type.class | #8c8c8c | — |
| meta.class | #d9d9d9 | — |
| keyword.other.special-method | #5c5c5c | — |
| storage | #8a8a8aee | — |
| support.function | #777777 | — |
| string, constant.other.symbol, entity.other.inherited-class | #e2e2e2b6 | — |
| constant.numeric | #d0d0d0 | — |
| none | #858585 | — |
| none | #858585 | — |
| constant | #c2c2c2 | — |
| entity.name.tag | #5d5d5d | — |
| entity.other.attribute-name | #858585 | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #5c5c5c | — |
| meta.selector | #8a8a8aee | — |
| none | #858585 | — |
| markup.heading punctuation.definition.heading, entity.name.section | #5c5c5c | |
| keyword.other.unit | #858585 | — |
| markup.bold, punctuation.definition.bold | #8c8c8c | bold |
| markup.italic, punctuation.definition.italic | #8a8a8aee | italic |
| markup.raw.inline | #e0e0e0bf | — |
| string.other.link, punctuation.definition.string.end.markdown | #6a6a6a | — |
| meta.link | #858585 | — |
| markup.list | #6a6a6a | — |
| markup.quote | #858585 | — |
| meta.separator | #a2a2a2 | — |
| markup.inserted | #e0e0e0bf | — |
| markup.deleted | #6a6a6a | — |
| markup.changed | #8a8a8aee | — |
| constant.other.color | #777777 | — |
| string.regexp | #777777 | — |
| constant.character.escape | #777777 | — |
| punctuation.section.embedded, variable.interpolation | #8a8a8aee | — |
| invalid.illegal | #d9d9d9 | — |
| invalid.broken | #020202 | — |
| invalid.deprecated | #d9d9d9 | — |
| invalid.unimplemented | #d9d9d9 | — |