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#070a0d
- activityBar.background#070a0d
- activityBar.border#14151a
- activityBar.foreground#a8c9f0
- activityBar.inactiveForeground#2d3d47
- activityBarBadge.background#3d5f7f
- badge.background#1e2a38
- badge.foreground#a8c9f0
- button.background#1a2633
- button.border#00000000
- button.foreground#a8c9f0
- button.hoverBackground#2d5d8477
- button.secondaryBackground#14151a
- button.secondaryBorder#00000000
- button.secondaryForeground#7faccb
- button.secondaryHoverBackground#2d5d8477
- button.separator#2d3d47
- checkbox.border#14151a
- debugIcon.breakpointCurrentStackframeForeground#7faccb
- debugIcon.breakpointDisabledForeground#7faccb
- debugIcon.breakpointForeground#7faccb
- debugIcon.breakpointStackframeForeground#7faccb
- debugIcon.breakpointUnverifiedForeground#7faccb
- debugIcon.continueForeground#7faccb
- debugIcon.disconnectForeground#7faccb
- debugIcon.pauseForeground#7faccb
- debugIcon.restartForeground#7faccb
- debugIcon.startForeground#7faccb
- debugIcon.stepBackForeground#7faccb
- debugIcon.stepIntoForeground#7faccb
- debugIcon.stepOutForeground#7faccb
- debugIcon.stepOverForeground#7faccb
- debugIcon.stopForeground#7faccb
- debugToolBar.background#070a0d
- descriptionForeground#7faccb
- diffEditor.insertedLineBackground#19890005
- dropdown.background#070a0d
- dropdown.foreground#7faccb
- editor.background#070a0d
- editor.findMatchBackground#070a0d
- editor.findMatchBorder#5a7f9d
- editor.findMatchHighlightBackground#0a0e127c
- editor.findMatchHighlightBorder#2d3d47
- editor.foldBackground#0a0e126e
- editor.foreground#99b8d4
- editor.hoverHighlightBackground#1a2a3877
- editor.inactiveSelectionBackground#2d5d8433
- editor.lineHighlightBackground#0d1218
- editor.linkedEditingBackground#2d3d4750
- editor.placeholder.foreground#3d5f7f
- editor.selectionBackground#2d5d8477
- editor.selectionHighlightBackground#2d5d8433
- editor.selectionHighlightBorder#2d5d8477
- editor.wordHighlightBackground#2d3d47c3
- editor.wordHighlightBorder#2d3d47
- editor.wordHighlightStrongBackground#2d3d47d4
- editor.wordHighlightTextBackground#2d3d4750
- editorBracketHighlight.foreground1#7db8fc
- editorBracketHighlight.foreground2#3b7cc6
- editorBracketHighlight.foreground3#21568f
- editorBracketHighlight.unexpectedBracket.foreground#fa6161
- editorBracketMatch.background#070a0d
- editorBracketMatch.border#2d3d47
- editorCursor.foreground#a8c9f0
- editorError.foreground#3d5570
- editorGroup.border#14151a
- editorGroupHeader.tabsBackground#070a0d
- editorGroupHeader.tabsBorder#14151a
- editorHoverWidget.statusBarBackground#070a0d
- editorIndentGuide.activeBackground1#7db8fc71
- editorIndentGuide.background1#161d26
- editorInfo.foreground#3d5570
- editorLightBulb.foreground#7faccb
- editorLineNumber.activeForeground#2d4d66
- editorLineNumber.foreground#1e2a38
- editorLink.activeForeground#a8c9f0
- editorOverviewRuler.border#14151a
- editorRuler.foreground#161d26
- editorSuggestWidget.foreground#3d5f7f
- editorSuggestWidget.highlightForeground#a8c9f0
- editorWarning.foreground#3d5570
- editorWhitespace.foreground#1e2a38
- editorWidget.background#0c141a
- editorWidget.border#1e2a38
- focusBorder#070a0d
- foreground#3d5f7f
- gitDecoration.addedResourceForeground#a8caf0
- gitDecoration.conflictingResourceForeground#a8caf0
- gitDecoration.deletedResourceForeground#3d5f7f
- gitDecoration.ignoredResourceForeground#253545
- gitDecoration.modifiedResourceForeground#a8caf0
- gitDecoration.submoduleResourceForeground#3d5f7f
- gitDecoration.untrackedResourceForeground#a8caf0
- icon.foreground#3d5f7f
- input.background#070a0d
- input.border#070a0d
- input.foreground#7faccb
- keybindingLabel.background#070a0d
- keybindingLabel.border#14151a
- keybindingLabel.bottomBorder#14151a
- keybindingLabel.foreground#a8c9f0
- list.activeSelectionBackground#1a3a4d5b
- list.activeSelectionForeground#c4e8ff
- list.errorForeground#ff603f
- list.filterMatchBackground#1e2a38
- list.filterMatchBorder#070a0d
- list.focusBackground#1a3a4d1a
- list.focusForeground#c4e8ff
- list.highlightForeground#7099bdcf
- list.hoverBackground#2d5d8477
- list.hoverForeground#a8c9f0
- list.inactiveSelectionBackground#0d1218
- list.inactiveSelectionForeground#a8c9f0
- list.warningForeground#ffb450
- listFilterWidget.background#070a0d
- listFilterWidget.noMatchesOutline#ff603f
- listFilterWidget.outline#2d3d47
- menu.background#070a0d
- menu.foreground#7faccb
- menubar.selectionBackground#14151a
- minimapSlider.activeBackground#a8c9f022
- minimapSlider.background#a8c9f00f
- minimapSlider.hoverBackground#a8c9f011
- panel.border#14151a
- panelTitle.activeBorder#070a0d
- panelTitle.activeForeground#a8c9f0
- panelTitle.inactiveForeground#2d3d47
- peekView.border#2a404d
- peekViewEditor.background#070a0d
- peekViewEditor.matchHighlightBackground#070a0d
- peekViewEditor.matchHighlightBorder#2d3d47
- peekViewEditorGutter.background#070a0d
- peekViewResult.background#0d1218
- peekViewResult.fileForeground#7099bdcf
- peekViewResult.lineForeground#2d3d47
- peekViewResult.matchHighlightBackground#151b22
- peekViewResult.selectionBackground#070a0d
- peekViewResult.selectionForeground#a8c9f0
- peekViewTitle.background#0c141a
- pickerGroup.foreground#6d99bf
- progressBar.background#a8c9f0
- sash.hoverBorder#151b22
- scrollbar.shadow#070a0d
- scrollbarSlider.activeBackground#c4e8ff0f
- scrollbarSlider.background#c4e8ff0f
- scrollbarSlider.hoverBackground#c4e8ff0f
- selection.background#2a404d
- settings.checkboxBorder#14151a
- settings.dropdownBorder#14151a
- settings.modifiedItemIndicator#2a404d
- settings.textInputBorder#14151a
- sideBar.background#070a0d
- sideBar.border#14151a
- sideBar.foreground#3d5f7f
- sideBarSectionHeader.background#070a0d
- sideBarSectionHeader.border#14151a
- statusBar.background#070a0d
- statusBar.border#14151a
- statusBar.debuggingBackground#070a0d
- statusBar.debuggingBorder#14151a
- statusBar.debuggingForeground#7faccb
- statusBar.foreground#7faccb
- statusBar.noFolderBackground#070a0d
- statusBar.noFolderBorder#14151a
- statusBar.noFolderForeground#7faccb
- statusBarItem.activeBackground#070a0d
- statusBarItem.hoverBackground#070a0d
- symbolIcon.arrayForeground#7faccb
- symbolIcon.booleanForeground#7faccb
- symbolIcon.classForeground#7faccb
- symbolIcon.colorForeground#7faccb
- symbolIcon.constantForeground#7faccb
- symbolIcon.constructorForeground#7faccb
- symbolIcon.enumeratorForeground#7faccb
- symbolIcon.enumeratorMemberForeground#7faccb
- symbolIcon.eventForeground#7faccb
- symbolIcon.fieldForeground#7faccb
- symbolIcon.fileForeground#7faccb
- symbolIcon.folderForeground#7faccb
- symbolIcon.functionForeground#7faccb
- symbolIcon.interfaceForeground#7faccb
- symbolIcon.keyForeground#7faccb
- symbolIcon.keywordForeground#7faccb
- symbolIcon.methodForeground#7faccb
- symbolIcon.moduleForeground#7faccb
- symbolIcon.namespaceForeground#7faccb
- symbolIcon.nullForeground#7faccb
- symbolIcon.numberForeground#7faccb
- symbolIcon.objectForeground#7faccb
- symbolIcon.operatorForeground#7faccb
- symbolIcon.packageForeground#7faccb
- symbolIcon.propertyForeground#7faccb
- symbolIcon.referenceForeground#7faccb
- symbolIcon.snippetForeground#7faccb
- symbolIcon.stringForeground#7faccb
- symbolIcon.structForeground#7faccb
- symbolIcon.textForeground#7faccb
- symbolIcon.typeParameterForeground#7faccb
- symbolIcon.unitForeground#7faccb
- symbolIcon.variableForeground#7faccb
- tab.activeBorder#a8c9f0ef
- tab.activeForeground#a8c9f0dd
- tab.border#070a0d
- tab.hoverForeground#a8c9f0ef
- tab.inactiveBackground#070a0d
- tab.inactiveForeground#2d3d47dc
- tab.unfocusedHoverForeground#a8c9f0ef
- terminal.ansiBlack#070a0d
- terminal.ansiBlue#2a404d
- terminal.ansiBrightBlack#1e2a38
- terminal.ansiBrightBlue#2a404d
- terminal.ansiBrightCyan#507a9e
- terminal.ansiBrightGreen#3d5f7f
- terminal.ansiBrightMagenta#7099bdcf
- terminal.ansiBrightRed#5a7f9d
- terminal.ansiBrightWhite#c4e8ff
- terminal.ansiBrightYellow#8fb5d9
- terminal.ansiCyan#507a9e
- terminal.ansiGreen#3d5f7f
- terminal.ansiMagenta#7099bdcf
- terminal.ansiRed#5a7f9d
- terminal.ansiWhite#9dc9e3
- terminal.ansiYellow#8fb5d9
- terminal.background#070a0d
- terminal.foreground#7099bdcf
- terminalCursor.background#070a0d
- terminalCursor.foreground#a8c9f0
- textLink.activeForeground#c4e8ff
- textLink.foreground#c4e8ff
- textPreformat.foreground#7faccb
- titleBar.activeBackground#070a0d
- titleBar.activeForeground#7faccb
- titleBar.border#14151a
- titleBar.inactiveBackground#070a0d
- toolbar.hoverBackground#070a0d
- toolbar.hoverOutline#3d5f7f
- tree.indentGuidesStroke#161d25
- window.activeBorder#14151a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json, meta.object-literal.key | #5a9deeee | — |
| variable.parameter.function | #5a9deeee | — |
| comment, punctuation.definition.comment | #4a5f6dad | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array | #c4e8ff98 | — |
| none | #a8c9f0 | — |
| keyword.operator | #c4e8ff | |
| keyword | #5a7f9dee | italic |
| variable | #89bdf9 | — |
| entity.name.function, meta.require, support.function.any-method | #b8deff | italic |
| support.class, entity.name.class, entity.name.type.class | #7099bdcf | — |
| meta.class | #b8deff | — |
| keyword.other.special-method | #3d5f7f | — |
| storage | #5a7f9dee | — |
| support.function | #5a7f9d | — |
| string, constant.other.symbol, entity.other.inherited-class | #a1d4f3c7 | — |
| constant.numeric | #99d1f7 | — |
| none | #7faccb | — |
| none | #7faccb | — |
| constant | #55b2ef | — |
| entity.name.tag | #4a6580 | — |
| entity.other.attribute-name | #4885ae | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #3d5f7f | — |
| meta.selector | #5a7f9dee | — |
| none | #7faccb | — |
| markup.heading punctuation.definition.heading, entity.name.section | #3d5f7f | |
| keyword.other.unit | #7faccb | — |
| markup.bold, punctuation.definition.bold | #7099bdcf | bold |
| markup.italic, punctuation.definition.italic | #5a7f9dee | italic |
| markup.raw.inline | #c4e8ffc7 | — |
| string.other.link, punctuation.definition.string.end.markdown | #5a7f9d | — |
| meta.link | #7faccb | — |
| markup.list | #5a7f9d | — |
| markup.quote | #7faccb | — |
| meta.separator | #a8c9f0 | — |
| markup.inserted | #c4e8ffc7 | — |
| markup.deleted | #5a7f9d | — |
| markup.changed | #5a7f9dee | — |
| constant.other.color | #5a7f9d | — |
| string.regexp | #5a7f9d | — |
| constant.character.escape | #5a7f9d | — |
| punctuation.section.embedded, variable.interpolation | #5a7f9dee | — |
| invalid.illegal | #b8deff | — |
| invalid.broken | #070a0d | — |
| invalid.deprecated | #b8deff | — |
| invalid.unimplemented | #b8deff | — |