Chilaquiles Theme
Publisher: Arturo De la Garza ZertucheThemes in package: 4
A VS Code color theme inspired by chilaquiles — warm reds, toasted golds, and cilantro greens.
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.background#F0E8D8
- activityBar.border#C8B49A
- activityBar.foreground#2A1810
- activityBar.inactiveForeground#7A5547
- activityBarBadge.background#8C1D35
- activityBarBadge.foreground#FFFBF5
- badge.background#8C1D35
- badge.foreground#FFFBF5
- breadcrumb.activeSelectionForeground#2A1810
- breadcrumb.focusForeground#2A1810
- breadcrumb.foreground#6B4A35
- button.background#8C1D35
- button.foreground#FFFBF5
- button.hoverBackground#B23525
- button.secondaryBackground#EDE4D4
- button.secondaryForeground#2A1810
- button.secondaryHoverBackground#C8B49A
- commandCenter.activeBackground#EDE4D4
- commandCenter.activeForeground#2A1810
- commandCenter.background#F5EFE3
- commandCenter.border#C8B49A
- commandCenter.foreground#2A1810
- diffEditor.border#E8DFD0
- diffEditor.diagonalFill#E8DFD080
- diffEditor.insertedTextBackground#2E7D3220
- diffEditor.removedTextBackground#C4391C20
- dropdown.background#F5EFE3
- dropdown.border#C8B49A
- dropdown.foreground#2A1810
- editor.background#FFFBF5
- editor.findMatchBackground#7A5C0060
- editor.findMatchHighlightBackground#7A5C0030
- editor.foreground#2A1810
- editor.inactiveSelectionBackground#8C1D3525
- editor.lineHighlightBackground#EDE4D4
- editor.selectionBackground#8C1D3540
- editor.selectionHighlightBackground#7A5C0030
- editor.wordHighlightBackground#6B4A3520
- editor.wordHighlightStrongBackground#6B4A3540
- editorBracketHighlight.foreground1#7B5B00
- editorBracketHighlight.foreground2#2E7D32
- editorBracketHighlight.foreground3#C4391C
- editorBracketHighlight.foreground4#A05600
- editorBracketHighlight.foreground5#8C1D35
- editorBracketHighlight.foreground6#6B4A35
- editorBracketHighlight.unexpectedBracket.foreground#C4391C
- editorBracketMatch.background#7A5C0030
- editorBracketMatch.border#7A5C00
- editorCursor.foreground#7A5C00
- editorError.foreground#C0392B
- editorGhostText.background#00000000
- editorGhostText.foreground#7A554780
- editorGroup.border#C8B49A
- editorGroup.dropBackground#7A5C0030
- editorGroupHeader.tabsBackground#F0E8D8
- editorGroupHeader.tabsBorder#C8B49A
- editorGutter.addedBackground#2E7D32
- editorGutter.deletedBackground#C4391C
- editorGutter.modifiedBackground#7B5B00
- editorHoverWidget.background#FFFBF5
- editorHoverWidget.border#E8DFD0
- editorHoverWidget.foreground#2A1810
- editorIndentGuide.activeBackground1#7A5547
- editorIndentGuide.background1#C8B49A
- editorInfo.foreground#2471A3
- editorInlayHint.background#E8DFD080
- editorInlayHint.foreground#826858
- editorLineNumber.activeForeground#7A5C00
- editorLineNumber.foreground#7A5547
- editorLink.activeForeground#7B5B00
- editorOverviewRuler.errorForeground#C4391C
- editorOverviewRuler.infoForeground#2E7D32
- editorOverviewRuler.warningForeground#7B5B00
- editorRuler.foreground#C8B49A
- editorStickyScroll.background#FFFBF5
- editorStickyScrollHover.background#F5EDE0
- editorSuggestWidget.background#FFFBF5
- editorSuggestWidget.border#E8DFD0
- editorSuggestWidget.foreground#2A1810
- editorSuggestWidget.highlightForeground#7B5B00
- editorSuggestWidget.selectedBackground#E8DFD0
- editorWarning.foreground#A0720A
- editorWhitespace.foreground#C8B49A
- focusBorder#7A5C00
- foreground#2A1810
- gitDecoration.addedResourceForeground#2E7D32
- gitDecoration.conflictingResourceForeground#A0720A
- gitDecoration.deletedResourceForeground#8C1D35
- gitDecoration.ignoredResourceForeground#7A5547
- gitDecoration.modifiedResourceForeground#7A5C00
- gitDecoration.untrackedResourceForeground#1B5E20
- input.background#EDE4D4
- input.border#C8B49A
- input.foreground#2A1810
- input.placeholderForeground#7A5547
- inputOption.activeBackground#7A5C0030
- inputOption.activeBorder#7A5C00
- inputOption.activeForeground#2A1810
- inputValidation.errorBackground#8C1D3515
- inputValidation.errorBorder#8C1D35
- inputValidation.warningBackground#7A5C0015
- inputValidation.warningBorder#7A5C00
- keybindingLabel.background#EDE4D480
- keybindingLabel.border#C8B49A
- keybindingLabel.bottomBorder#C8B49A
- keybindingLabel.foreground#2A1810
- list.activeSelectionBackground#8C1D3540
- list.activeSelectionForeground#2A1810
- list.focusBackground#8C1D3540
- list.highlightForeground#7A5C00
- list.hoverBackground#EDE4D4
- list.inactiveSelectionBackground#8C1D3525
- merge.border#E8DFD0
- merge.currentContentBackground#2E7D3220
- merge.currentHeaderBackground#2E7D3240
- merge.incomingContentBackground#7B5B0020
- merge.incomingHeaderBackground#7B5B0040
- minimap.background#FFFBF5
- minimapSlider.activeBackground#6B4A3560
- minimapSlider.background#6B4A3520
- minimapSlider.hoverBackground#6B4A3540
- notificationCenter.border#C8B49A
- notificationCenterHeader.background#EDE4D4
- notificationCenterHeader.foreground#7A5C00
- notifications.background#F5EFE3
- notifications.border#C8B49A
- notifications.foreground#2A1810
- notificationsErrorIcon.foreground#C0392B
- notificationsInfoIcon.foreground#2471A3
- notificationsWarningIcon.foreground#A0720A
- notificationToast.border#C8B49A
- panel.background#F5EFE3
- panel.border#C8B49A
- panelTitle.activeBorder#7A5C00
- panelTitle.activeForeground#7A5C00
- panelTitle.inactiveForeground#7A5547
- peekView.border#C4391C
- peekViewEditor.background#FFFBF5
- peekViewResult.background#F5EDE0
- peekViewTitle.background#E8DFD0
- peekViewTitleLabel.foreground#2A1810
- pickerGroup.border#E8DFD0
- pickerGroup.foreground#7B5B00
- progressBar.background#8C1D35
- quickInput.background#FFFBF5
- quickInput.foreground#2A1810
- quickInputList.focusBackground#E8DFD0
- scrollbar.shadow#00000020
- scrollbarSlider.activeBackground#7A5C0080
- scrollbarSlider.background#C8B49A80
- scrollbarSlider.hoverBackground#7A554780
- selection.background#8C1D3540
- sideBar.background#F5EFE3
- sideBar.border#C8B49A
- sideBar.foreground#2A1810
- sideBarSectionHeader.background#EDE4D4
- sideBarSectionHeader.border#C8B49A
- sideBarSectionHeader.foreground#2A1810
- sideBarTitle.foreground#7A5C00
- statusBar.background#E8DFCC
- statusBar.border#C8B49A
- statusBar.debuggingBackground#8C1D35
- statusBar.debuggingForeground#FFFBF5
- statusBar.foreground#2A1810
- statusBar.noFolderBackground#1B5E20
- statusBarItem.errorBackground#8C1D35
- statusBarItem.errorForeground#FFFBF5
- statusBarItem.hoverBackground#EDE4D4
- statusBarItem.remoteBackground#1B5E20
- statusBarItem.remoteForeground#FFFBF5
- statusBarItem.warningBackground#7A5C00
- statusBarItem.warningForeground#FFFBF5
- tab.activeBackground#FFFBF5
- tab.activeBorder#7A5C00
- tab.activeForeground#2A1810
- tab.activeModifiedBorder#7A5C00
- tab.border#C8B49A
- tab.inactiveBackground#F0E8D8
- tab.inactiveForeground#7A5547
- tab.inactiveModifiedBorder#7A5547
- tab.unfocusedActiveBackground#FFFBF5
- tab.unfocusedActiveBorder#7A5547
- tab.unfocusedActiveForeground#4A3025
- tab.unfocusedActiveModifiedBorder#7A5547
- terminal.ansiBlack#2A1810
- terminal.ansiBlue#2471A3
- terminal.ansiBrightBlack#7A5547
- terminal.ansiBrightBlue#2E86C1
- terminal.ansiBrightCyan#1F8B80
- terminal.ansiBrightGreen#2E7D32
- terminal.ansiBrightMagenta#B03020
- terminal.ansiBrightRed#C0392B
- terminal.ansiBrightWhite#FFFBF5
- terminal.ansiBrightYellow#A0720A
- terminal.ansiCyan#1A6B62
- terminal.ansiGreen#1B5E20
- terminal.ansiMagenta#8C1D35
- terminal.ansiRed#8C1D35
- terminal.ansiWhite#EDE4D4
- terminal.ansiYellow#7A5C00
- terminal.background#FFFBF5
- terminal.foreground#2A1810
- terminalCursor.background#FFFBF5
- terminalCursor.foreground#7A5C00
- titleBar.activeBackground#E8DFCC
- titleBar.activeForeground#2A1810
- titleBar.border#C8B49A
- titleBar.inactiveBackground#EDE4D4
- titleBar.inactiveForeground#7A5547
- tree.indentGuidesStroke#C8B49A
- widget.shadow#00000020
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #2A1810 | — |
| comment, comment.line, comment.block, comment.block.documentation | #826858 | italic |
| keyword, keyword.control, keyword.control.flow, keyword.control.import, keyword.control.export, storage, storage.type, storage.modifier | #C4391C | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.arithmetic | #C4391C | — |
| string, string.quoted, string.quoted.single, string.quoted.double, string.template, string.interpolated | #7B5B00 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #C4391C | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #A05600 | — |
| entity.name.function, support.function, meta.function-call, variable.function | #2E7D32 | — |
| variable, variable.other, variable.other.readwrite, variable.parameter | #2A1810 | — |
| variable.other.constant, variable.other.enummember | #A05600 | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, support.type, support.class | #8C1D35 | — |
| entity.name.type.primitive, support.type.primitive, keyword.type | #8C1D35 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #7B5B00 | — |
| entity.name.module, support.module, meta.import string | #7B5B00 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #C4391C | italic |
| entity.name.tag, meta.tag | #8C1D35 | — |
| entity.other.attribute-name | #A64D79 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #8C1D35 | — |
| support.type.property-name.css | #2E7D32 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor | #6B4A35 | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #2A1810 | — |
| markup.heading, entity.name.section | #C4391C | bold |
| markup.bold | #7B5B00 | bold |
| markup.italic | #2A1810 | italic |
| markup.inline.raw | #2E7D32 | — |
| markup.underline.link, string.other.link | #7B5B00 | underline |
| meta.type.assertion.ts, meta.type.assertion.tsx | #8C1D35 | — |
| meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type | #8C1D35 | italic |
| storage.type.function.arrow.ts, storage.type.function.arrow.tsx, storage.type.function.arrow.js | #C4391C | — |
| entity.name.type.interface.ts, entity.name.type.alias.ts | #8C1D35 | italic |
| support.type.primitive.ts, support.type.primitive.tsx, support.type.primitive.js | #8C1D35 | italic |
| keyword.control.import.ts, keyword.control.export.ts, keyword.control.import.tsx, keyword.control.export.tsx, keyword.control.import.js, keyword.control.export.js | #C4391C | bold |