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#0c0707
- activityBar.background#0c0707
- activityBar.border#241313
- activityBar.foreground#ff4848
- activityBar.inactiveForeground#472d2d
- activityBarBadge.background#5f1212
- activityBarBadge.foreground#ffa5a5
- badge.background#381e1e
- badge.foreground#ff4848
- button.background#331919
- button.border#00000000
- button.foreground#ff4848
- button.hoverBackground#842d2d77
- button.secondaryBackground#241313
- button.secondaryBorder#00000000
- button.secondaryForeground#df4c4c
- button.secondaryHoverBackground#842d2d77
- button.separator#472d2d
- checkbox.border#241313
- debugIcon.breakpointCurrentStackframeForeground#df4c4c
- debugIcon.breakpointDisabledForeground#df4c4c
- debugIcon.breakpointForeground#df4c4c
- debugIcon.breakpointStackframeForeground#df4c4c
- debugIcon.breakpointUnverifiedForeground#df4c4c
- debugIcon.continueForeground#df4c4c
- debugIcon.disconnectForeground#df4c4c
- debugIcon.pauseForeground#df4c4c
- debugIcon.restartForeground#df4c4c
- debugIcon.startForeground#df4c4c
- debugIcon.stepBackForeground#df4c4c
- debugIcon.stepIntoForeground#df4c4c
- debugIcon.stepOutForeground#df4c4c
- debugIcon.stepOverForeground#df4c4c
- debugIcon.stopForeground#df4c4c
- debugToolBar.background#0c0707
- descriptionForeground#df4c4c
- diffEditor.insertedLineBackground#1ea50000
- dropdown.background#0c0707
- dropdown.foreground#df4c4c
- editor.background#0c0707
- editor.findMatchBackground#0c0707
- editor.findMatchBorder#c94d5a
- editor.findMatchHighlightBackground#0c07077c
- editor.findMatchHighlightBorder#472d2d
- editor.foldBackground#0c07076e
- editor.foreground#d96670
- editor.hoverHighlightBackground#2a1a1a77
- editor.inactiveSelectionBackground#842d2d33
- editor.lineHighlightBackground#180d0d
- editor.linkedEditingBackground#472d2d50
- editor.placeholder.foreground#ad6969
- editor.selectionBackground#842d2d77
- editor.selectionHighlightBackground#842d2d33
- editor.selectionHighlightBorder#842d2d77
- editor.wordHighlightBackground#472d2dc3
- editor.wordHighlightBorder#472d2d
- editor.wordHighlightStrongBackground#472d2dd4
- editor.wordHighlightTextBackground#472d2d50
- editorBracketHighlight.foreground1#ff6b7a
- editorBracketHighlight.foreground2#e2465b
- editorBracketHighlight.foreground3#a83d4d
- editorBracketHighlight.unexpectedBracket.foreground#fa6161
- editorBracketMatch.background#0c0707
- editorBracketMatch.border#472d2d
- editorCursor.background#0c0707
- editorCursor.foreground#e85d7a
- editorError.foreground#ffffff
- editorGroup.border#241313
- editorGroupHeader.tabsBackground#0c0707
- editorGroupHeader.tabsBorder#241313
- editorHoverWidget.statusBarBackground#0c0707
- editorIndentGuide.activeBackground1#7f3d3d
- editorIndentGuide.background1#261d1d
- editorInfo.foreground#703d3d
- editorLightBulb.foreground#df4c4c
- editorLineNumber.activeForeground#662d2d
- editorLineNumber.foreground#381e1e
- editorLink.activeForeground#ff4848
- editorMarkerNavigationError.headerBackground#ffffff
- editorOverviewRuler.border#241313
- editorOverviewRuler.errorForeground#ffffff
- editorRuler.foreground#261d1d
- editorSuggestWidget.foreground#7f3d3d
- editorSuggestWidget.highlightForeground#ff4848
- editorWarning.foreground#703d3d
- editorWhitespace.foreground#381e1e
- editorWidget.background#150c0c
- editorWidget.border#381e1e
- errorForeground#ffffff
- focusBorder#0c0707
- foreground#ad6969
- gitDecoration.addedResourceForeground#fa625f
- gitDecoration.conflictingResourceForeground#fa625f
- gitDecoration.deletedResourceForeground#7f3d3d
- gitDecoration.ignoredResourceForeground#452d2d
- gitDecoration.modifiedResourceForeground#fa625f
- gitDecoration.submoduleResourceForeground#7f3d3d
- gitDecoration.untrackedResourceForeground#fa625f
- icon.foreground#ad6969
- input.background#0c0707
- input.border#0c0707
- input.foreground#df4c4c
- keybindingLabel.background#0c0707
- keybindingLabel.border#241313
- keybindingLabel.bottomBorder#241313
- keybindingLabel.foreground#ff4848
- list.activeSelectionBackground#4d1a1a5b
- list.activeSelectionForeground#ff8599
- list.errorForeground#ffffff
- list.filterMatchBackground#381e1e
- list.filterMatchBorder#0c0707
- list.focusBackground#4d1a1a5b
- list.focusForeground#ff8599
- list.highlightForeground#ff7070
- list.hoverBackground#842d2d77
- list.hoverForeground#ff4848
- list.inactiveSelectionBackground#180d0d
- list.inactiveSelectionForeground#ff4848
- list.warningForeground#ffb450
- listFilterWidget.background#0c0707
- listFilterWidget.noMatchesOutline#ff603f
- listFilterWidget.outline#472d2d
- menu.background#0c0707
- menu.foreground#df4c4c
- menubar.selectionBackground#241313
- minimap.errorHighlight#ffffff
- minimapSlider.activeBackground#ff484822
- minimapSlider.background#ff48480f
- minimapSlider.hoverBackground#ff484811
- panel.border#241313
- panelTitle.activeBorder#0c0707
- panelTitle.activeForeground#ff4848
- panelTitle.inactiveForeground#472d2d
- peekView.border#4d2a2a
- peekViewEditor.background#0c0707
- peekViewEditor.matchHighlightBackground#0c0707
- peekViewEditor.matchHighlightBorder#472d2d
- peekViewEditorGutter.background#0c0707
- peekViewResult.background#180d0d
- peekViewResult.fileForeground#ff7070
- peekViewResult.lineForeground#472d2d
- peekViewResult.matchHighlightBackground#221515
- peekViewResult.selectionBackground#0c0707
- peekViewResult.selectionForeground#ff4848
- peekViewTitle.background#150c0c
- pickerGroup.foreground#ff6d6d
- problemsErrorIcon.foreground#ffffff
- progressBar.background#ff4848
- sash.hoverBorder#221515
- scrollbar.shadow#0c0707
- scrollbarSlider.activeBackground#ff85990f
- scrollbarSlider.background#ff85990f
- scrollbarSlider.hoverBackground#ff85990f
- selection.background#4d2a2a
- settings.checkboxBorder#241313
- settings.dropdownBorder#241313
- settings.modifiedItemIndicator#4d2a2a
- settings.textInputBorder#241313
- sideBar.background#0c0707
- sideBar.border#241313
- sideBar.foreground#7f3d3d
- sideBarSectionHeader.background#0c0707
- sideBarSectionHeader.border#241313
- statusBar.background#0c0707
- statusBar.border#241313
- statusBar.debuggingBackground#0c0707
- statusBar.debuggingBorder#241313
- statusBar.debuggingForeground#df4c4c
- statusBar.foreground#df4c4c
- statusBar.noFolderBackground#0c0707
- statusBar.noFolderBorder#241313
- statusBar.noFolderForeground#df4c4c
- statusBarItem.activeBackground#0c0707
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#0c0707
- symbolIcon.arrayForeground#df4c4c
- symbolIcon.booleanForeground#df4c4c
- symbolIcon.classForeground#df4c4c
- symbolIcon.colorForeground#df4c4c
- symbolIcon.constantForeground#df4c4c
- symbolIcon.constructorForeground#df4c4c
- symbolIcon.enumeratorForeground#df4c4c
- symbolIcon.enumeratorMemberForeground#df4c4c
- symbolIcon.eventForeground#df4c4c
- symbolIcon.fieldForeground#df4c4c
- symbolIcon.fileForeground#df4c4c
- symbolIcon.folderForeground#df4c4c
- symbolIcon.functionForeground#df4c4c
- symbolIcon.interfaceForeground#df4c4c
- symbolIcon.keyForeground#df4c4c
- symbolIcon.keywordForeground#df4c4c
- symbolIcon.methodForeground#df4c4c
- symbolIcon.moduleForeground#df4c4c
- symbolIcon.namespaceForeground#df4c4c
- symbolIcon.nullForeground#df4c4c
- symbolIcon.numberForeground#df4c4c
- symbolIcon.objectForeground#df4c4c
- symbolIcon.operatorForeground#df4c4c
- symbolIcon.packageForeground#df4c4c
- symbolIcon.propertyForeground#df4c4c
- symbolIcon.referenceForeground#df4c4c
- symbolIcon.snippetForeground#df4c4c
- symbolIcon.stringForeground#df4c4c
- symbolIcon.structForeground#df4c4c
- symbolIcon.textForeground#df4c4c
- symbolIcon.typeParameterForeground#df4c4c
- symbolIcon.unitForeground#df4c4c
- symbolIcon.variableForeground#df4c4c
- tab.activeBorder#e85d7add
- tab.activeForeground#e85d7add
- tab.border#0c0707
- tab.hoverForeground#e85d7add
- tab.inactiveBackground#0c0707
- tab.inactiveForeground#472d2ddc
- tab.unfocusedHoverForeground#e85d7add
- terminal.ansiBlack#0c0707
- terminal.ansiBlue#4d2a2a
- terminal.ansiBrightBlack#381e1e
- terminal.ansiBrightBlue#4d2a2a
- terminal.ansiBrightCyan#9e5050
- terminal.ansiBrightGreen#7f3d3d
- terminal.ansiBrightMagenta#ff7070
- terminal.ansiBrightRed#c94d5a
- terminal.ansiBrightWhite#ff8599
- terminal.ansiBrightYellow#ff4848
- terminal.ansiCyan#9e5050
- terminal.ansiGreen#7f3d3d
- terminal.ansiMagenta#ff7070
- terminal.ansiRed#c94d5a
- terminal.ansiWhite#ff9199
- terminal.ansiYellow#ff4848
- terminal.background#0c0707
- terminal.foreground#ff7070
- terminalCommandDecoration.errorBackground#ffffff
- terminalCursor.background#0c0707
- terminalCursor.foreground#e85d7a
- textLink.activeForeground#ff8599
- textLink.foreground#ff8599
- textPreformat.foreground#df4c4c
- titleBar.activeBackground#0c0707
- titleBar.activeForeground#df4c4c
- titleBar.border#241313
- titleBar.inactiveBackground#0c0707
- toolbar.hoverBackground#0c0707
- toolbar.hoverOutline#ad6969
- tree.indentGuidesStroke#261d1d
- window.activeBorder#241313
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json, meta.object-literal.key | #ff5d6acc | — |
| variable.parameter.function | #ff5d6acc | — |
| comment, punctuation.definition.comment | #6d4a4aaa | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array | #ffb3b898 | — |
| none | #e85d7a | — |
| keyword.operator | #ff8599 | |
| keyword | #c94d5aee | italic |
| variable | #ea8e97 | — |
| entity.name.function, meta.require, support.function.any-method | #df4c4c | italic |
| support.class, entity.name.class, entity.name.type.class | #ff7070 | italic |
| meta.class | #ffc4c9 | — |
| keyword.other.special-method | #7f3d3d | — |
| storage | #c94d5aee | — |
| support.function | #c94d5a | — |
| string, constant.other.symbol, entity.other.inherited-class | #ffb3b8ee | — |
| constant.numeric | #ff9199 | — |
| none | #df4c4c | — |
| none | #df4c4c | — |
| constant | #ff9199 | — |
| entity.name.tag | #804a4a | — |
| entity.other.attribute-name | #df4c4c | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #7f3d3d | — |
| meta.selector | #c94d5aee | — |
| none | #df4c4c | — |
| markup.heading punctuation.definition.heading, entity.name.section | #7f3d3d | |
| keyword.other.unit | #df4c4c | — |
| markup.bold, punctuation.definition.bold | #ff7070 | bold |
| markup.italic, punctuation.definition.italic | #c94d5aee | italic |
| markup.raw.inline | #ffb3b8ee | — |
| string.other.link, punctuation.definition.string.end.markdown | #c94d5a | — |
| meta.link | #df4c4c | — |
| markup.list | #c94d5a | — |
| markup.quote | #df4c4c | — |
| meta.separator | #e85d7a | — |
| markup.inserted | #ffb3b8ee | — |
| markup.deleted | #c94d5a | — |
| markup.changed | #c94d5aee | — |
| constant.other.color | #c94d5a | — |
| string.regexp | #c94d5a | — |
| constant.character.escape | #c94d5a | — |
| punctuation.section.embedded, variable.interpolation | #c94d5aee | — |
| invalid.illegal | #ffc4c9 | — |
| invalid.broken | #0c0707 | — |
| invalid.deprecated | #ffc4c9 | — |
| invalid.unimplemented | #ffc4c9 | — |