catppuccin_ll_bright
Publisher: lalitaalaalitahThemes in package: 1
catppuccin latte palette for bright code colors, mostly for LaTeX.
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.
- badge.background#939ab730
- badge.foreground#FEDE5D
- banner.background#00EA4E30
- banner.foreground#6e738d
- button.background#5b607860
- button.border#ef9f7630
- button.separator#e55f67
- dropdown.background#24273a
- dropdown.foreground#b7bdf8
- dropdown.listBackground#363a4f
- editor.background#181825
- editor.findMatchBackground#1819264b
- editor.findMatchHighlightBackground#1819264b
- editor.findMatchHighlightBorder#FF8B39af
- editor.foreground#cad3f5
- editor.inactiveSelectionBackground#FEDE5D70
- editor.selectionBackground#FEDE5D65
- editor.selectionHighlightBackground#FEDE5D35
- editorBracketHighlight.foreground1#FEDE5D
- editorBracketHighlight.foreground2#FF7EDB
- editorBracketHighlight.foreground3#72F1B8
- editorBracketHighlight.foreground4#FEDE5D
- editorBracketHighlight.foreground5#FF7EDB
- editorBracketHighlight.foreground6#72F1B8
- editorBracketHighlight.unexpectedBracket.foreground#FE4450
- editorBracketPairGuide.activeBackground1#FEDE5D
- editorBracketPairGuide.activeBackground2#c6a0f6
- editorBracketPairGuide.activeBackground3#72F1B8
- editorBracketPairGuide.activeBackground4#FF8B39
- editorBracketPairGuide.activeBackground5#7dc4e4
- editorBracketPairGuide.activeBackground6#e55f67
- editorBracketPairGuide.background1#FEDE5D50
- editorBracketPairGuide.background2#c6a0f650
- editorBracketPairGuide.background3#72F1B850
- editorBracketPairGuide.background4#FF8B3950
- editorBracketPairGuide.background5#7dc4e450
- editorBracketPairGuide.background6#e55f6750
- editorCursor.background#24273a4b
- editorCursor.foreground#FEDE5Daf
- editorGhostText.foreground#a5adcb
- editorGroup.border#b7bdf88a
- editorLineNumber.activeForeground#00EA4E
- editorLineNumber.dimmedForeground#a5adcb
- editorLineNumber.foreground#cad3f570
- editorLink.activeForeground#c6a0f6
- editorOverviewRuler.selectionHighlightForeground#b7bdf88a
- editorSuggestWidget.background#181825
- editorSuggestWidget.border#b7bdf88a
- editorSuggestWidget.focusHighlightForeground#FF8B39
- editorSuggestWidget.foreground#cad3f5
- editorSuggestWidget.highlightForeground#b7bdf8
- editorSuggestWidget.selectedBackground#363a4f
- editorSuggestWidget.selectedForeground#b7bdf8
- editorSuggestWidgetStatus.foreground#cad3f580
- editorWidget.background#181926
- editorWidget.border#b7bdf88a
- editorWidget.foreground#cad3f5
- editorWidget.resizeBorder#b7bdf88a
- extensionBadge.remoteBackground#8aadf4
- extensionBadge.remoteForeground#181825
- extensionButton.background#00EA4E
- extensionButton.foreground#181825
- extensionButton.hoverBackground#00EA4E8a
- extensionButton.prominentBackground#00EA4E
- extensionButton.prominentForeground#181825
- extensionButton.prominentHoverBackground#00EA4E
- extensionButton.separator#181825
- extensionIcon.preReleaseForeground#c6a0f68a
- extensionIcon.sponsorForeground#FF7EDB8a
- extensionIcon.starForeground#FEDE5D8a
- extensionIcon.verifiedForeground#00EA4E8a
- foreground#cad3f5
- input.background#363a4f
- input.foreground#cad3f5
- input.placeholderForeground#5b6078
- inputOption.activeBackground#5b6078
- inputOption.activeForeground#cad3f5
- inputValidation.errorBackground#363a4f
- inputValidation.errorBorder#00000000
- inputValidation.errorForeground#FE4450
- inputValidation.infoBackground#8aadf47c
- inputValidation.infoForeground#65c1e2
- inputValidation.warningBackground#363a4f
- inputValidation.warningForeground#FEDE5D
- list.activeSelectionBackground#363a4f
- list.activeSelectionForeground#c6a0f6
- list.inactiveSelectionBackground#181825
- list.inactiveSelectionForeground#c6a0f6
- menu.background#24273a
- menu.foreground#cad3f5
- menu.selectionBackground#181825
- menu.selectionForeground#b7bdf8
- menu.separatorBackground#cad3f5
- menubar.selectionBackground#181825
- menubar.selectionForeground#b7bdf8
- panel.background#181825
- panel.border#72F1B825
- panelSection.dropBackground#8aadf490
- panelTitle.activeForeground#cad3f5
- panelTitle.inactiveForeground#a5adcb
- search.resultsInfoForeground#cad3f5a6
- searchEditor.findMatchBackground#18192631
- selection.background#b7bdf840
- settings.checkboxBackground#363a4f
- settings.checkboxBorder#FF7EDB
- settings.checkboxForeground#b8c0e0
- settings.dropdownBackground#24273a
- settings.dropdownBorder#FF8B39
- settings.dropdownForeground#e55f67
- settings.dropdownListBorder#939ab7
- settings.focusedRowBackground#FF8B3950
- settings.focusedRowBorder#FF8B3980
- settings.headerForeground#b7bdf8
- settings.modifiedItemIndicator#7dc4e4
- settings.rowHoverBackground#00EA4E50
- settings.settingsHeaderHoverForeground#FE4450
- sideBar.background#181825
- sideBar.border#72F1B825
- sideBar.foreground#cad3f599
- sideBySideEditor.horizontalBorder#b7bdf88a
- sideBySideEditor.verticalBorder#b7bdf88a
- textCodeBlock.background#8087a266
- textPreformat.foreground#65c1e2
- titleBar.activeBackground#181825
- titleBar.activeForeground#8bd5ca
- titleBar.inactiveBackground#181825
- titleBar.inactiveForeground#8bd5ca
- tree.indentGuidesStroke#494d64
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, string.quoted.docstring.multi.python, string.quoted.docstring.multi.python punctuation.definition.string.begin.python, string.quoted.docstring.multi.python punctuation.definition.string.end.python | #939ab7 | italic |
| string.quoted, string.template, punctuation.definition.string | #FF8B39 | — |
| string.template meta.embedded.line | #cad3f5 | — |
| variable, entity.name.variable | #FF7EDB | — |
| variable.language | #FE4450 | bold |
| variable.parameter | — | italic |
| storage.type, storage.modifier | #FEDE5D | — |
| constant | #FF8B39 | — |
| string.regexp | #FF8B39 | — |
| constant.numeric | #FF8B39 | — |
| constant.language | #FF8B39 | — |
| constant.character.escape | #00EA4E | — |
| entity.name | #FE4450 | — |
| entity.name.tag | #00EA4E | — |
| punctuation.definition.tag | #00EA4E | — |
| entity.other.attribute-name | #FEDE5D | — |
| entity.other.attribute-name.html | #FEDE5D | italic |
| entity.name.type, meta.attribute.class.html | #FE4450 | — |
| entity.other.inherited-class | #FF8B39 | — |
| entity.name.function, variable.function | #00EA4E | — |
| keyword.control.export.js, keyword.control.import.js | #00EA4E | — |
| constant.numeric.decimal.js | #65c1e2 | — |
| keyword | #FEDE5D | — |
| keyword.control | #FEDE5D | — |
| keyword.operator | #FEDE5D | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.logical | #FEDE5D | — |
| keyword.other.unit | #FF8B39 | — |
| support | #FE4450 | — |
| support.function | #00EA4E | — |
| support.variable | #FF7EDB | — |
| meta.object-literal.key, support.type.property-name | #FF7EDB | — |
| punctuation.separator.key-value | #cad3f5 | — |
| punctuation.section.embedded | #FEDE5D | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #00EA4E | — |
| support.type.property-name.css, support.type.property-name.json | #00EA4E | — |
| switch-block.expr.js | #00EA4E | — |
| variable.other.constant.property.js, variable.other.property.js | #65c1e2 | — |
| constant.other.color | #FF8B39 | — |
| support.constant.font-name | #FF8B39 | — |
| entity.other.attribute-name.id | #00EA4E | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #FF8B39 | — |
| support.function.misc.css | #FE4450 | — |
| markup.heading, entity.name.section | #FF7EDB | — |
| text.html, text.tex.latex, keyword.operator.assignment | #cad3f5EE | — |
| markup.quote | #a5adcb | italic |
| beginning.punctuation.definition.list | #FF7EDB | — |
| markup.underline.link | #FF8B39 | — |
| string.other.link.description | #FF8B39 | — |
| meta.function-call.generic.python | #00EA4E | — |
| variable.parameter.function-call.python | #00EA4E | — |
| storage.type.cs | #FE4450 | — |
| entity.name.variable.local.cs | #FF7EDB | — |
| entity.name.variable.field.cs, entity.name.variable.property.cs | #FF7EDB | — |
| constant.other.placeholder.c | #00EA4E | italic |
| keyword.control.directive.include.c, keyword.control.directive.define.c | #00EA4E | — |
| storage.modifier.c | #FE4450 | — |
| source.cpp keyword.operator | #FEDE5D | — |
| constant.other.placeholder.cpp | #00EA4E | italic |
| keyword.control.directive.include.cpp, keyword.control.directive.define.cpp | #00EA4E | — |
| storage.modifier.specifier.const.cpp | #FE4450 | — |
| source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir | #00EA4E | — |
| source.elixir entity.name.function | #00EA4E | — |
| source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir | #00EA4E | — |
| source.elixir punctuation.definition.string | #00EA4E | — |
| source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir | #00EA4E | — |
| source.elixir .punctuation.binary.elixir | #FF7EDB | italic |
| entity.global.clojure | #00EA4E | bold |
| storage.control.clojure | #00EA4E | italic |
| meta.metadata.simple.clojure, meta.metadata.map.clojure | #FE4450 | italic |
| meta.quoted-expression.clojure | — | italic |
| meta.symbol.clojure | #FF7EDB | — |
| source.go | #FF7EDB | — |
| source.go meta.function-call.go | #00EA4E | — |
| source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go | #FEDE5D | — |
| source.go storage.type, source.go keyword.struct.go, source.go keyword.interface.go | #00EA4E | — |
| source.go constant.language.go, source.go constant.other.placeholder.go, source.go variable | #65c1e2 | — |
| markup.underline.link.markdown, markup.inline.raw.string.markdown | #00EA4E | italic |
| string.other.link.title.markdown | #FEDE5D | — |
| markup.heading.markdown, entity.name.section.markdown | #FF7EDB | bold |
| markup.italic.markdown | #65c1e2 | italic |
| markup.bold.markdown | #65c1e2 | bold |
| punctuation.definition.quote.begin.markdown, markup.quote.markdown | #00EA4E | — |
| source.dart, source.python, source.scala | #FF7EDB | — |
| string.interpolated.single.dart | #FF8B39 | — |
| variable.parameter.dart | #00EA4E | — |
| constant.numeric.dart | #65c1e2 | — |
| variable.parameter.scala | #65c1e2 | — |
| meta.template.expression.scala | #00EA4E | — |
| comment, keyword, variable.language, entity.other.attribute-name.html, entity.other.attribute-name, keyword.control, storage.type, comment, comment.block, comment.line | — | |
| token.info-token | #8aadf4 | — |
| token.warn-token | #FEDE5D | — |
| token.error-token | #FE4450 | — |
| token.debug-token | #c6a0f6 | — |
| comment | #cad3f550 | — |