Chicha
Publisher: Benito AnaguaThemes in package: 4
Soft, light, dark and black theme with refreshing purple and blue tones
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#6d63b8
- activityBar.background#151115
- activityBar.border#2d262e
- activityBar.dropBorder#5447a0
- activityBar.foreground#5447a0
- activityBar.inactiveForeground#aeaba2
- activityBarBadge.background#6d63b8
- activityBarBadge.foreground#000000
- badge.background#6d63b8
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#2d262e
- breadcrumb.background#151115
- breadcrumb.focusForeground#898189
- breadcrumb.foreground#cecab3
- breadcrumbPicker.background#151115
- button.background#5447a0
- button.border#2d262e
- button.foreground#000000
- button.hoverBackground#8b83c2
- button.secondaryBackground#706874
- button.secondaryForeground#000000
- button.secondaryHoverBackground#aeaba2
- button.separator#423b46
- chat.requestBackground#151115
- chat.requestBorder#423b46
- checkbox.background#000000
- checkbox.border#000000
- checkbox.foreground#aeaba2
- debugConsole.errorForeground#479e41
- debugConsole.infoForeground#e8e4c2
- debugConsole.sourceForeground#aeaba2
- debugConsole.warningForeground#ccd62d
- debugConsoleInputIcon.foreground#706874
- debugExceptionWidget.background#1d123f
- debugExceptionWidget.border#261a51
- debugIcon.breakpointForeground#2c822c
- debugIcon.continueForeground#a356dc
- debugIcon.pauseForeground#382974
- debugIcon.restartForeground#6626a2
- debugIcon.startForeground#842fcc
- debugIcon.stopForeground#479e41
- debugTokenExpression.boolean#898189
- debugTokenExpression.error#479e41
- debugTokenExpression.name#e8e4c2
- debugTokenExpression.number#706874
- debugTokenExpression.string#cecab3
- debugTokenExpression.value#aeaba2
- debugToolBar.background#1d123f
- debugToolBar.border#261a51
- debugView.valueChangedHighlight#706d21
- descriptionForeground#706874
- diffEditor.border#382974
- diffEditor.insertedTextBackground#561f8b80
- diffEditor.removedTextBackground#8a161b80
- diffEditorOverview.insertedForeground#561f8b
- diffEditorOverview.removedForeground#226822
- disabledForeground#58505e
- dropdown.background#000000
- dropdown.border#382974
- dropdown.foreground#aeaba2
- editor.background#000000
- editor.findMatchBackground#461774
- editor.findMatchBorder#842fcc
- editor.findMatchForeground#aeaba2
- editor.findMatchHighlightBackground#6626a280
- editor.findMatchHighlightBorder#d32a28
- editor.findRangeHighlightBackground#58505e80
- editor.findRangeHighlightBorder#15111580
- editor.focusedStackFrameHighlightBackground#2f2163
- editor.foldBackground#261a5180
- editor.foldPlaceholderForeground#2d262e
- editor.foreground#e8e4c2
- editor.hoverHighlightBackground#774e1980
- editor.inactiveSelectionBackground#38297459
- editor.lineHighlightBackground#1d123f
- editor.lineHighlightBorder#261a51
- editor.linkedEditingBackground#2d262e
- editor.rangeHighlightBackground#15111580
- editor.rangeHighlightBorder#151115
- editor.selectionBackground#561f8b59
- editor.selectionHighlightBackground#38297459
- editor.selectionHighlightBorder#842fcc
- editor.stackFrameHighlightBackground#261a51
- editor.wordHighlightBackground#774e1980
- editor.wordHighlightBorder#2d262e
- editor.wordHighlightStrongBackground#2f216380
- editor.wordHighlightStrongBorder#58505e
- editorCodeLens.foreground#706874
- editorCommentsWidget.rangeActiveBackground#151115
- editorCommentsWidget.rangeBackground#2d262e
- editorCommentsWidget.replyInputBackground#151115
- editorCommentsWidget.resolvedBorder#423b46
- editorCommentsWidget.unresolvedBorder#58505e
- editorCursor.background#151115
- editorCursor.foreground#e8e4c2
- editorGhostText.background#000000
- editorGhostText.border#2d262e
- editorGhostText.foreground#e8e4c2
- editorGroup.border#000000
- editorGroup.dropBackground#261a51
- editorGroup.dropIntoPromptBackground#423b46
- editorGroup.dropIntoPromptBorder#58505e
- editorGroup.dropIntoPromptForeground#e8e4c2
- editorGroup.emptyBackground#000000
- editorGroup.focusedEmptyBorder#706874
- editorGroupHeader.border#58505e
- editorGroupHeader.tabsBackground#151115
- editorGroupHeader.tabsBorder#423b46
- editorGutter.addedBackground#842fcc
- editorGutter.background#15111540
- editorGutter.commentGlyphForeground#706874
- editorGutter.commentRangeForeground#261a51
- editorGutter.commentUnresolvedGlyphForeground#898189
- editorGutter.deletedBackground#7bcc6d
- editorGutter.foldingControlForeground#e8e4c2
- editorGutter.modifiedBackground#5447a0
- editorHoverWidget.background#000000
- editorHoverWidget.border#382974
- editorHoverWidget.foreground#e8e4c2
- editorHoverWidget.highlightForeground#842fcc
- editorHoverWidget.statusBarBackground#151115
- editorIndentGuide.activeBackground1#382974
- editorIndentGuide.background1#2d262e
- editorInlayHint.background#000000
- editorInlayHint.foreground#423b46
- editorLightBulb.foreground#ccd62d
- editorLightBulbAi.foreground#d59c2f
- editorLightBulbAutoFix.foreground#842fcc
- editorLineNumber.activeForeground#e8e4c2
- editorLineNumber.foreground#58505e
- editorLink.activeForeground#8b83c2
- editorMarkerNavigation.background#000000
- editorMarkerNavigationError.background#479e41
- editorMarkerNavigationInfo.background#403086
- editorMarkerNavigationWarning.background#ccd62d
- editorOverviewRuler.addedForeground#561f8b
- editorOverviewRuler.background#151115
- editorOverviewRuler.border#423b46
- editorOverviewRuler.bracketMatchForeground#423b46
- editorOverviewRuler.commonContentForeground#5447a0
- editorOverviewRuler.currentContentForeground#d59c2f
- editorOverviewRuler.deletedForeground#226822
- editorOverviewRuler.errorForeground#479e41
- editorOverviewRuler.findMatchForeground#561f8b80
- editorOverviewRuler.incomingContentForeground#403086
- editorOverviewRuler.infoForeground#b07a26
- editorOverviewRuler.inlineChatRemoved#226822
- editorOverviewRuler.modifiedForeground#916322
- editorOverviewRuler.rangeHighlightForeground#2d262e
- editorOverviewRuler.selectionHighlightForeground#15111580
- editorOverviewRuler.warningForeground#6626a2
- editorOverviewRuler.wordHighlightForeground#58505e
- editorOverviewRuler.wordHighlightStrongForeground#706874
- editorOverviewRuler.wordHighlightTextForeground#898189
- editorRuler.foreground#58505e
- editorStickyScroll.background#000000
- editorStickyScroll.border#382974
- editorStickyScrollHover.background#461774
- editorSuggestWidget.background#000000
- editorSuggestWidget.border#382974
- editorSuggestWidget.foreground#e8e4c2
- editorSuggestWidget.highlightForeground#5447a0
- editorSuggestWidget.selectedBackground#261a51
- editorSuggestWidget.selectedForeground#e8e4c2
- editorSuggestWidgetStatus.foreground#aeaba2
- editorUnicodeHighlight.background#151115
- editorUnicodeHighlight.border#479e41
- editorWatermark.foreground#706874
- editorWhitespace.foreground#2d262e
- editorWidget.background#151115
- editorWidget.border#2d262e
- editorWidget.foreground#aeaba2
- editorWidget.resizeBorder#706874
- errorForeground#7bcc6d
- focusBorder#382974
- foreground#e8e4c2
- git.blame.editorDecorationForeground#706874
- gitDecoration.addedResourceForeground#b673e4
- gitDecoration.conflictingResourceForeground#60b9d2
- gitDecoration.deletedResourceForeground#479e41
- gitDecoration.ignoredResourceForeground#58505e
- gitDecoration.modifiedResourceForeground#e3f394
- gitDecoration.stageDeletedResourceForeground#479e41
- gitDecoration.stageModifiedResourceForeground#e3f394
- gitDecoration.submoduleResourceForeground#5447a0
- gitDecoration.untrackedResourceForeground#7bcc6d
- icon.foreground#aeaba2
- input.background#000000
- input.border#2d262e
- input.foreground#aeaba2
- input.placeholderForeground#706874
- inputOption.activeBackground#261a51
- inputOption.activeBorder#000000
- inputOption.activeForeground#e8e4c2
- inputOption.hoverBackground#2d262e
- list.activeSelectionBackground#261a51
- list.activeSelectionForeground#e8e4c2
- list.deemphasizedForeground#706874
- list.dropBackground#261a51
- list.dropBetweenBackground#423b46
- list.errorForeground#e4756c
- list.filterMatchBackground#adae26
- list.filterMatchBorder#8d8b25
- list.focusAndSelectionOutline#382974
- list.focusBackground#2f2163
- list.focusForeground#aeaba2
- list.focusHighlightForeground#d59c2f
- list.focusOutline#382974
- list.highlightForeground#d59c2f
- list.hoverBackground#261a51
- list.hoverForeground#e8e4c2
- list.inactiveFocusBackground#2f2163
- list.inactiveFocusOutline#382974
- list.inactiveSelectionBackground#2f2163
- list.inactiveSelectionForeground#e8e4c2
- list.warningForeground#dceb7e
- listFilterWidget.background#700e14
- listFilterWidget.noMatchesOutline#479e41
- listFilterWidget.outline#151115
- menu.background#151115
- menu.border#2d262e
- menu.foreground#cecab3
- menu.selectionBackground#8b83c2
- menu.selectionForeground#151115
- menu.separatorBackground#2d262e
- menubar.selectionBackground#2f2163
- menubar.selectionForeground#c2c1d3
- merge.border#5447a0
- merge.commonContentBackground#423b4680
- merge.commonHeaderBackground#70687480
- merge.currentContentBackground#38297480
- merge.currentHeaderBackground#5447a080
- merge.incomingContentBackground#91632280
- merge.incomingHeaderBackground#d59c2f80
- mergeEditor.change.background#261a51
- mergeEditor.change.word.background#2f2163
- mergeEditor.changeBase.background#151115
- mergeEditor.changeBase.word.background#2d262e
- mergeEditor.conflict.handled.minimapOverViewRuler#382974
- mergeEditor.conflict.handledFocused.border#6626a2
- mergeEditor.conflict.handledUnfocused.border#561f8b
- mergeEditor.conflict.input1.background#5c3a10
- mergeEditor.conflict.input2.background#774e19
- mergeEditor.conflict.unhandled.minimapOverViewRuler#403086
- mergeEditor.conflict.unhandledFocused.border#2c822c
- mergeEditor.conflict.unhandledUnfocused.border#226822
- mergeEditor.conflictingLines.background#151115
- minimap.background#151115
- minimap.errorHighlight#479e41
- minimap.findMatchHighlight#70687480
- minimap.foregroundOpacity#e8e4c21a
- minimap.infoHighlight#e4c169
- minimap.selectionHighlight#d59c2f80
- minimap.selectionOccurrenceHighlight#aeaba2
- minimap.warningHighlight#ccd62d
- notebook.cellBorderColor#2d262e
- notebook.cellEditorBackground#000000
- notebook.cellHoverBackground#151115
- notebook.cellInsertionIndicator#423b46
- notebook.cellStatusBarItemHoverBackground#151115
- notebook.cellToolbarSeparator#2d262e
- notebook.editorBackground#000000
- notebook.focusedCellBackground#151115
- notebook.focusedCellBorder#2d262e
- notebook.focusedEditorBorder#423b46
- notebook.inactiveFocusedCellBorder#151115
- notebook.inactiveSelectedCellBorder#151115
- notebook.outputContainerBackgroundColor#000000
- notebook.outputContainerBorderColor#2d262e
- notebook.selectedCellBackground#aeaba2
- notebook.selectedCellBorder#151115
- notebookScrollbarSlider.activeBackground#151115
- notebookScrollbarSlider.background#aeaba2
- notebookScrollbarSlider.hoverBackground#151115
- notificationCenter.border#261a51
- notificationCenterHeader.background#000000
- notificationCenterHeader.foreground#aeaba2
- notifications.background#1d123f
- notifications.border#000000
- notifications.foreground#aeaba2
- notificationsErrorIcon.foreground#479e41
- notificationsInfoIcon.foreground#403086
- notificationsWarningIcon.foreground#ccd62d
- notificationToast.border#261a51
- outputView.background#000000
- panel.background#000000
- panel.border#382974
- panel.dropBorder#261a51
- panelSection.border#000000
- panelSectionHeader.background#151115
- panelSectionHeader.border#2d262e
- panelSectionHeader.foreground#e8e4c2
- panelStickyScroll.background#151115
- panelStickyScroll.border#2d262e
- panelTitle.activeBorder#382974
- panelTitle.activeForeground#e8e4c2
- panelTitle.border#000000
- panelTitle.inactiveForeground#aeaba2
- peekView.border#5447a0
- peekViewEditor.background#1d123f
- peekViewEditor.matchHighlightBackground#ccd62d
- peekViewEditor.matchHighlightBorder#d0de50
- peekViewEditorGutter.background#1d123f
- peekViewResult.background#1d123f
- peekViewResult.fileForeground#e8e4c2
- peekViewResult.lineForeground#aeaba2
- peekViewResult.matchHighlightBackground#700e14
- peekViewResult.selectionBackground#261a51
- peekViewResult.selectionForeground#aeaba2
- peekViewTitle.background#000000
- peekViewTitleDescription.foreground#aeaba2
- peekViewTitleLabel.foreground#e8e4c2
- pickerGroup.border#2d262e
- pickerGroup.foreground#5447a0
- problemsErrorIcon.foreground#479e41
- problemsInfoIcon.foreground#d59c2f
- problemsWarningIcon.foreground#842fcc
- progressBar.background#5447a0
- quickInput.background#000000
- quickInput.foreground#e8e4c2
- quickInputList.focusBackground#151115
- quickInputList.focusForeground#e8e4c2
- quickInputList.focusIconForeground#706874
- quickInputTitle.background#151115
- sash.hoverBorder#842fcc
- scrollbarSlider.activeBackground#403086
- scrollbarSlider.background#382974
- scrollbarSlider.hoverBackground#382974
- search.resultsInfoForeground#aeaba2
- searchEditor.findMatchBackground#2f2163
- searchEditor.findMatchBorder#382974
- searchEditor.textInputBorder#403086
- selection.background#382974
- settings.focusedRowBackground#000000
- settings.headerBorder#151115
- settings.headerForeground#aeaba2
- settings.sashBorder#2d262e
- sideBar.background#151115
- sideBar.border#2d262e
- sideBar.dropBackground#151115
- sideBar.foreground#e8e4c2
- sideBarSectionHeader.background#2d262e
- sideBarSectionHeader.border#423b46
- sideBarSectionHeader.foreground#aeaba2
- sideBarStickyScroll.background#2d262e
- sideBarStickyScroll.border#58505e
- sideBarTitle.background#2d262e
- sideBarTitle.border#423b46
- sideBarTitle.foreground#e8e4c2
- sideBySideEditor.horizontalBorder#898189
- sideBySideEditor.verticalBorder#aeaba2
- statusBar.background#2f2163
- statusBar.border#423b46
- statusBar.debuggingBackground#61be54
- statusBar.debuggingForeground#000000
- statusBar.foreground#e8e4c2
- statusBar.noFolderBackground#5447a0
- statusBar.noFolderBorder#423b46
- statusBar.noFolderForeground#000000
- statusBarItem.activeBackground#000000
- statusBarItem.hoverBackground#561f8b
- statusBarItem.remoteBackground#561f8b
- statusBarItem.remoteForeground#e8e4c2
- tab.activeBackground#2f2163
- tab.border#423b46
- tab.hoverBackground#261a51
- tab.hoverForeground#e8e4c2
- tab.inactiveBackground#151115
- tab.inactiveForeground#423b46
- tab.selectedBackground#000000
- tab.selectedForeground#e8e4c2
- tab.unfocusedActiveBackground#2f2163
- tab.unfocusedActiveForeground#898189
- tab.unfocusedHoverBackground#151115
- tab.unfocusedHoverForeground#aeaba2
- tab.unfocusedInactiveBackground#151115
- tab.unfocusedInactiveForeground#58505e
- terminal.ansiBlack#e8e4c2
- terminal.ansiBlue#8b83c2
- terminal.ansiBrightBlack#aeaba2
- terminal.ansiBrightBlue#5447a0
- terminal.ansiBrightCyan#2e83a4
- terminal.ansiBrightGreen#479e41
- terminal.ansiBrightMagenta#842fcc
- terminal.ansiBrightRed#d32a28
- terminal.ansiBrightWhite#000000
- terminal.ansiBrightYellow#ccd62d
- terminal.ansiCyan#60b9d2
- terminal.ansiGreen#7bcc6d
- terminal.ansiMagenta#b673e4
- terminal.ansiRed#e4756c
- terminal.ansiWhite#2d262e
- terminal.ansiYellow#d7e468
- terminal.background#000000
- terminal.border#000000
- terminal.dropBackground#261a51
- terminal.foreground#e8e4c2
- terminal.inactiveSelectionBackground#151115
- terminal.selectionBackground#423b46
- terminalCommandDecoration.defaultBackground#151115
- terminalCommandDecoration.errorBackground#226822
- terminalCommandDecoration.successBackground#561f8b
- terminalCursor.background#5447a0
- terminalCursor.foreground#000000
- terminalOverviewRuler.border#2d262e
- terminalOverviewRuler.cursorForeground#174f19
- terminalOverviewRuler.findMatchForeground#706d21
- terminalStickyScroll.background#000000
- terminalStickyScroll.border#2d262e
- terminalStickyScrollHover.background#151115
- testing.iconErrored#479e41
- testing.iconFailed#2c822c
- testing.iconPassed#842fcc
- testing.iconQueued#adae26
- testing.iconSkipped#b07a26
- testing.iconUnset#423b46
- testing.message.error.lineBackground#0e340f
- testing.message.info.decorationForeground#e8e4c2
- testing.message.info.lineBackground#5c3a10
- testing.peekBorder#2d262e
- testing.peekHeaderBackground#151115
- testing.runAction#382974
- textLink.activeForeground#842fcc
- textLink.foreground#5447a0
- titleBar.activeBackground#151115
- titleBar.activeForeground#cecab3
- titleBar.border#423b46
- titleBar.inactiveBackground#2d262e
- titleBar.inactiveForeground#e8e4c2
- tree.inactiveIndentGuidesStroke#70687466
- tree.indentGuidesStroke#706874
- tree.tableColumnsBorder#423b4620
- tree.tableOddRowsBackground#423b460a
- walkThrough.embeddedEditorBackground#2d262e
- walkthrough.stepTitle.foreground#e8e4c2
- welcomePage.background#000000
- welcomePage.progress.background#261a51
- welcomePage.progress.foreground#2d262e
- welcomePage.tileBackground#151115
- welcomePage.tileBorder#2d262e
- welcomePage.tileHoverBackground#261a51
- widget.border#706874
- window.activeBorder#382974
- window.inactiveBorder#aeaba2
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block, comment.block.documentation, punctuation.definition.comment, meta.toc-list | #423b46 | italic |
| constant, constant.numeric, constant.numeric.integer, constant.numeric.integer.binary, constant.numeric.integer.octal, constant.numeric.integer.decimal, constant.numeric.integer.hexadecimal, constant.numeric.integer.other, constant.numeric.float, constant.numeric.float.binary, constant.numeric.float.octal, constant.numeric.float.decimal, constant.numeric.float.hexadecimal, constant.numeric.float.other, constant.numeric.complex, constant.numeric.complex.real, constant.numeric.complex.imaginary, constant.language, constant.character.escape, constant.other.placeholder, constant.other | #60b9d2 | |
| entity.name.class, entity.name.struct, entity.name.enum, entity.name.union, entity.name.trait, entity.name.interface, entity.name.impl, entity.name.type, entity.name.class.ford-decl, entity.other.inherited-class, entity.name.function.constructor, entity.name.function.destructor, entity.name.namespace, entity.name.constant, entity.name.label, entity.name.tag, entity.name.section, entity.other.attribute-name | #8b83c2 | bold |
| entity.name.function, entity.name.function.constructor, entity.name.function.destructor | #b673e4 | bold italic |
| keyword, keyword.control, keyword.control.conditional, keyword.control.import, punctuation.definition.keyword, keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.logical, keyword.operator.word, keyword.other | #e4c169 | |
| markup.heading, markup.list.numbered, markup.list.unnumbered, markup.bold, markup.italic, markup.underline, markup.inserted, markup.deleted, markup.underline.link, markup.quote, markup.raw.inline, markup.raw.block, markup.other | #e8e4c2 | |
| markup.underline | — | underline |
| markup.bold | #e4c169 | bold |
| markup.heading | #7bcc6d | bold |
| markup.italic | — | italic |
| markup.inserted | #b673e4 | — |
| markup.deleted | #7bcc6d | — |
| markup.changed | #e4c169 | — |
| markup.inline.raw | #7bcc6d | — |
| punctuation.definition.tag | #7bcc6d | — |
| meta.class, meta.struct, meta.enum, meta.union, meta.trait, meta.interface, meta.impl, meta.type, meta.function, meta.function.parameters, meta.function.return-type, meta.namespace, meta.preprocessor, meta.annotation, meta.annotation.identifier, meta.annotation.parameters, meta.path, meta.function-call, meta.block, meta.braces, meta.group, meta.parens, meta.brackets, meta.generic, meta.tag, meta.paragraph | #aeaba2 | |
| storage, storage.type, storage.modifier, storage.type.function, storage.type.class, storage.type.struct, storage.type.enum, storage.type.union, storage.type.trait, storage.type.interface, storage.type.impl, storage.type keyword.declaration.type | #e4c169 | |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other, meta.string, punctuation.definition.string.begin, punctuation.definition.string.end, string.quoted.unquoted, string.quoted.regexp, meta.interpolated, punctuation.section.interpolation.begin, punctuation.section.interpolation.end, source.language-suffix.embedded | #7bcc6d | |
| support, support.class, support.constant, support.function, support.other, support.property-value, support.type, support.variable, support.module | #e8e4c2 | bold |
| support.class, support.function, support.module | #8b83c2 | bold |
| support.constant, support.other, support.property-value, support.type, support.variable | #8b83c2 | |
| variable, variable.other, variable.other.readwrite, punctuation.definition.variable, variable.other.constant, variable.language, variable.parameter, variable.other.member, variable.function, variable.annotation, punctuation.definition.annotation | #e8e4c2 | |
| variable.language | #e8e4c2 | italic |
| variable.other, variable.other.member | #b673e4 | |
| variable.parameter | #7bcc6d | |
| #e8e4c2 | ||
| punctuation.separator, punctuation.terminator, punctuation.separator.continuation, punctuation.accessor | #aeaba2 | |
| source | #aeaba2 | |
| text.html, text.xml | #aeaba2 | |
| invalid, invalid.illegal, invalid.deprecated | #7bcc6d | underline |
| punctuation.definition.tag, punctuation.definition.annotation, punctuation.section.block.begin, punctuation.section.block.end, punctuation.section.braces.begin, punctuation.section.braces.end, punctuation.section.group.begin, punctuation.section.group.end, punctuation.section.parens.begin, punctuation.section.parens.end, punctuation.section.brackets.begin, punctuation.section.brackets.end, punctuation.definition.generic.begin, punctuation.definition.generic.end | #7bcc6d | — |