Carex
Publisher: OMERBABACOThemes in package: 11
🎨 A premium VS Code theme suite with 11 color variants, file icons, and product icons. Inspired by Catppuccin, refined for long coding sessions.
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.activeBackground#ccd0da40
- activityBar.activeBorder#1e66f5
- activityBar.activeFocusBorder#1e66f5
- activityBar.background#e6e9ef
- activityBar.border#ccd0da
- activityBar.dropBorder#1e66f5
- activityBar.foreground#1e66f5
- activityBar.inactiveForeground#9ca0b0
- activityBarBadge.background#d20428
- activityBarBadge.foreground#eff1f5
- badge.background#d20428
- badge.foreground#eff1f5
- breadcrumb.activeSelectionForeground#1e66f5
- breadcrumb.background#e6e9ef
- breadcrumb.focusForeground#1e66f5
- breadcrumb.foreground#6c6f85
- breadcrumbPicker.background#e6e9ef
- button.background#1e66f5
- button.foreground#eff1f5
- button.hoverBackground#4077f5
- button.secondaryBackground#bcc0cc
- button.secondaryForeground#4c4f69
- button.secondaryHoverBackground#acb0be
- charts.blue#1e66f5
- charts.foreground#4c4f69
- charts.green#40a02b
- charts.lines#1e66f5
- charts.orange#fe640b
- charts.purple#8839ef
- charts.red#d20428
- charts.yellow#df8e1d
- checkbox.background#eff1f5
- checkbox.border#bcc0cc
- checkbox.foreground#1e66f5
- debugConsole.errorForeground#d20428
- debugConsole.infoForeground#1e66f5
- debugConsole.sourceForeground#8839ef
- debugConsole.warningForeground#df8e1d
- debugConsoleInputIcon.foreground#1e66f5
- debugIcon.breakpointDisabledForeground#9ca0b0
- debugIcon.breakpointForeground#d20428
- debugIcon.breakpointUnverifiedForeground#df8e1d
- debugIcon.continueForeground#40a02b
- debugIcon.pauseForeground#df8e1d
- debugIcon.restartForeground#1e66f5
- debugIcon.startForeground#40a02b
- debugIcon.stepIntoForeground#8839ef
- debugIcon.stepOutForeground#8839ef
- debugIcon.stepOverForeground#8839ef
- debugIcon.stopForeground#d20428
- debugToolBar.background#e6e9ef
- debugToolBar.border#1e66f560
- descriptionForeground#6c6f85
- diffEditor.diagonalFill#bcc0cc60
- diffEditor.insertedLineBackground#40a02b15
- diffEditor.insertedTextBackground#40a02b20
- diffEditor.removedLineBackground#d2042815
- diffEditor.removedTextBackground#d2042820
- dropdown.background#e6e9ef
- dropdown.border#1e66f560
- dropdown.foreground#4c4f69
- dropdown.listBackground#eff1f5
- editor.background#eff1f5
- editor.findMatchBackground#df8e1d60
- editor.findMatchHighlightBackground#df8e1d30
- editor.findRangeHighlightBackground#1e66f520
- editor.foreground#4c4f69
- editor.hoverHighlightBackground#1e66f520
- editor.inactiveSelectionBackground#acb0be30
- editor.inlineValuesBackground#ccd0da80
- editor.inlineValuesForeground#df8e1d
- editor.lineHighlightBackground#e6e9ef
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#e6e9ef40
- editor.selectionBackground#acb0be50
- editor.selectionHighlightBackground#acb0be40
- editor.wordHighlightBackground#acb0be50
- editor.wordHighlightStrongBackground#acb0be70
- editorBracketHighlight.foreground1#1e66f5
- editorBracketHighlight.foreground2#d20428
- editorBracketHighlight.foreground3#df8e1d
- editorBracketHighlight.foreground4#8839ef
- editorBracketHighlight.foreground5#40a02b
- editorBracketHighlight.foreground6#fe640b
- editorBracketMatch.background#d2042840
- editorBracketMatch.border#d20428
- editorCodeLens.foreground#9ca0b0
- editorCursor.background#eff1f5
- editorCursor.foreground#dc8a78
- editorError.border#d2042860
- editorError.foreground#d20428
- editorGroup.border#ccd0da
- editorGroup.dropBackground#1e66f520
- editorGroupHeader.noTabsBackground#e6e9ef
- editorGroupHeader.tabsBackground#e6e9ef
- editorGroupHeader.tabsBorder#ccd0da
- editorGutter.addedBackground#40a02b
- editorGutter.background#eff1f5
- editorGutter.deletedBackground#d20428
- editorGutter.modifiedBackground#df8e1d
- editorHint.border#17929960
- editorHint.foreground#179299
- editorHoverWidget.background#e6e9ef
- editorHoverWidget.border#1e66f560
- editorHoverWidget.foreground#4c4f69
- editorIndentGuide.activeBackground#8839ef
- editorIndentGuide.background#bcc0cc
- editorInfo.border#1e66f560
- editorInfo.foreground#1e66f5
- editorLineNumber.activeForeground#8839ef
- editorLineNumber.dimmedForeground#bcc0cc
- editorLineNumber.foreground#9ca0b0
- editorLink.activeForeground#1e66f5
- editorOverviewRuler.addedForeground#40a02b
- editorOverviewRuler.border#ccd0da
- editorOverviewRuler.bracketMatchForeground#d20428
- editorOverviewRuler.currentContentForeground#1e66f5
- editorOverviewRuler.deletedForeground#d20428
- editorOverviewRuler.errorForeground#d20428
- editorOverviewRuler.findMatchForeground#df8e1d80
- editorOverviewRuler.incomingContentForeground#8839ef
- editorOverviewRuler.infoForeground#1e66f5
- editorOverviewRuler.modifiedForeground#df8e1d
- editorOverviewRuler.rangeHighlightForeground#1e66f540
- editorOverviewRuler.selectionHighlightForeground#acb0be50
- editorOverviewRuler.warningForeground#df8e1d
- editorOverviewRuler.wordHighlightForeground#1e66f540
- editorOverviewRuler.wordHighlightStrongForeground#1e66f560
- editorRuler.foreground#bcc0cc
- editorStickyScroll.background#e6e9ef
- editorStickyScroll.border#ccd0da
- editorStickyScrollHover.background#ccd0da
- editorSuggestWidget.background#e6e9ef
- editorSuggestWidget.border#1e66f560
- editorSuggestWidget.foreground#4c4f69
- editorSuggestWidget.highlightForeground#1e66f5
- editorSuggestWidget.selectedBackground#ccd0da
- editorWarning.border#df8e1d60
- editorWarning.foreground#df8e1d
- editorWhitespace.foreground#bcc0cc
- editorWidget.background#e6e9ef
- editorWidget.border#1e66f560
- editorWidget.foreground#4c4f69
- errorForeground#d20428
- extensionBadge.remoteBackground#8839ef
- extensionBadge.remoteForeground#eff1f5
- extensionButton.prominentBackground#1e66f5
- extensionButton.prominentForeground#eff1f5
- extensionButton.prominentHoverBackground#4077f5
- focusBorder#1e66f5
- foreground#4c4f69
- gitDecoration.addedResourceForeground#40a02b
- gitDecoration.conflictingResourceForeground#fe640b
- gitDecoration.deletedResourceForeground#d20428
- gitDecoration.ignoredResourceForeground#9ca0b0
- gitDecoration.modifiedResourceForeground#df8e1d
- gitDecoration.submoduleResourceForeground#8839ef
- gitDecoration.untrackedResourceForeground#179299
- icon.foreground#1e66f5
- inlineChat.background#e6e9ef
- inlineChat.border#1e66f560
- inlineChatInput.background#eff1f5
- input.background#eff1f5
- input.border#bcc0cc
- input.foreground#4c4f69
- input.placeholderForeground#9ca0b0
- inputOption.activeBackground#1e66f520
- inputOption.activeBorder#1e66f5
- inputOption.activeForeground#1e66f5
- inputValidation.errorBackground#d2042820
- inputValidation.errorBorder#d20428
- inputValidation.infoBackground#1e66f520
- inputValidation.infoBorder#1e66f5
- inputValidation.warningBackground#df8e1d20
- inputValidation.warningBorder#df8e1d
- keybindingLabel.background#ccd0da
- keybindingLabel.border#1e66f560
- keybindingLabel.bottomBorder#1e66f5
- keybindingLabel.foreground#1e66f5
- list.activeSelectionBackground#ccd0da
- list.activeSelectionForeground#1e66f5
- list.dropBackground#1e66f520
- list.errorForeground#d20428
- list.filterMatchBackground#df8e1d40
- list.filterMatchBorder#df8e1d
- list.focusBackground#ccd0da
- list.focusForeground#1e66f5
- list.highlightForeground#d20428
- list.hoverBackground#ccd0da80
- list.hoverForeground#4c4f69
- list.inactiveSelectionBackground#ccd0da
- list.inactiveSelectionForeground#5c5f77
- list.warningForeground#df8e1d
- listFilterWidget.background#e6e9ef
- listFilterWidget.noMatchesOutline#d20428
- listFilterWidget.outline#1e66f5
- menu.background#e6e9ef
- menu.border#1e66f560
- menu.foreground#4c4f69
- menu.selectionBackground#ccd0da
- menu.selectionForeground#1e66f5
- menu.separatorBackground#bcc0cc
- menubar.selectionBackground#ccd0da
- menubar.selectionBorder#1e66f5
- menubar.selectionForeground#1e66f5
- merge.border#d20428
- merge.currentContentBackground#1e66f520
- merge.currentHeaderBackground#1e66f540
- merge.incomingContentBackground#8839ef20
- merge.incomingHeaderBackground#8839ef40
- mergeEditor.change.background#1e66f520
- mergeEditor.change.word.background#1e66f535
- mergeEditor.conflict.handled.minimapOverViewRuler#40a02b
- mergeEditor.conflict.unhandled.minimapOverViewRuler#d20428
- minimap.background#eff1f5
- minimap.errorHighlight#d20428
- minimap.findMatchHighlight#df8e1d60
- minimap.selectionHighlight#acb0be50
- minimap.warningHighlight#df8e1d
- minimapGutter.addedBackground#40a02b
- minimapGutter.deletedBackground#d20428
- minimapGutter.modifiedBackground#df8e1d
- minimapSlider.activeBackground#1e66f540
- minimapSlider.background#bcc0cc40
- minimapSlider.hoverBackground#acb0be60
- notebook.cellBorderColor#ccd0da
- notebook.focusedCellBorder#1e66f5
- notebook.focusedEditorBorder#1e66f560
- notebook.inactiveFocusedCellBorder#bcc0cc
- notebookStatusErrorIcon.foreground#d20428
- notebookStatusSuccessIcon.foreground#40a02b
- notificationCenter.border#1e66f560
- notificationCenterHeader.background#eff1f5
- notificationCenterHeader.foreground#1e66f5
- notificationLink.foreground#1e66f5
- notifications.background#e6e9ef
- notifications.border#1e66f560
- notifications.foreground#4c4f69
- notificationsErrorIcon.foreground#d20428
- notificationsInfoIcon.foreground#1e66f5
- notificationsWarningIcon.foreground#df8e1d
- notificationToast.border#1e66f560
- panel.background#e6e9ef
- panel.border#ccd0da
- panelInput.border#ccd0da
- panelSection.border#ccd0da
- panelSection.dropBackground#1e66f520
- panelSectionHeader.background#eff1f5
- panelSectionHeader.border#ccd0da
- panelSectionHeader.foreground#1e66f5
- panelTitle.activeBorder#1e66f5
- panelTitle.activeForeground#1e66f5
- panelTitle.inactiveForeground#9ca0b0
- peekView.border#1e66f5
- peekViewEditor.background#eff1f5
- peekViewEditor.matchHighlightBackground#df8e1d60
- peekViewResult.background#e6e9ef
- peekViewResult.fileForeground#4c4f69
- peekViewResult.lineForeground#5c5f77
- peekViewResult.matchHighlightBackground#df8e1d60
- peekViewResult.selectionBackground#ccd0da
- peekViewResult.selectionForeground#1e66f5
- peekViewTitle.background#e6e9ef
- peekViewTitleDescription.foreground#6c6f85
- peekViewTitleLabel.foreground#1e66f5
- pickerGroup.border#ccd0da
- pickerGroup.foreground#1e66f5
- problemsErrorIcon.foreground#d20428
- problemsInfoIcon.foreground#1e66f5
- problemsWarningIcon.foreground#df8e1d
- progressBar.background#1e66f5
- quickInput.background#e6e9ef
- quickInput.foreground#4c4f69
- quickInputList.focusBackground#ccd0da
- quickInputList.focusForeground#1e66f5
- quickInputList.focusIconForeground#1e66f5
- sash.hoverBorder#1e66f5
- scrollbar.shadow#00000020
- scrollbarSlider.activeBackground#1e66f560
- scrollbarSlider.background#bcc0cc60
- scrollbarSlider.hoverBackground#acb0be80
- selection.background#acb0be50
- settings.checkboxBackground#eff1f5
- settings.checkboxBorder#bcc0cc
- settings.checkboxForeground#1e66f5
- settings.dropdownBackground#e6e9ef
- settings.dropdownBorder#1e66f560
- settings.dropdownForeground#4c4f69
- settings.headerForeground#1e66f5
- settings.modifiedItemIndicator#1e66f5
- settings.numberInputBackground#eff1f5
- settings.numberInputBorder#bcc0cc
- settings.numberInputForeground#4c4f69
- settings.textInputBackground#eff1f5
- settings.textInputBorder#bcc0cc
- settings.textInputForeground#4c4f69
- sideBar.background#e6e9ef
- sideBar.border#ccd0da
- sideBar.foreground#5c5f77
- sideBarSectionHeader.background#eff1f5
- sideBarSectionHeader.border#ccd0da
- sideBarSectionHeader.foreground#1e66f5
- sideBarTitle.foreground#1e66f5
- statusBar.background#e6e9ef
- statusBar.border#ccd0da
- statusBar.debuggingBackground#d20428
- statusBar.debuggingForeground#eff1f5
- statusBar.foreground#4c4f69
- statusBar.noFolderBackground#e6e9ef
- statusBar.noFolderForeground#6c6f85
- statusBarItem.activeBackground#ccd0da
- statusBarItem.errorBackground#d20428
- statusBarItem.errorForeground#eff1f5
- statusBarItem.hoverBackground#ccd0da80
- statusBarItem.prominentBackground#d20428
- statusBarItem.prominentForeground#eff1f5
- statusBarItem.prominentHoverBackground#ea76cb
- statusBarItem.remoteBackground#8839ef
- statusBarItem.remoteForeground#eff1f5
- statusBarItem.warningBackground#df8e1d
- statusBarItem.warningForeground#eff1f5
- symbolIcon.arrayForeground#df8e1d
- symbolIcon.booleanForeground#fe640b
- symbolIcon.classForeground#8839ef
- symbolIcon.colorForeground#ea76cb
- symbolIcon.constantForeground#fe640b
- symbolIcon.constructorForeground#1e66f5
- symbolIcon.enumeratorForeground#8839ef
- symbolIcon.enumeratorMemberForeground#40a02b
- symbolIcon.eventForeground#d20428
- symbolIcon.fieldForeground#4c4f69
- symbolIcon.fileForeground#5c5f77
- symbolIcon.folderForeground#6c6f85
- symbolIcon.functionForeground#1e66f5
- symbolIcon.interfaceForeground#8839ef
- symbolIcon.keyForeground#d20428
- symbolIcon.keywordForeground#d20428
- symbolIcon.methodForeground#1e66f5
- symbolIcon.moduleForeground#8839ef
- symbolIcon.namespaceForeground#8839ef
- symbolIcon.nullForeground#fe640b
- symbolIcon.numberForeground#df8e1d
- symbolIcon.objectForeground#4c4f69
- symbolIcon.operatorForeground#209fb5
- symbolIcon.packageForeground#8839ef
- symbolIcon.propertyForeground#4c4f69
- symbolIcon.referenceForeground#ea76cb
- symbolIcon.snippetForeground#40a02b
- symbolIcon.stringForeground#40a02b
- symbolIcon.structForeground#8839ef
- symbolIcon.textForeground#4c4f69
- symbolIcon.typeParameterForeground#8839ef
- symbolIcon.unitForeground#df8e1d
- symbolIcon.variableForeground#4c4f69
- tab.activeBackground#eff1f5
- tab.activeBorder#00000000
- tab.activeBorderTop#1e66f5
- tab.activeForeground#1e66f5
- tab.border#ccd0da
- tab.hoverBackground#ccd0da
- tab.hoverBorder#1e66f560
- tab.hoverForeground#1e66f5
- tab.inactiveBackground#e6e9ef
- tab.inactiveForeground#9ca0b0
- tab.lastPinnedBorder#d20428
- tab.unfocusedActiveBorderTop#9ca0b0
- tab.unfocusedActiveForeground#6c6f85
- tab.unfocusedInactiveForeground#acb0be
- terminal.ansiBlack#5c5f77
- terminal.ansiBlue#1e66f5
- terminal.ansiBrightBlack#6c6f85
- terminal.ansiBrightBlue#4077f5
- terminal.ansiBrightCyan#04a5ac
- terminal.ansiBrightGreen#5fb950
- terminal.ansiBrightMagenta#9d4eff
- terminal.ansiBrightRed#e64553
- terminal.ansiBrightWhite#bcc0cc
- terminal.ansiBrightYellow#e49320
- terminal.ansiCyan#179299
- terminal.ansiGreen#40a02b
- terminal.ansiMagenta#8839ef
- terminal.ansiRed#d20428
- terminal.ansiWhite#acb0be
- terminal.ansiYellow#df8e1d
- terminal.background#e6e9ef
- terminal.border#ccd0da
- terminal.foreground#4c4f69
- terminal.selectionBackground#acb0be50
- terminalCursor.background#eff1f5
- terminalCursor.foreground#dc8a78
- testing.iconErrored#d20428
- testing.iconFailed#d20428
- testing.iconPassed#40a02b
- testing.iconQueued#df8e1d
- testing.iconSkipped#6c6f85
- textBlockQuote.background#e6e9ef
- textBlockQuote.border#1e66f5
- textCodeBlock.background#eff1f5
- textLink.activeForeground#4077f5
- textLink.foreground#1e66f5
- textPreformat.foreground#40a02b
- textSeparator.foreground#bcc0cc
- titleBar.activeBackground#e6e9ef
- titleBar.activeForeground#4c4f69
- titleBar.border#ccd0da
- titleBar.inactiveBackground#e6e9ef
- titleBar.inactiveForeground#9ca0b0
- tree.indentGuidesStroke#bcc0cc
- walkThrough.embeddedEditorBackground#eff1f5
- welcomePage.buttonBackground#ccd0da
- welcomePage.buttonHoverBackground#bcc0cc
- widget.shadow#00000020
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #aa9d92 | italic |
| string | #4e8b50 | — |
| constant.numeric, constant | #bf8b2e | — |
| keyword, storage.type, storage.modifier | #c4515a | — |
| comment, punctuation.definition.comment | #aa9d92 | italic |
| string | #4e8b50 | — |
| constant.numeric, constant | #bf8b2e | — |
| keyword, storage.type, storage.modifier | #c4515a | — |
| comment, punctuation.definition.comment | #9ca0b0 | italic |
| string | #40a02b | — |
| constant.numeric | #df8e1d | — |
| constant.language.boolean | #fe640b | — |
| constant.language.null, constant.language.undefined | #fe640b | — |
| keyword | #d20428 | — |
| storage.type, storage.modifier | #d20428 | — |
| entity.name.function, support.function | #1e66f5 | — |
| entity.name.class, entity.name.type, support.class | #8839ef | — |
| variable | #4c4f69 | — |
| variable.other.property | #209fb5 | — |
| constant | #fe640b | — |
| keyword.operator | #209fb5 | — |
| entity.name.tag | #d20428 | — |
| entity.other.attribute-name | #8839ef | — |
| markup.heading, entity.name.section.markdown | #1e66f5 | bold |
| markup.quote, meta.frontmatter, punctuation.section.frontmatter | #179299 | — |
| markup.inline.raw, markup.fenced_code.block.markdown | #40a02b | — |
| entity.name.tag, entity.name.tag.jsx, entity.name.tag.tsx | #d20428 | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx, support.type.property-name.json, meta.object-literal.key | #209fb5 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.scss, entity.other.attribute-name.id.css, entity.other.attribute-name.id.scss | #df8e1d | — |
| meta.function.decorator.python, entity.name.function.decorator.python, storage.type.annotation.python | #ea76cb | — |
| string.regexp, constant.character.escape | #fe640b | — |