LightCattac
Publisher: cattacThemes in package: 1
Warm light theme with pure black text and syntax colours from Modus Operandi Tinted, each at least 7:1 contrast.
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#a33f14
- activityBar.background#e9e5dd
- activityBar.border#00000000
- activityBar.foreground#000000
- activityBar.inactiveForeground#625f57
- activityBarBadge.background#a33f14
- activityBarBadge.foreground#ffffff
- activityBarTop.activeBorder#a33f14
- activityBarTop.foreground#000000
- activityBarTop.inactiveForeground#625f57
- badge.background#a33f14
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#000000
- breadcrumb.background#f3f0e9
- breadcrumb.focusForeground#000000
- breadcrumb.foreground#625f57
- breadcrumbPicker.background#fefcf7
- button.background#a33f14
- button.foreground#ffffff
- button.hoverBackground#903309
- button.secondaryBackground#dad7ce
- button.secondaryForeground#000000
- button.secondaryHoverBackground#cdc9c1
- chat.avatarBackground#dad7ce
- chat.avatarForeground#383530
- chat.editedFileForeground#6c480a
- chat.requestBackground#f3f0e9
- chat.requestBorder#dad7ce
- chat.slashCommandBackground#a33f141f
- chat.slashCommandForeground#a33f14
- checkbox.background#fefcf7
- checkbox.border#c6c3ba
- debugConsole.errorForeground#9e141d
- debugConsole.infoForeground#0b518c
- debugConsole.sourceForeground#625f57
- debugConsole.warningForeground#6c480a
- debugIcon.breakpointCurrentStackframeForeground#ab7302
- debugIcon.breakpointDisabledForeground#85817a
- debugIcon.breakpointForeground#d02c2a
- debugIcon.breakpointStackframeForeground#357339
- debugIcon.breakpointUnverifiedForeground#85817a
- debugToolBar.background#fefcf7
- debugToolBar.border#dad7ce
- descriptionForeground#625f57
- diffEditor.diagonalFill#dad7ce
- diffEditor.insertedLineBackground#35733914
- diffEditor.insertedTextBackground#3573392e
- diffEditor.removedLineBackground#b6313210
- diffEditor.removedTextBackground#b6313226
- disabledForeground#85817a
- dropdown.background#fefcf7
- dropdown.border#dad7ce
- dropdown.foreground#000000
- dropdown.listBackground#fefcf7
- editor.background#f3f0e9
- editor.findMatchBackground#ab730266
- editor.findMatchBorder#ab7302
- editor.findMatchHighlightBackground#ab730233
- editor.findRangeHighlightBackground#302e280a
- editor.focusedStackFrameHighlightBackground#35733924
- editor.foldBackground#302e280a
- editor.foreground#000000
- editor.inactiveSelectionBackground#a33f1417
- editor.lineHighlightBackground#eeeae2
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#302e280d
- editor.selectionBackground#a33f1426
- editor.selectionHighlightBackground#a33f1414
- editor.stackFrameHighlightBackground#ab73022e
- editor.wordHighlightBackground#302e2814
- editor.wordHighlightStrongBackground#302e281f
- editorActionList.background#fefcf7
- editorActionList.focusBackground#a33f1426
- editorActionList.focusForeground#000000
- editorActionList.foreground#000000
- editorBracketHighlight.foreground1#000000
- editorBracketHighlight.foreground2#000000
- editorBracketHighlight.foreground3#000000
- editorBracketHighlight.foreground4#000000
- editorBracketHighlight.foreground5#000000
- editorBracketHighlight.foreground6#000000
- editorBracketHighlight.unexpectedBracket.foreground#b63132
- editorBracketMatch.background#a33f141a
- editorBracketMatch.border#a33f1499
- editorCodeLens.foreground#85817a
- editorCursor.foreground#a33f14
- editorError.foreground#b63132
- editorGhostText.foreground#85817a
- editorGroup.border#dad7ce
- editorGroup.dropBackground#a33f141f
- editorGroupHeader.noTabsBackground#f3f0e9
- editorGroupHeader.tabsBackground#e9e5dd
- editorGutter.addedBackground#6aa36c
- editorGutter.background#f3f0e9
- editorGutter.deletedBackground#bf534e
- editorGutter.foldingControlForeground#85817a
- editorGutter.modifiedBackground#c39553
- editorHint.foreground#85817a
- editorHoverWidget.background#fefcf7
- editorHoverWidget.border#dad7ce
- editorHoverWidget.foreground#000000
- editorHoverWidget.highlightForeground#a33f14
- editorHoverWidget.statusBarBackground#e9e5dd
- editorIndentGuide.activeBackground1#85817a
- editorIndentGuide.background1#d7d4cc
- editorInfo.foreground#2a669f
- editorInlayHint.background#302e280d
- editorInlayHint.foreground#625f57
- editorLightBulb.foreground#ab7302
- editorLightBulbAutoFix.foreground#2a669f
- editorLineNumber.activeForeground#383530
- editorLineNumber.foreground#85817a
- editorLink.activeForeground#a33f14
- editorOverviewRuler.addedForeground#35733999
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#b6313299
- editorOverviewRuler.errorForeground#b63132b3
- editorOverviewRuler.findMatchForeground#ab730299
- editorOverviewRuler.infoForeground#2a669f99
- editorOverviewRuler.modifiedForeground#ab730299
- editorOverviewRuler.selectionHighlightForeground#a33f1466
- editorOverviewRuler.warningForeground#ab7302b3
- editorRuler.foreground#dad7ce
- editorStickyScroll.background#f3f0e9
- editorStickyScroll.shadow#302e2814
- editorStickyScrollHover.background#eeeae2
- editorSuggestWidget.background#fefcf7
- editorSuggestWidget.border#dad7ce
- editorSuggestWidget.focusHighlightForeground#a33f14
- editorSuggestWidget.foreground#000000
- editorSuggestWidget.highlightForeground#a33f14
- editorSuggestWidget.selectedBackground#a33f1426
- editorSuggestWidget.selectedForeground#000000
- editorSuggestWidget.selectedIconForeground#000000
- editorSuggestWidgetStatus.foreground#625f57
- editorWarning.foreground#ab7302
- editorWhitespace.foreground#bdbab2
- editorWidget.background#fefcf7
- editorWidget.border#dad7ce
- editorWidget.foreground#000000
- editorWidget.resizeBorder#a33f14
- errorForeground#9e141d
- extensionButton.prominentBackground#a33f14
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#903309
- focusBorder#a33f14
- foreground#000000
- gitDecoration.addedResourceForeground#0b5c19
- gitDecoration.conflictingResourceForeground#002d9f
- gitDecoration.deletedResourceForeground#9e141d
- gitDecoration.ignoredResourceForeground#85817a
- gitDecoration.modifiedResourceForeground#6c480a
- gitDecoration.renamedResourceForeground#0b5c19
- gitDecoration.stageDeletedResourceForeground#9e141d
- gitDecoration.stageModifiedResourceForeground#6c480a
- gitDecoration.submoduleResourceForeground#625f57
- gitDecoration.untrackedResourceForeground#0b5c19
- icon.foreground#383530
- inlineChat.background#fefcf7
- inlineChat.border#dad7ce
- input.background#fefcf7
- input.border#dad7ce
- input.foreground#000000
- input.placeholderForeground#85817a
- inputOption.activeBackground#a33f1426
- inputOption.activeBorder#a33f1499
- inputOption.activeForeground#000000
- inputValidation.errorBackground#fefcf7
- inputValidation.errorBorder#b63132
- inputValidation.infoBackground#fefcf7
- inputValidation.infoBorder#2a669f
- inputValidation.warningBackground#fefcf7
- inputValidation.warningBorder#ab7302
- keybindingLabel.background#302e280f
- keybindingLabel.border#dad7ce
- keybindingLabel.bottomBorder#c6c3ba
- keybindingLabel.foreground#000000
- list.activeSelectionBackground#a33f1426
- list.activeSelectionForeground#000000
- list.activeSelectionIconForeground#000000
- list.dropBackground#a33f141f
- list.errorForeground#9e141d
- list.focusAndSelectionOutline#00000000
- list.focusOutline#a33f1499
- list.highlightForeground#a33f14
- list.hoverBackground#302e280d
- list.inactiveFocusOutline#00000000
- list.inactiveSelectionBackground#302e2814
- list.inactiveSelectionForeground#000000
- list.warningForeground#6c480a
- listFilterWidget.background#fefcf7
- listFilterWidget.noMatchesOutline#b63132
- listFilterWidget.outline#a33f14
- menu.background#fefcf7
- menu.border#dad7ce
- menu.foreground#000000
- menu.selectionBackground#a33f1426
- menu.selectionForeground#000000
- menu.separatorBackground#dad7ce
- menubar.selectionBackground#302e2814
- menubar.selectionForeground#000000
- minimap.background#f3f0e9
- minimap.errorHighlight#b63132b3
- minimap.findMatchHighlight#ab730299
- minimap.selectionHighlight#a33f1466
- minimap.warningHighlight#ab7302b3
- minimapGutter.addedBackground#6aa36c
- minimapGutter.deletedBackground#bf534e
- minimapGutter.modifiedBackground#c39553
- minimapSlider.activeBackground#302e2829
- minimapSlider.background#302e2814
- minimapSlider.hoverBackground#302e281f
- notificationCenterHeader.background#e9e5dd
- notificationCenterHeader.foreground#383530
- notifications.background#fefcf7
- notifications.border#dad7ce
- notifications.foreground#000000
- notificationsErrorIcon.foreground#b63132
- notificationsInfoIcon.foreground#2a669f
- notificationsWarningIcon.foreground#ab7302
- notificationToast.border#dad7ce
- panel.background#e9e5dd
- panel.border#dad7ce
- panelInput.border#dad7ce
- panelSection.border#dad7ce
- panelStickyScroll.background#e9e5dd
- panelStickyScroll.shadow#302e2814
- panelTitle.activeBorder#a33f14
- panelTitle.activeForeground#000000
- panelTitle.inactiveForeground#625f57
- peekView.border#a33f14
- peekViewEditor.background#fefcf7
- peekViewEditor.matchHighlightBackground#ab730244
- peekViewEditorGutter.background#fefcf7
- peekViewResult.background#e9e5dd
- peekViewResult.fileForeground#000000
- peekViewResult.lineForeground#383530
- peekViewResult.matchHighlightBackground#ab730244
- peekViewResult.selectionBackground#a33f1426
- peekViewResult.selectionForeground#000000
- peekViewTitle.background#e9e5dd
- peekViewTitleDescription.foreground#625f57
- peekViewTitleLabel.foreground#000000
- pickerGroup.border#dad7ce
- pickerGroup.foreground#a33f14
- problemsErrorIcon.foreground#b63132
- problemsInfoIcon.foreground#2a669f
- problemsWarningIcon.foreground#ab7302
- progressBar.background#a33f14
- quickInput.background#fefcf7
- quickInput.foreground#000000
- quickInputList.focusBackground#a33f1426
- quickInputList.focusForeground#000000
- quickInputList.focusIconForeground#000000
- quickInputTitle.background#302e280a
- sash.hoverBorder#a33f14
- scrollbar.shadow#302e2814
- scrollbarSlider.activeBackground#302e2847
- scrollbarSlider.background#302e281f
- scrollbarSlider.hoverBackground#302e2833
- selection.background#a33f1440
- settings.focusedRowBackground#302e280a
- settings.focusedRowBorder#a33f1466
- settings.headerForeground#000000
- settings.modifiedItemIndicator#a33f14
- settings.rowHoverBackground#302e2807
- sideBar.background#e9e5dd
- sideBar.border#dad7ce
- sideBar.foreground#383530
- sideBarSectionHeader.background#e9e5dd
- sideBarSectionHeader.border#dad7ce
- sideBarSectionHeader.foreground#383530
- sideBarStickyScroll.background#e9e5dd
- sideBarStickyScroll.shadow#302e2814
- sideBarTitle.foreground#383530
- statusBar.background#e9e5dd
- statusBar.border#dad7ce
- statusBar.debuggingBackground#cc7d5e
- statusBar.debuggingForeground#000000
- statusBar.foreground#383530
- statusBar.noFolderBackground#e9e5dd
- statusBar.noFolderForeground#383530
- statusBarItem.activeBackground#302e281f
- statusBarItem.errorBackground#b63132
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#302e2814
- statusBarItem.prominentBackground#302e2814
- statusBarItem.remoteBackground#e9e5dd
- statusBarItem.remoteForeground#a33f14
- statusBarItem.warningBackground#ab7302
- statusBarItem.warningForeground#000000
- tab.activeBackground#f3f0e9
- tab.activeBorderTop#a33f14
- tab.activeForeground#000000
- tab.border#dad7ce
- tab.hoverBackground#302e280a
- tab.inactiveBackground#e9e5dd
- tab.inactiveForeground#625f57
- tab.lastPinnedBorder#c6c3ba
- tab.unfocusedActiveBackground#f3f0e9
- tab.unfocusedActiveBorderTop#c6c3ba
- tab.unfocusedActiveForeground#383530
- tab.unfocusedInactiveForeground#85817a
- terminal.ansiBlack#000000
- terminal.ansiBlue#205f9f
- terminal.ansiBrightBlack#625f57
- terminal.ansiBrightBlue#3a77b8
- terminal.ansiBrightCyan#2b9095
- terminal.ansiBrightGreen#4d8c3e
- terminal.ansiBrightMagenta#935ba0
- terminal.ansiBrightRed#cf4238
- terminal.ansiBrightWhite#a19e98
- terminal.ansiBrightYellow#b08505
- terminal.ansiCyan#10777c
- terminal.ansiGreen#3a732c
- terminal.ansiMagenta#7b4487
- terminal.ansiRed#b02a2d
- terminal.ansiWhite#89867f
- terminal.ansiYellow#996a06
- terminal.background#e9e5dd
- terminal.border#dad7ce
- terminal.findMatchBackground#ab730266
- terminal.findMatchHighlightBackground#ab730233
- terminal.foreground#000000
- terminal.inactiveSelectionBackground#a33f1417
- terminal.selectionBackground#a33f1426
- terminal.tab.activeBorder#a33f14
- terminalCommandDecoration.defaultBackground#85817a
- terminalCommandDecoration.errorBackground#b63132
- terminalCommandDecoration.successBackground#357339
- terminalCursor.foreground#a33f14
- testing.iconFailed#b63132
- testing.iconPassed#357339
- testing.iconQueued#ab7302
- textBlockQuote.background#e9e5dd
- textBlockQuote.border#c6c3ba
- textCodeBlock.background#302e280a
- textLink.activeForeground#903309
- textLink.foreground#a33f14
- textPreformat.background#302e280f
- textPreformat.foreground#000000
- textSeparator.foreground#dad7ce
- titleBar.activeBackground#e9e5dd
- titleBar.activeForeground#383530
- titleBar.border#dad7ce
- titleBar.inactiveBackground#e9e5dd
- titleBar.inactiveForeground#85817a
- toolbar.activeBackground#302e281f
- toolbar.hoverBackground#302e2814
- tree.inactiveIndentGuidesStroke#dad7ce
- tree.indentGuidesStroke#c6c3ba
- widget.border#dad7ce
- widget.shadow#302e281f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #770000 | — |
| comment.block.documentation, comment.line.documentation, comment.line.double-slash.documentation, comment.line.triple-slash, comment.block.documentation punctuation.definition.comment | #2c3f5e | — |
| storage.type.class.doxygen, storage.type.class.gtkdoc, storage.type.class.jsdoc, comment.block.documentation variable.parameter, comment.block.documentation entity.name.type | #782c8a | — |
| keyword, keyword.control, storage, storage.type, storage.modifier, keyword.operator.new, keyword.operator.delete, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.noexcept, keyword.operator.wordlike, keyword.operator.expression, variable.language, entity.name.tag | #002d9f | — |
| keyword.control.directive, punctuation.definition.directive, keyword.preprocessor | #823d00 | — |
| entity.name.function, entity.name.function.call, entity.name.function.member, variable.function, meta.function-call.generic | #763f58 | — |
| entity.name.function.definition, entity.name.function.constructor, entity.name.function.destructor, meta.definition.function entity.name.function, entity.name.function.preprocessor | #5b2434 | — |
| support.function, support.function.builtin | #6d0840 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.type, support.class, storage.type.primitive, storage.type.built-in | #2c5b09 | — |
| entity.name.namespace, entity.name.scope-resolution, entity.name.type.namespace | #514e64 | — |
| string, punctuation.definition.string, string.quoted.other.lt-gt.include | #005484 | — |
| constant.character.escape, constant.other.placeholder | #87006f | — |
| constant, constant.language, constant.character, support.constant, variable.other.enummember, entity.name.function.macro, entity.name.other.preprocessor.macro | #4f12b1 | — |
| constant.numeric, keyword.other.unit | #000000 | — |
| variable, variable.other, variable.parameter, variable.other.property, variable.other.constant, punctuation.definition.variable | #000000 | — |
| entity.name.variable, support.type.property-name, entity.name.tag.yaml, entity.other.attribute-name | #005b3c | — |
| punctuation, meta.brace, keyword.operator, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.tag, storage.modifier.pointer, storage.modifier.reference, entity.name.function.operator | #000000 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #002d9f | bold |
| markup.bold | #000000 | bold |
| markup.italic | #000000 | italic |
| markup.strikethrough | — | strikethrough |
| markup.inline.raw, markup.raw | #2c5b09 | — |
| markup.underline.link, string.other.link, markup.link | #a33f14 | — |
| markup.quote | #625f57 | italic |
| punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown, meta.separator | #625f57 | — |
| markup.inserted | #0b5c19 | — |
| markup.deleted | #9e141d | — |
| markup.changed | #6c480a | — |
| invalid, invalid.illegal | #9e141d | — |
| invalid.deprecated | #6c480a | strikethrough |