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#faf8fb
- activityBar.background#faf8fb
- activityBar.border#e3dbeb
- activityBar.foreground#3f2660
- activityBar.inactiveForeground#c8b8d2
- activityBarBadge.background#ae80c2
- badge.background#cfc7e1
- badge.foreground#3f2660
- button.background#d3cce5
- button.border#ffffff00
- button.foreground#3f2660
- button.hoverBackground#b8a5e1
- button.secondaryBackground#e3dbeb
- button.secondaryBorder#ffffff00
- button.secondaryForeground#6d3480ef
- button.secondaryHoverBackground#b8a5e1
- button.separator#c8b8d2
- checkbox.border#e3dbeb
- debugIcon.breakpointCurrentStackframeForeground#6d3480ef
- debugIcon.breakpointDisabledForeground#6d3480ef
- debugIcon.breakpointForeground#6d3480ef
- debugIcon.breakpointStackframeForeground#6d3480ef
- debugIcon.breakpointUnverifiedForeground#6d3480ef
- debugIcon.continueForeground#6d3480ef
- debugIcon.disconnectForeground#6d3480ef
- debugIcon.pauseForeground#6d3480ef
- debugIcon.restartForeground#6d3480ef
- debugIcon.startForeground#6d3480ef
- debugIcon.stepBackForeground#6d3480ef
- debugIcon.stepIntoForeground#6d3480ef
- debugIcon.stepOutForeground#6d3480ef
- debugIcon.stepOverForeground#6d3480ef
- debugIcon.stopForeground#6d3480ef
- debugToolBar.background#faf8fb
- descriptionForeground#6d3480ef
- diffEditor.insertedLineBackground#6dff4c0c
- dropdown.background#faf8fb
- dropdown.foreground#6d3480ef
- editor.background#faf8fb
- editor.findMatchBackground#faf8fb
- editor.findMatchBorder#9262a5
- editor.findMatchHighlightBackground#f2edf57c
- editor.findMatchHighlightBorder#c8b8d2
- editor.foldBackground#f2edf56e
- editor.foreground#5c3f83
- editor.hoverHighlightBackground#e0d5e577
- editor.inactiveSelectionBackground#c2b2e577
- editor.lineHighlightBackground#ece7f2
- editor.placeholder.foreground#c0a2d7
- editor.selectionBackground#c2b2e5
- editor.selectionHighlightBackground#c2b2e577
- editor.selectionHighlightBorder#c2b2e5
- editor.wordHighlightBackground#c8b8d2
- editor.wordHighlightBorder#c8b8d2
- editor.wordHighlightStrongBackground#c8b8d2d4
- editorBracketHighlight.foreground1#310f57dd
- editorBracketHighlight.foreground2#300f5788
- editorBracketHighlight.foreground3#310f5755
- editorBracketHighlight.unexpectedBracket.foreground#9e0505
- editorBracketMatch.background#faf8fb
- editorBracketMatch.border#c8b8d2
- editorCursor.foreground#260c44
- editorError.foreground#a78fc2
- editorGroup.border#e3dbeb
- editorGroupHeader.tabsBackground#faf8fb
- editorGroupHeader.tabsBorder#e3dbeb
- editorHoverWidget.statusBarBackground#faf8fb
- editorIndentGuide.activeBackground1#ae80c2
- editorIndentGuide.background1#e0d9e9
- editorInfo.foreground#a78fc2
- editorLightBulb.foreground#6d3480ef
- editorLineNumber.activeForeground#b999d2
- editorLineNumber.foreground#cfc7e1
- editorLink.activeForeground#3f2660
- editorOverviewRuler.border#e3dbeb
- editorRuler.foreground#e0d9e9
- editorSuggestWidget.foreground#ae80c2
- editorSuggestWidget.highlightForeground#3f2660
- editorWarning.foreground#a78fc2
- editorWhitespace.foreground#cfc7e1
- editorWidget.background#f4f1f9
- editorWidget.border#cfc7e1
- focusBorder#faf8fb
- foreground#a087c0
- gitDecoration.addedResourceForeground#3e265f
- gitDecoration.conflictingResourceForeground#3e265f
- gitDecoration.deletedResourceForeground#ae80c2
- gitDecoration.ignoredResourceForeground#c2bada
- gitDecoration.modifiedResourceForeground#3e265f
- gitDecoration.submoduleResourceForeground#ae80c2
- gitDecoration.untrackedResourceForeground#3e265f
- icon.foreground#a087c0
- input.background#faf8fb
- input.border#faf8fb
- input.foreground#6d3480ef
- keybindingLabel.background#faf8fb
- keybindingLabel.border#e3dbeb
- keybindingLabel.bottomBorder#e3dbeb
- keybindingLabel.foreground#b87fcb
- list.activeSelectionBackground#cbb2e566
- list.activeSelectionForeground#24003b
- list.errorForeground#c02100
- list.filterMatchBackground#cfc7e1
- list.filterMatchBorder#faf8fb
- list.focusBackground#cbb2e566
- list.focusForeground#24003b
- list.highlightForeground#6b428f
- list.hoverBackground#c2b2e596
- list.hoverForeground#3f2660
- list.inactiveSelectionBackground#ece7f2
- list.inactiveSelectionForeground#3f2660
- list.warningForeground#af6400
- listFilterWidget.background#faf8fb
- listFilterWidget.noMatchesOutline#c02100
- listFilterWidget.outline#c8b8d2
- menu.background#faf8fb
- menu.foreground#6d3480ef
- menubar.selectionBackground#e3dbeb
- minimapSlider.activeBackground#24003b21
- minimapSlider.background#24003b0f
- minimapSlider.hoverBackground#24003b0f
- panel.border#e3dbeb
- panelTitle.activeBorder#faf8fb
- panelTitle.activeForeground#3f2660
- panelTitle.inactiveForeground#b9a9c3
- peekView.border#bcb2d5
- peekViewEditor.background#faf8fb
- peekViewEditor.matchHighlightBackground#faf8fb
- peekViewEditor.matchHighlightBorder#c8b8d2
- peekViewEditorGutter.background#faf8fb
- peekViewResult.background#ece7f2
- peekViewResult.fileForeground#6b428f
- peekViewResult.lineForeground#c8b8d2
- peekViewResult.matchHighlightBackground#e2ddea
- peekViewResult.selectionBackground#faf8fb
- peekViewResult.selectionForeground#3f2660
- peekViewTitle.background#f4f1f9
- pickerGroup.foreground#704092
- progressBar.background#b87fcb
- sash.hoverBorder#e2ddea
- scrollbar.shadow#ecdaf5
- scrollbarSlider.activeBackground#24003b0f
- scrollbarSlider.background#24003b0f
- scrollbarSlider.hoverBackground#24003b0f
- selection.background#bcb2d5
- settings.checkboxBorder#e3dbeb
- settings.dropdownBorder#e3dbeb
- settings.modifiedItemIndicator#bcb2d5
- settings.textInputBorder#e3dbeb
- sideBar.background#faf8fb
- sideBar.border#e3dbeb
- sideBar.foreground#ae80c2
- sideBarSectionHeader.background#faf8fb
- sideBarSectionHeader.border#e3dbeb
- statusBar.background#faf8fb
- statusBar.border#e3dbeb
- statusBar.debuggingBackground#faf8fb
- statusBar.debuggingBorder#e3dbeb
- statusBar.debuggingForeground#6d3480ef
- statusBar.foreground#6d3480ef
- statusBar.noFolderBackground#faf8fb
- statusBar.noFolderBorder#e3dbeb
- statusBar.noFolderForeground#6d3480ef
- statusBarItem.activeBackground#faf8fb
- statusBarItem.hoverBackground#faf8fb
- symbolIcon.arrayForeground#6d3480ef
- symbolIcon.booleanForeground#6d3480ef
- symbolIcon.classForeground#6d3480ef
- symbolIcon.colorForeground#6d3480ef
- symbolIcon.constantForeground#6d3480ef
- symbolIcon.constructorForeground#6d3480ef
- symbolIcon.enumeratorForeground#6d3480ef
- symbolIcon.enumeratorMemberForeground#6d3480ef
- symbolIcon.eventForeground#6d3480ef
- symbolIcon.fieldForeground#6d3480ef
- symbolIcon.fileForeground#6d3480ef
- symbolIcon.folderForeground#6d3480ef
- symbolIcon.functionForeground#6d3480ef
- symbolIcon.interfaceForeground#6d3480ef
- symbolIcon.keyForeground#6d3480ef
- symbolIcon.keywordForeground#6d3480ef
- symbolIcon.methodForeground#6d3480ef
- symbolIcon.moduleForeground#6d3480ef
- symbolIcon.namespaceForeground#6d3480ef
- symbolIcon.nullForeground#6d3480ef
- symbolIcon.numberForeground#6d3480ef
- symbolIcon.objectForeground#6d3480ef
- symbolIcon.operatorForeground#6d3480ef
- symbolIcon.packageForeground#6d3480ef
- symbolIcon.propertyForeground#6d3480ef
- symbolIcon.referenceForeground#6d3480ef
- symbolIcon.snippetForeground#6d3480ef
- symbolIcon.stringForeground#6d3480ef
- symbolIcon.structForeground#6d3480ef
- symbolIcon.textForeground#6d3480ef
- symbolIcon.typeParameterForeground#6d3480ef
- symbolIcon.unitForeground#6d3480ef
- symbolIcon.variableForeground#6d3480ef
- tab.activeBorder#300f57dd
- tab.activeForeground#300f57dd
- tab.border#faf8fb
- tab.hoverForeground#300f57dd
- tab.inactiveBackground#faf8fb
- tab.inactiveForeground#c8b8d2dc
- tab.unfocusedHoverForeground#300f57dd
- terminal.ansiBlack#faf8fb
- terminal.ansiBlue#bcb2d5
- terminal.ansiBrightBlack#cfc7e1
- terminal.ansiBrightBlue#bcb2d5
- terminal.ansiBrightCyan#8b61af
- terminal.ansiBrightGreen#ae80c2
- terminal.ansiBrightMagenta#6b428f
- terminal.ansiBrightRed#9262a5
- terminal.ansiBrightWhite#24003b
- terminal.ansiBrightYellow#3f2660
- terminal.ansiCyan#8b61af
- terminal.ansiGreen#ae80c2
- terminal.ansiMagenta#6b428f
- terminal.ansiRed#9262a5
- terminal.ansiWhite#531c62
- terminal.ansiYellow#3f2660
- terminal.background#faf8fb
- terminal.foreground#6b428f
- terminalCursor.background#faf8fb
- terminalCursor.foreground#300f57
- textLink.activeForeground#24003b
- textLink.foreground#9736d4
- textPreformat.foreground#6d3480ef
- titleBar.activeBackground#faf8fb
- titleBar.activeForeground#6d3480ef
- titleBar.border#e3dbeb
- titleBar.inactiveBackground#faf8fb
- toolbar.hoverBackground#faf8fb
- toolbar.hoverOutline#a087c0
- tree.indentGuidesStroke#e1dae9
- welcomePage.progress.foreground#b87fcb
- window.activeBorder#68009c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json, meta.object-literal.key | #760e8dc5 | — |
| variable.parameter.function | #760e8dc5 | — |
| comment, punctuation.definition.comment | #a792b5aa | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array | #24003b98 | — |
| none | #300f57 | — |
| keyword.operator | #24003b | |
| keyword | #9772a6 | italic |
| variable | #774495 | — |
| entity.name.function, meta.require, support.function.any-method | #6d3480ef | italic |
| support.class, entity.name.class, entity.name.type.class | #6b428f | — |
| meta.class | #210047 | — |
| keyword.other.special-method | #ae80c2 | — |
| storage | #b665d7 | — |
| support.function | #9262a5 | — |
| string, constant.other.symbol, entity.other.inherited-class | #24003bc0 | — |
| constant.numeric | #531c62 | — |
| none | #6d3480ef | — |
| none | #6d3480ef | — |
| constant | #921eb2 | — |
| entity.name.tag | #927fb5 | — |
| entity.other.attribute-name | #ae7ac1 | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #ae80c2 | — |
| meta.selector | #9262a5 | — |
| none | #6d3480ef | — |
| markup.heading punctuation.definition.heading, entity.name.section | #ae80c2 | |
| keyword.other.unit | #6d3480ef | — |
| markup.bold, punctuation.definition.bold | #6b428f | bold |
| markup.italic, punctuation.definition.italic | #9262a5 | italic |
| markup.raw.inline | #24003bc0 | — |
| string.other.link, punctuation.definition.string.end.markdown | #9262a5 | — |
| meta.link | #6d3480ef | — |
| markup.list | #9262a5 | — |
| markup.quote | #6d3480ef | — |
| meta.separator | #300f57 | — |
| markup.inserted | #24003bc0 | — |
| markup.deleted | #9262a5 | — |
| markup.changed | #9262a5 | — |
| constant.other.color | #9262a5 | — |
| string.regexp | #9262a5 | — |
| constant.character.escape | #9262a5 | — |
| punctuation.section.embedded, variable.interpolation | #9262a5 | — |
| invalid.illegal | #210047 | — |
| invalid.broken | #faf8fb | — |
| invalid.deprecated | #210047 | — |
| invalid.unimplemented | #210047 | — |