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#D8DED8
- activityBar.border#C8D4C9
- activityBar.foreground#1C2A1C
- activityBar.inactiveForeground#4A7050
- activityBarBadge.background#2A7530
- activityBarBadge.foreground#E8EDE8
- badge.background#2A7530
- badge.foreground#E8EDE8
- breadcrumb.activeSelectionForeground#1C2A1C
- breadcrumb.focusForeground#1C2A1C
- breadcrumb.foreground#4A7050
- button.background#2A7530
- button.foreground#E8EDE8
- button.hoverBackground#3D9E42
- button.secondaryBackground#DFE6DF
- button.secondaryForeground#1C2A1C
- button.secondaryHoverBackground#C8D4C9
- commandCenter.activeBackground#DFE6DF
- commandCenter.activeForeground#1C2A1C
- commandCenter.background#E0E6E0
- commandCenter.border#C8D4C9
- commandCenter.foreground#1C2A1C
- diffEditor.border#C8D4C9
- diffEditor.diagonalFill#C8D4C980
- diffEditor.insertedTextBackground#2E7D3218
- diffEditor.removedTextBackground#C0392B18
- dropdown.background#E0E6E0
- dropdown.border#C8D4C9
- dropdown.foreground#1C2A1C
- editor.background#E8EDE8
- editor.findMatchBackground#A87C0060
- editor.findMatchHighlightBackground#A87C0030
- editor.foreground#1C2A1C
- editor.inactiveSelectionBackground#2E7D3220
- editor.lineHighlightBackground#DFE6DF
- editor.selectionBackground#2E7D3235
- editor.selectionHighlightBackground#A87C0028
- editor.wordHighlightBackground#7A9E7C20
- editor.wordHighlightStrongBackground#7A9E7C40
- editorBracketHighlight.foreground1#7D5C00
- editorBracketHighlight.foreground2#2A7530
- editorBracketHighlight.foreground3#8E3A65
- editorBracketHighlight.foreground4#8C6200
- editorBracketHighlight.foreground5#357028
- editorBracketHighlight.foreground6#4A7050
- editorBracketHighlight.unexpectedBracket.foreground#C0392B
- editorBracketMatch.background#2E7D3230
- editorBracketMatch.border#2A7530
- editorCursor.foreground#2A7530
- editorError.foreground#C0392B
- editorGhostText.background#00000000
- editorGhostText.foreground#7A9E7C80
- editorGroup.border#C8D4C9
- editorGroup.dropBackground#2E7D3225
- editorGroupHeader.tabsBackground#D8DED8
- editorGroupHeader.tabsBorder#C8D4C9
- editorGutter.addedBackground#2A7530
- editorGutter.deletedBackground#C0392B
- editorGutter.modifiedBackground#7D5C00
- editorHoverWidget.background#E8EDE8
- editorHoverWidget.border#C8D4C9
- editorHoverWidget.foreground#1C2A1C
- editorIndentGuide.activeBackground1#4A7050
- editorIndentGuide.background1#C8D4C9
- editorInfo.foreground#2471A3
- editorInlayHint.background#C8D4C980
- editorInlayHint.foreground#4A7050
- editorLineNumber.activeForeground#2A7530
- editorLineNumber.foreground#4A7050
- editorLink.activeForeground#7D5C00
- editorOverviewRuler.errorForeground#C0392B
- editorOverviewRuler.infoForeground#2A7530
- editorOverviewRuler.warningForeground#7D5C00
- editorRuler.foreground#C8D4C9
- editorStickyScroll.background#E8EDE8
- editorStickyScrollHover.background#DFE6DF
- editorSuggestWidget.background#E8EDE8
- editorSuggestWidget.border#C8D4C9
- editorSuggestWidget.foreground#1C2A1C
- editorSuggestWidget.highlightForeground#7D5C00
- editorSuggestWidget.selectedBackground#DFE6DF
- editorWarning.foreground#A0720A
- editorWhitespace.foreground#C8D4C9
- focusBorder#2A7530
- foreground#1C2A1C
- gitDecoration.addedResourceForeground#4CAF50
- gitDecoration.conflictingResourceForeground#A0720A
- gitDecoration.deletedResourceForeground#C0392B
- gitDecoration.ignoredResourceForeground#4A7050
- gitDecoration.modifiedResourceForeground#7D5C00
- gitDecoration.untrackedResourceForeground#2A7530
- input.background#DFE6DF
- input.border#C8D4C9
- input.foreground#1C2A1C
- input.placeholderForeground#4A7050
- inputOption.activeBackground#2E7D3225
- inputOption.activeBorder#2A7530
- inputOption.activeForeground#1C2A1C
- inputValidation.errorBackground#C0392B15
- inputValidation.errorBorder#C0392B
- inputValidation.warningBackground#A87C0015
- inputValidation.warningBorder#7D5C00
- keybindingLabel.background#DFE6DF80
- keybindingLabel.border#C8D4C9
- keybindingLabel.bottomBorder#C8D4C9
- keybindingLabel.foreground#1C2A1C
- list.activeSelectionBackground#2E7D3230
- list.activeSelectionForeground#1C2A1C
- list.focusBackground#2E7D3230
- list.highlightForeground#7D5C00
- list.hoverBackground#DFE6DF
- list.inactiveSelectionBackground#2E7D3218
- merge.border#C8D4C9
- merge.currentContentBackground#2E7D3220
- merge.currentHeaderBackground#2E7D3240
- merge.incomingContentBackground#A87C0020
- merge.incomingHeaderBackground#A87C0040
- minimap.background#E8EDE8
- minimapSlider.activeBackground#7A9E7C60
- minimapSlider.background#7A9E7C20
- minimapSlider.hoverBackground#7A9E7C40
- notificationCenter.border#C8D4C9
- notificationCenterHeader.background#D5DCD5
- notificationCenterHeader.foreground#7D5C00
- notifications.background#E0E6E0
- notifications.border#C8D4C9
- notifications.foreground#1C2A1C
- notificationsErrorIcon.foreground#C0392B
- notificationsInfoIcon.foreground#2471A3
- notificationsWarningIcon.foreground#A0720A
- notificationToast.border#C8D4C9
- panel.background#E0E6E0
- panel.border#C8D4C9
- panelTitle.activeBorder#2A7530
- panelTitle.activeForeground#7D5C00
- panelTitle.inactiveForeground#4A7050
- peekView.border#2A7530
- peekViewEditor.background#E8EDE8
- peekViewResult.background#E0E6E0
- peekViewTitle.background#DFE6DF
- peekViewTitleLabel.foreground#1C2A1C
- pickerGroup.border#C8D4C9
- pickerGroup.foreground#7D5C00
- progressBar.background#2A7530
- quickInput.background#E8EDE8
- quickInput.foreground#1C2A1C
- quickInputList.focusBackground#DFE6DF
- scrollbar.shadow#00000015
- scrollbarSlider.activeBackground#2E7D3280
- scrollbarSlider.background#C8D4C980
- scrollbarSlider.hoverBackground#7A9E7C80
- selection.background#2E7D3235
- sideBar.background#E0E6E0
- sideBar.border#C8D4C9
- sideBar.foreground#1C2A1C
- sideBarSectionHeader.background#D5DCD5
- sideBarSectionHeader.border#C8D4C9
- sideBarSectionHeader.foreground#1C2A1C
- sideBarTitle.foreground#7D5C00
- statusBar.background#CDD6CD
- statusBar.border#C8D4C9
- statusBar.debuggingBackground#2A7530
- statusBar.debuggingForeground#E8EDE8
- statusBar.foreground#1C2A1C
- statusBar.noFolderBackground#1B5E20
- statusBarItem.errorBackground#C0392B
- statusBarItem.errorForeground#E8EDE8
- statusBarItem.hoverBackground#DFE6DF
- statusBarItem.remoteBackground#1B5E20
- statusBarItem.remoteForeground#E8EDE8
- statusBarItem.warningBackground#7D5C00
- statusBarItem.warningForeground#E8EDE8
- tab.activeBackground#E8EDE8
- tab.activeBorder#2A7530
- tab.activeForeground#1C2A1C
- tab.activeModifiedBorder#7D5C00
- tab.border#C8D4C9
- tab.inactiveBackground#D8DED8
- tab.inactiveForeground#4A7050
- tab.inactiveModifiedBorder#4A7050
- tab.unfocusedActiveBackground#E8EDE8
- tab.unfocusedActiveBorder#4A7050
- tab.unfocusedActiveForeground#3A4E3A
- tab.unfocusedActiveModifiedBorder#4A7050
- terminal.ansiBlack#1C2A1C
- terminal.ansiBlue#2471A3
- terminal.ansiBrightBlack#4A7050
- terminal.ansiBrightBlue#2E86C1
- terminal.ansiBrightCyan#1F8B80
- terminal.ansiBrightGreen#4CAF50
- terminal.ansiBrightMagenta#853678
- terminal.ansiBrightRed#E05C4B
- terminal.ansiBrightWhite#E8EDE8
- terminal.ansiBrightYellow#8C6200
- terminal.ansiCyan#1A6B62
- terminal.ansiGreen#2A7530
- terminal.ansiMagenta#8E3A65
- terminal.ansiRed#C0392B
- terminal.ansiWhite#DFE6DF
- terminal.ansiYellow#A0720A
- terminal.background#E8EDE8
- terminal.foreground#1C2A1C
- terminalCursor.background#E8EDE8
- terminalCursor.foreground#2A7530
- titleBar.activeBackground#CDD6CD
- titleBar.activeForeground#1C2A1C
- titleBar.border#C8D4C9
- titleBar.inactiveBackground#D5DCD5
- titleBar.inactiveForeground#4A7050
- tree.indentGuidesStroke#C8D4C9
- widget.shadow#00000018
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #1C2A1C | — |
| comment, comment.line, comment.block, comment.block.documentation | #4A7050 | italic |
| keyword, keyword.control, keyword.control.flow, keyword.control.import, keyword.control.export, storage, storage.type, storage.modifier | #2A7530 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.arithmetic | #2A7530 | — |
| string, string.quoted, string.quoted.single, string.quoted.double, string.template, string.interpolated | #7D5C00 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #2A7530 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #3E7530 | — |
| entity.name.function, support.function, meta.function-call, variable.function | #7D5C00 | — |
| variable, variable.other, variable.other.readwrite, variable.parameter | #1C2A1C | — |
| variable.other.constant, variable.other.enummember | #8C6200 | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, support.type, support.class | #8E3A65 | — |
| entity.name.type.primitive, support.type.primitive, keyword.type | #8E3A65 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #7D5C00 | — |
| entity.name.module, support.module, meta.import string | #7D5C00 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #2A7530 | italic |
| entity.name.tag, meta.tag | #8E3A65 | — |
| entity.other.attribute-name | #853678 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #8E3A65 | — |
| support.type.property-name.css | #7D5C00 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor | #4A7050 | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #1C2A1C | — |
| markup.heading, entity.name.section | #2A7530 | bold |
| markup.bold | #7D5C00 | bold |
| markup.italic | #1C2A1C | italic |
| markup.inline.raw | #3E7530 | — |
| markup.underline.link, string.other.link | #7D5C00 | underline |
| meta.type.assertion.ts, meta.type.assertion.tsx | #8E3A65 | — |
| meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type | #8E3A65 | italic |
| storage.type.function.arrow.ts, storage.type.function.arrow.tsx, storage.type.function.arrow.js | #2A7530 | — |
| entity.name.type.interface.ts, entity.name.type.alias.ts | #8E3A65 | italic |
| support.type.primitive.ts, support.type.primitive.tsx, support.type.primitive.js | #8E3A65 | 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 | #2A7530 | bold |