{"id":13435911,"url":"https://github.com/catppuccin/catppuccin","last_synced_at":"2025-05-14T07:07:42.832Z","repository":{"id":37063359,"uuid":"425134686","full_name":"catppuccin/catppuccin","owner":"catppuccin","description":"😸 Soothing pastel theme for the high-spirited!","archived":false,"fork":false,"pushed_at":"2025-05-05T18:27:47.000Z","size":11915,"stargazers_count":16485,"open_issues_count":47,"forks_count":304,"subscribers_count":46,"default_branch":"main","last_synced_at":"2025-05-07T06:38:33.021Z","etag":null,"topics":["catppuccin","color-palette","color-scheme","customization","dark-theme","eye-candy","fancy","hacktoberfest","meta","pastel","soothing-dark-theme","soothing-pastel-theme","theme"],"latest_commit_sha":null,"homepage":"https://catppuccin.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/catppuccin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":"catppuccin","open_collective":"catppuccin"}},"created_at":"2021-11-06T02:11:59.000Z","updated_at":"2025-05-07T03:57:28.000Z","dependencies_parsed_at":"2022-07-13T15:29:35.081Z","dependency_job_id":"7c148e64-381e-43d8-8d66-8ca152764e92","html_url":"https://github.com/catppuccin/catppuccin","commit_stats":{"total_commits":878,"total_committers":133,"mean_commits":6.601503759398496,"dds":0.7403189066059226,"last_synced_commit":"85b9d80ee65bbc2a91e24510d797871ebfd5fa68"},"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fcatppuccin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fcatppuccin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fcatppuccin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fcatppuccin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/catppuccin","download_url":"https://codeload.github.com/catppuccin/catppuccin/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254092648,"owners_count":22013290,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["catppuccin","color-palette","color-scheme","customization","dark-theme","eye-candy","fancy","hacktoberfest","meta","pastel","soothing-dark-theme","soothing-pastel-theme","theme"],"created_at":"2024-07-31T03:00:40.660Z","updated_at":"2025-05-14T07:07:42.819Z","avatar_url":"https://github.com/catppuccin.png","language":"TypeScript","funding_links":["https://github.com/sponsors/catppuccin","https://opencollective.com/catppuccin"],"categories":["TypeScript","HarmonyOS","WELCOME","⭐️ or 🤩 for my FAVORITE entries on the list!","Shell","Color Scheme","前端开发框架及项目","Install Instructions:","Colour Schemes","Themes 🎭","Packages"],"sub_categories":["Windows Manager","**Others**","Dynamic","其他_文本生成、文本对话","Manual Method:","Color Schemes","Colorschemes"],"readme":"\u003ch3 align=\"center\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png\" width=\"100\" alt=\"Logo\"/\u003e\u003cbr/\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png\" height=\"30\" width=\"0px\"/\u003e\n\tCatppuccin\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png\" height=\"30\" width=\"0px\"/\u003e\n\u003c/h3\u003e\n\n\u003ch6 align=\"center\"\u003e\n  \u003ca href=\"https://catppuccin.com/pronunciation.mp3\"\u003e/ˌkætpʊˈtʃiːn/\u003c/a\u003e\n\u003c/h6\u003e\n\n\u003ch6 align=\"center\"\u003e\n  \u003ca href=\"https://github.com/catppuccin/catppuccin#-palette\"\u003ePalette\u003c/a\u003e\n  ·\n  \u003ca href=\"https://github.com/catppuccin/catppuccin#-ports-and-more\"\u003ePorts\u003c/a\u003e\n  ·\n  \u003ca href=\"https://github.com/catppuccin/catppuccin#-showcase\"\u003eShowcase\u003c/a\u003e\n  ·\n  \u003ca href=\"https://github.com/catppuccin/catppuccin/tree/main/docs\"\u003eDocs\u003c/a\u003e\n\u003c/h6\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/palette/macchiato.png\" width=\"400\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/catppuccin/catppuccin/stargazers\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/catppuccin/catppuccin?colorA=363a4f\u0026colorB=b7bdf8\u0026style=for-the-badge\u0026logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij4KPHBhdGggZD0iTTIzNS4yNCw4NC4zOGwtMjguMDYsMjMuNjgsOC41NiwzNS4zOWExMy4zNCwxMy4zNCwwLDAsMS01LjA5LDEzLjkxLDEzLjU0LDEzLjU0LDAsMCwxLTE1LC42OUwxNjQsMTM5bC0zMS42NSwxOS4wNmExMy41MSwxMy41MSwwLDAsMS0xNS0uNjksMTMuMzIsMTMuMzIsMCwwLDEtNS4xLTEzLjkxbDguNTYtMzUuMzlMOTIuNzYsODQuMzhhMTMuMzksMTMuMzksMCwwLDEsNy42Ni0yMy41OGwzNi45NC0yLjkyLDE0LjIxLTMzLjY2YTEzLjUxLDEzLjUxLDAsMCwxLDI0Ljg2LDBsMTQuMjEsMzMuNjYsMzYuOTQsMi45MmExMy4zOSwxMy4zOSwwLDAsMSw3LjY2LDIzLjU4Wk04OC4xMSwxMTEuODlhOCw4LDAsMCwwLTExLjMyLDBMMTguMzQsMTcwLjM0YTgsOCwwLDAsMCwxMS4zMiwxMS4zMmw1OC40NS01OC40NUE4LDgsMCwwLDAsODguMTEsMTExLjg5Wm0tLjUsNjEuMTlMMzQuMzQsMjI2LjM0YTgsOCwwLDAsMCwxMS4zMiwxMS4zMmw1My4yNi01My4yN2E4LDgsMCwwLDAtMTEuMzEtMTEuMzFabTczLTEtNTQuMjksNTQuMjhhOCw4LDAsMCwwLDExLjMyLDExLjMybDU0LjI4LTU0LjI4YTgsOCwwLDAsMC0xMS4zMS0xMS4zMloiIHN0eWxlPSJmaWxsOiAjQ0FEM0Y1OyIvPgo8L3N2Zz4=\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/catppuccin/catppuccin/releases/latest\"\u003e\u003cimg src=\"https://img.shields.io/github/v/release/catppuccin/catppuccin?colorA=363a4f\u0026colorB=a6da95\u0026style=for-the-badge\u0026logo=github\u0026logoColor=cad3f5\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/catppuccin/catppuccin/issues\"\u003e\u003cimg src=\"https://img.shields.io/github/issues/catppuccin/catppuccin?colorA=363a4f\u0026colorB=f5a97f\u0026style=for-the-badge\u0026logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij4KPHBhdGggZD0iTTIxNiwzMlYxOTJhOCw4LDAsMCwxLTgsOEg3MmExNiwxNiwwLDAsMC0xNiwxNkgxOTJhOCw4LDAsMCwxLDAsMTZINDhhOCw4LDAsMCwxLTgtOFY1NkEzMiwzMiwwLDAsMSw3MiwyNEgyMDhBOCw4LDAsMCwxLDIxNiwzMloiIHN0eWxlPSJmaWxsOiAjQ0FEM0Y1OyIvPgo8L3N2Zz4=\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://discord.com/servers/907385605422448742\"\u003e\u003cimg src=\"https://img.shields.io/discord/907385605422448742?style=for-the-badge\u0026color=c6a0f6\u0026labelColor=363a4f\u0026logo=discord\u0026logoColor=cad3f5\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u0026nbsp;\n\n\u003cp align=\"center\"\u003e\nCatppuccin is a community-driven pastel theme that aims to be the middle ground between low and high-contrast themes. It consists of 4 soothing warm flavors with 26 eye-candy colors each, perfect for coding, designing, and much more! In addition, this repository tracks the development of the actual color palette, \u003ca href=\"https://github.com/catppuccin/catppuccin/tree/main/docs\"\u003e\u003cb\u003ethe project's documentation\u003c/b\u003e\u003c/a\u003e, organization-wide assets, resources and code samples for maintainers/developers.\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/catppuccin\"\u003e\n    \u003cpicture\u003e\n      \u003csource srcset=\"assets/social/macchiato_github.svg\" width=\"64\" height=\"64\" alt=\"Github Logo\" media=\"(prefers-color-scheme: dark)\"/\u003e\n      \u003csource srcset=\"assets/social/latte_github.svg\" width=\"64\" height=\"64\" alt=\"Github Logo\" media=\"(prefers-color-scheme: light), (prefers-color-scheme: no-preference)\"/\u003e\n      \u003cimg src=\"assets/social/latte_github.svg\" width=\"64\" height=\"64\" alt=\"Github Logo\"/\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"assets/misc/transparent.png\" height=\"1\" width=\"5\"/\u003e\n  \u003ca href=\"https://www.npmjs.com/org/catppuccin\"\u003e\n    \u003cpicture\u003e\n      \u003csource srcset=\"assets/social/macchiato_npm.svg\" width=\"64\" height=\"64\" alt=\"NPM Logo\" media=\"(prefers-color-scheme: dark)\"/\u003e\n      \u003csource srcset=\"assets/social/latte_npm.svg\" width=\"64\" height=\"64\" alt=\"NPM Logo\" media=\"(prefers-color-scheme: light), (prefers-color-scheme: no-preference)\"/\u003e\n      \u003cimg src=\"assets/social/latte_npm.svg\" width=\"64\" height=\"64\" alt=\"NPM Logo\"/\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"assets/misc/transparent.png\" height=\"1\" width=\"5\"/\u003e\n  \u003ca href=\"https://discord.com/servers/907385605422448742\"\u003e\n    \u003cpicture\u003e\n      \u003csource srcset=\"assets/social/macchiato_discord.svg\" width=\"64\" height=\"64\" alt=\"Discord Logo\" media=\"(prefers-color-scheme: dark)\"/\u003e\n      \u003csource srcset=\"assets/social/latte_discord.svg\" width=\"64\" height=\"64\" alt=\"Discord Logo\" media=\"(prefers-color-scheme: light), (prefers-color-scheme: no-preference)\"/\u003e\n      \u003cimg src=\"assets/social/latte_discord.svg\" width=\"64\" height=\"64\" alt=\"Discord Logo\"/\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"assets/misc/transparent.png\" height=\"1\" width=\"5\"/\u003e\n  \u003ca href=\"https://twitter.com/catppuccintheme\"\u003e\n    \u003cpicture\u003e\n      \u003csource srcset=\"assets/social/macchiato_twitter.svg\" width=\"64\" height=\"64\" alt=\"Twitter Logo\" media=\"(prefers-color-scheme: dark)\"/\u003e\n      \u003csource srcset=\"assets/social/latte_twitter.svg\" width=\"64\" height=\"64\" alt=\"Twitter Logo\" media=\"(prefers-color-scheme: light), (prefers-color-scheme: no-preference)\"/\u003e\n      \u003cimg src=\"assets/social/latte_twitter.svg\" width=\"64\" height=\"64\" alt=\"Twitter Logo\"/\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"assets/misc/transparent.png\" height=\"1\" width=\"5\"/\u003e\n  \u003ca href=\"https://fosstodon.org/@catppuccin\"\u003e\n    \u003cpicture\u003e\n      \u003csource srcset=\"assets/social/macchiato_mastodon.svg\" width=\"64\" height=\"64\" alt=\"Mastodon Logo\" media=\"(prefers-color-scheme: dark)\"/\u003e\n      \u003csource srcset=\"assets/social/latte_mastodon.svg\" width=\"64\" height=\"64\" alt=\"Mastodon Logo\" media=\"(prefers-color-scheme: light), (prefers-color-scheme: no-preference)\"/\u003e\n      \u003cimg src=\"assets/social/latte_mastodon.svg\" width=\"64\" height=\"64\" alt=\"Mastodon Logo\"/\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"assets/misc/transparent.png\" height=\"1\" width=\"5\"/\u003e\n  \u003ca href=\"https://reddit.com/r/catppuccin\"\u003e\n    \u003cpicture\u003e\n      \u003csource srcset=\"assets/social/macchiato_reddit.svg\" width=\"64\" height=\"64\" alt=\"Reddit Logo\" media=\"(prefers-color-scheme: dark)\"/\u003e\n      \u003csource srcset=\"assets/social/latte_reddit.svg\" width=\"64\" height=\"64\" alt=\"Reddit Logo\" media=\"(prefers-color-scheme: light), (prefers-color-scheme: no-preference)\"/\u003e\n      \u003cimg src=\"assets/social/latte_reddit.svg\" width=\"64\" height=\"64\" alt=\"Reddit Logo\"/\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\nJoin our community!\n\u003c/p\u003e\n\n\u0026nbsp;\n\n### 🧠 Design Philosophy\n\n- **Colorful is better than colorless**: the colorfulness of something contributes to the distinction amongst the parts\n  of that _something_, making it marginally easier to understand how things are structured.\n- **There should be balance**: not too dull, not too bright. Suitability under various light conditions is a must.\n- **Harmony is superior to dissonance**: vivacious colors must complement each other.\n\n\u0026nbsp;\n\n### 🎨 Palette\n\n**Catppuccin** consists of 4 beautiful pastel color palettes, named **flavors**. All the details can be found below.\u003cbr\u003e\nIf you want to use them for your own project, refer to our [style guide](https://github.com/catppuccin/catppuccin/blob/main/docs/style-guide.md) for general use cases and guidelines. Additionally, you can find integrations with popular frameworks and tools in [catppuccin/palette](https://github.com/catppuccin/palette).\n\nAlready have a project making use of our palette? Don't forget to add it to\nour [showcase](#-showcase) section below!\n\u003cbr\u003e\u003cimg src=\"assets/misc/transparent.png\" height=\"10\" width=\"0\" /\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e🌻 Latte\u003c/summary\u003e\n\u003ctable\u003e\n\t\u003ctr\u003e\n\t\t\u003cth\u003e\u003c/th\u003e\n\t\t\u003cth\u003eLabels\u003c/th\u003e\n\t\t\u003cth\u003eHex\u003c/th\u003e\n\t\t\u003cth\u003eRGB\u003c/th\u003e\n\t\t\u003cth\u003eHSL\u003c/th\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_rosewater.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eRosewater\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#dc8a78\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(220, 138, 120)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(11, 59%, 67%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_flamingo.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eFlamingo\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#dd7878\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(221, 120, 120)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(0, 60%, 67%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_pink.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003ePink\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#ea76cb\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(234, 118, 203)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(316, 73%, 69%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_mauve.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eMauve\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#8839ef\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(136, 57, 239)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(266, 85%, 58%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_red.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eRed\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#d20f39\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(210, 15, 57)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(347, 87%, 44%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_maroon.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eMaroon\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#e64553\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(230, 69, 83)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(355, 76%, 59%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_peach.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003ePeach\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#fe640b\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(254, 100, 11)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(22, 99%, 52%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_yellow.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eYellow\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#df8e1d\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(223, 142, 29)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(35, 77%, 49%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_green.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eGreen\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#40a02b\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(64, 160, 43)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(109, 58%, 40%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_teal.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eTeal\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#179299\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(23, 146, 153)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(183, 74%, 35%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_sky.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSky\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#04a5e5\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(4, 165, 229)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(197, 97%, 46%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_sapphire.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSapphire\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#209fb5\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(32, 159, 181)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(189, 70%, 42%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_blue.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eBlue\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#1e66f5\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(30, 102, 245)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(220, 91%, 54%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_lavender.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eLavender\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#7287fd\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(114, 135, 253)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(231, 97%, 72%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_text.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eText\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#4c4f69\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(76, 79, 105)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(234, 16%, 35%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_subtext1.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSubtext1\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#5c5f77\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(92, 95, 119)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(233, 13%, 41%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_subtext0.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSubtext0\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#6c6f85\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(108, 111, 133)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(233, 10%, 47%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_overlay2.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eOverlay2\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#7c7f93\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(124, 127, 147)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(232, 10%, 53%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_overlay1.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eOverlay1\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#8c8fa1\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(140, 143, 161)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(231, 10%, 59%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_overlay0.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eOverlay0\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#9ca0b0\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(156, 160, 176)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(228, 11%, 65%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_surface2.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSurface2\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#acb0be\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(172, 176, 190)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(227, 12%, 71%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_surface1.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSurface1\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#bcc0cc\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(188, 192, 204)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(225, 14%, 77%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_surface0.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSurface0\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#ccd0da\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(204, 208, 218)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(223, 16%, 83%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_base.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eBase\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#eff1f5\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(239, 241, 245)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(220, 23%, 95%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_mantle.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eMantle\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#e6e9ef\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(230, 233, 239)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(220, 22%, 92%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/latte_crust.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eCrust\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#dce0e8\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(220, 224, 232)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(220, 21%, 89%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\u003c/table\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e🪴 Frappé\u003c/summary\u003e\n\u003ctable\u003e\n\t\u003ctr\u003e\n\t\t\u003cth\u003e\u003c/th\u003e\n\t\t\u003cth\u003eLabels\u003c/th\u003e\n\t\t\u003cth\u003eHex\u003c/th\u003e\n\t\t\u003cth\u003eRGB\u003c/th\u003e\n\t\t\u003cth\u003eHSL\u003c/th\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_rosewater.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eRosewater\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#f2d5cf\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(242, 213, 207)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(10, 57%, 88%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_flamingo.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eFlamingo\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#eebebe\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(238, 190, 190)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(0, 59%, 84%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_pink.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003ePink\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#f4b8e4\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(244, 184, 228)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(316, 73%, 84%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_mauve.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eMauve\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#ca9ee6\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(202, 158, 230)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(277, 59%, 76%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_red.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eRed\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#e78284\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(231, 130, 132)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(359, 68%, 71%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_maroon.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eMaroon\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#ea999c\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(234, 153, 156)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(358, 66%, 76%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_peach.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003ePeach\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#ef9f76\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(239, 159, 118)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(20, 79%, 70%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_yellow.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eYellow\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#e5c890\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(229, 200, 144)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(40, 62%, 73%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_green.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eGreen\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#a6d189\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(166, 209, 137)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(96, 44%, 68%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_teal.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eTeal\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#81c8be\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(129, 200, 190)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(172, 39%, 65%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_sky.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSky\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#99d1db\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(153, 209, 219)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(189, 48%, 73%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_sapphire.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSapphire\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#85c1dc\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(133, 193, 220)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(199, 55%, 69%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_blue.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eBlue\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#8caaee\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(140, 170, 238)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(222, 74%, 74%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_lavender.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eLavender\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#babbf1\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(186, 187, 241)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(239, 66%, 84%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_text.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eText\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#c6d0f5\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(198, 208, 245)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(227, 70%, 87%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_subtext1.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSubtext1\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#b5bfe2\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(181, 191, 226)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(227, 44%, 80%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_subtext0.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSubtext0\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#a5adce\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(165, 173, 206)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(228, 29%, 73%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_overlay2.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eOverlay2\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#949cbb\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(148, 156, 187)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(228, 22%, 66%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_overlay1.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eOverlay1\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#838ba7\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(131, 139, 167)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(227, 17%, 58%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_overlay0.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eOverlay0\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#737994\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(115, 121, 148)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(229, 13%, 52%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_surface2.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSurface2\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#626880\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(98, 104, 128)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(228, 13%, 44%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_surface1.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSurface1\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#51576d\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(81, 87, 109)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(227, 15%, 37%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_surface0.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSurface0\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#414559\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(65, 69, 89)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(230, 16%, 30%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_base.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eBase\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#303446\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(48, 52, 70)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(229, 19%, 23%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_mantle.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eMantle\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#292c3c\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(41, 44, 60)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(231, 19%, 20%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/frappe_crust.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eCrust\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#232634\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(35, 38, 52)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(229, 20%, 17%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\u003c/table\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e🌺 Macchiato\u003c/summary\u003e\n\u003ctable\u003e\n\t\u003ctr\u003e\n\t\t\u003cth\u003e\u003c/th\u003e\n\t\t\u003cth\u003eLabels\u003c/th\u003e\n\t\t\u003cth\u003eHex\u003c/th\u003e\n\t\t\u003cth\u003eRGB\u003c/th\u003e\n\t\t\u003cth\u003eHSL\u003c/th\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_rosewater.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eRosewater\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#f4dbd6\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(244, 219, 214)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(10, 58%, 90%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_flamingo.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eFlamingo\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#f0c6c6\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(240, 198, 198)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(0, 58%, 86%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_pink.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003ePink\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#f5bde6\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(245, 189, 230)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(316, 74%, 85%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_mauve.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eMauve\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#c6a0f6\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(198, 160, 246)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(267, 83%, 80%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_red.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eRed\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#ed8796\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(237, 135, 150)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(351, 74%, 73%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_maroon.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eMaroon\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#ee99a0\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(238, 153, 160)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(355, 71%, 77%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_peach.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003ePeach\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#f5a97f\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(245, 169, 127)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(21, 86%, 73%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_yellow.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eYellow\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#eed49f\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(238, 212, 159)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(40, 70%, 78%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_green.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eGreen\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#a6da95\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(166, 218, 149)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(105, 48%, 72%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_teal.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eTeal\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#8bd5ca\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(139, 213, 202)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(171, 47%, 69%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_sky.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSky\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#91d7e3\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(145, 215, 227)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(189, 59%, 73%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_sapphire.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSapphire\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#7dc4e4\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(125, 196, 228)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(199, 66%, 69%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_blue.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eBlue\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#8aadf4\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(138, 173, 244)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(220, 83%, 75%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_lavender.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eLavender\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#b7bdf8\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(183, 189, 248)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(234, 82%, 85%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_text.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eText\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#cad3f5\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(202, 211, 245)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(227, 68%, 88%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_subtext1.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSubtext1\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#b8c0e0\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(184, 192, 224)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(228, 39%, 80%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_subtext0.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSubtext0\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#a5adcb\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(165, 173, 203)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(227, 27%, 72%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_overlay2.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eOverlay2\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#939ab7\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(147, 154, 183)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(228, 20%, 65%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_overlay1.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eOverlay1\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#8087a2\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(128, 135, 162)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(228, 15%, 57%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_overlay0.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eOverlay0\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#6e738d\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(110, 115, 141)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(230, 12%, 49%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_surface2.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSurface2\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#5b6078\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(91, 96, 120)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(230, 14%, 41%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_surface1.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSurface1\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#494d64\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(73, 77, 100)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(231, 16%, 34%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_surface0.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSurface0\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#363a4f\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(54, 58, 79)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(230, 19%, 26%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_base.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eBase\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#24273a\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(36, 39, 58)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(232, 23%, 18%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_mantle.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eMantle\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#1e2030\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(30, 32, 48)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(233, 23%, 15%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/macchiato_crust.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eCrust\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#181926\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(24, 25, 38)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(236, 23%, 12%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\u003c/table\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e🌿 Mocha\u003c/summary\u003e\n\u003ctable\u003e\n\t\u003ctr\u003e\n\t\t\u003cth\u003e\u003c/th\u003e\n\t\t\u003cth\u003eLabels\u003c/th\u003e\n\t\t\u003cth\u003eHex\u003c/th\u003e\n\t\t\u003cth\u003eRGB\u003c/th\u003e\n\t\t\u003cth\u003eHSL\u003c/th\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_rosewater.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eRosewater\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#f5e0dc\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(245, 224, 220)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(10, 56%, 91%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_flamingo.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eFlamingo\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#f2cdcd\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(242, 205, 205)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(0, 59%, 88%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_pink.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003ePink\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#f5c2e7\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(245, 194, 231)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(316, 72%, 86%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_mauve.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eMauve\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#cba6f7\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(203, 166, 247)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(267, 84%, 81%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_red.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eRed\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#f38ba8\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(243, 139, 168)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(343, 81%, 75%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_maroon.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eMaroon\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#eba0ac\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(235, 160, 172)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(350, 65%, 77%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_peach.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003ePeach\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#fab387\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(250, 179, 135)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(23, 92%, 75%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_yellow.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eYellow\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#f9e2af\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(249, 226, 175)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(41, 86%, 83%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_green.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eGreen\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#a6e3a1\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(166, 227, 161)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(115, 54%, 76%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_teal.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eTeal\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#94e2d5\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(148, 226, 213)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(170, 57%, 73%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_sky.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSky\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#89dceb\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(137, 220, 235)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(189, 71%, 73%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_sapphire.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSapphire\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#74c7ec\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(116, 199, 236)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(199, 76%, 69%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_blue.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eBlue\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#89b4fa\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(137, 180, 250)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(217, 92%, 76%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_lavender.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eLavender\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#b4befe\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(180, 190, 254)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(232, 97%, 85%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_text.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eText\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#cdd6f4\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(205, 214, 244)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(226, 64%, 88%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_subtext1.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSubtext1\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#bac2de\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(186, 194, 222)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(227, 35%, 80%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_subtext0.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSubtext0\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#a6adc8\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(166, 173, 200)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(228, 24%, 72%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_overlay2.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eOverlay2\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#9399b2\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(147, 153, 178)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(228, 17%, 64%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_overlay1.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eOverlay1\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#7f849c\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(127, 132, 156)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(230, 13%, 55%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_overlay0.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eOverlay0\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#6c7086\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(108, 112, 134)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(231, 11%, 47%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_surface2.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSurface2\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#585b70\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(88, 91, 112)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(233, 12%, 39%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_surface1.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSurface1\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#45475a\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(69, 71, 90)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(234, 13%, 31%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_surface0.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eSurface0\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#313244\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(49, 50, 68)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(237, 16%, 23%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_base.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eBase\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#1e1e2e\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(30, 30, 46)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(240, 21%, 15%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_mantle.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eMantle\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#181825\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(24, 24, 37)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(240, 21%, 12%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\u003cimg src=\"assets/palette/circles/mocha_crust.png\" width=\"23\"/\u003e\u003c/td\u003e\n\t\t\u003ctd\u003eCrust\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003e#11111b\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ergb(17, 17, 27)\u003c/code\u003e\u003c/td\u003e\n\t\t\u003ctd\u003e\u003ccode\u003ehsl(240, 23%, 9%)\u003c/code\u003e\u003c/td\u003e\n\t\u003c/tr\u003e\n\u003c/table\u003e\n\u003c/details\u003e\n\n\u0026nbsp;\n\n### 👐 Contributing\n\n\u003e [!NOTE]\u003cbr\u003e\n\u003e If you would like to submit a port or learn how to port Catppuccin to a program, please refer to\n\u003e the [port-creation.md](https://github.com/catppuccin/catppuccin/blob/main/docs/port-creation.md)\n\nSee [CONTRIBUTING.md](https://github.com/catppuccin/catppuccin/blob/main/CONTRIBUTING.md)\n\n\u0026nbsp;\n\n### 🪵 Ports and more!\n\nCatppuccin is available for various apps and in different formats. Here is a list of them:\n\n\u003c!-- AUTOGEN:PORTLIST START --\u003e\n\u003c!-- the following section is auto-generated, do not edit --\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e👾 Code Editors \u0026 IDEs\u003c/summary\u003e\n\n- [Binary Ninja](https://github.com/catppuccin/binary-ninja)\n- [CodeMirror](https://github.com/catppuccin/codemirror)\n- [Cutter](https://github.com/catppuccin/cutter)\n- [DrRacket](https://github.com/catppuccin/drracket)\n- [Emacs](https://github.com/catppuccin/emacs)\n- [Geany](https://github.com/catppuccin/geany)\n- [Gedit](https://github.com/catppuccin/gedit)\n- [Ghidra](https://github.com/catppuccin/ghidra)\n- [Helix](https://github.com/catppuccin/helix)\n- [IDA (Interactive Disassembler)](https://github.com/catppuccin/ida-debugger)\n- [JetBrains](https://github.com/catppuccin/jetbrains)\n- [JetBrains Fleet](https://github.com/catppuccin/fleet)\n- [JetBrains Icons](https://github.com/catppuccin/jetbrains-icons)\n- [Kakoune](https://github.com/catppuccin/kakoune)\n- [Lapce](https://github.com/catppuccin/lapce)\n- [micro](https://github.com/catppuccin/micro)\n- [Neovim](https://github.com/catppuccin/nvim)\n- [Notepad++](https://github.com/catppuccin/notepad-plus-plus)\n- [Nova](https://github.com/catppuccin/nova)\n- [Qt Creator](https://github.com/catppuccin/qtcreator)\n- [Replit](https://github.com/catppuccin/replit)\n- [RStudio](https://github.com/catppuccin/rstudio)\n- [Spyder](https://github.com/catppuccin/spyder)\n- [Sublime Text](https://github.com/catppuccin/sublime-text)\n- [Vim](https://github.com/catppuccin/vim)\n- [Visual Studio](https://github.com/catppuccin/visual-studio)\n- [Visual Studio Code](https://github.com/catppuccin/vscode)\n- [Visual Studio Code Icons](https://github.com/catppuccin/vscode-icons)\n- [Xcode](https://github.com/catppuccin/xcode)\n- [Xed](https://github.com/catppuccin/xed)\n- [Zed](https://github.com/catppuccin/zed)\n- [Zed Icons](https://github.com/catppuccin/zed-icons)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e💭 Development Tools\u003c/summary\u003e\n\n- [boringproxy](https://github.com/catppuccin/userstyles/tree/main/styles/boringproxy)\n- [Codeberg](https://github.com/catppuccin/userstyles/tree/main/styles/codeberg)\n- [daisyUI](https://github.com/catppuccin/daisyui)\n- [docs.rs](https://github.com/catppuccin/userstyles/tree/main/styles/docs.rs)\n- [egui](https://github.com/catppuccin/egui)\n- [freedesktop.org](https://github.com/catppuccin/userstyles/tree/main/styles/freedesktop)\n- [Fyne](https://github.com/catppuccin/fyne)\n- [GitHub](https://github.com/catppuccin/userstyles/tree/main/styles/github)\n- [gleam.run](https://github.com/catppuccin/userstyles/tree/main/styles/gleam.run)\n- [go.dev](https://github.com/catppuccin/userstyles/tree/main/styles/go.dev)\n- [Grabify](https://github.com/catppuccin/userstyles/tree/main/styles/grabify)\n- [Graphite](https://github.com/catppuccin/userstyles/tree/main/styles/graphite)\n- [Home Manager Options Search](https://github.com/catppuccin/userstyles/tree/main/styles/home-manager-options-search)\n- [Hoogle](https://github.com/catppuccin/userstyles/tree/main/styles/hoogle)\n- [Hoppscotch](https://github.com/catppuccin/userstyles/tree/main/styles/hoppscotch)\n- [ImHex](https://github.com/catppuccin/imhex)\n- [Insomnia](https://github.com/catppuccin/insomnia)\n- [iSH](https://github.com/catppuccin/ish)\n- [JupyterLab](https://github.com/catppuccin/jupyterlab)\n- [Keyoxide](https://github.com/catppuccin/userstyles/tree/main/styles/keyoxide)\n- [KiCad](https://github.com/catppuccin/kicad)\n- [Learn X in Y Minutes](https://github.com/catppuccin/userstyles/tree/main/styles/learn-x-in-y-minutes)\n- [Matplotlib](https://github.com/catppuccin/python)\n- [MDN](https://github.com/catppuccin/userstyles/tree/main/styles/mdn)\n- [Next.js](https://github.com/catppuccin/userstyles/tree/main/styles/vercel)\n- [NixOS Manual](https://github.com/catppuccin/userstyles/tree/main/styles/nixos-manual)\n- [Nixpkgs Manual](https://github.com/catppuccin/userstyles/tree/main/styles/nixos-manual)\n- [Pantone](https://github.com/catppuccin/pantone)\n- [paste.rs](https://github.com/catppuccin/userstyles/tree/main/styles/paste.rs)\n- [PowerShell](https://github.com/catppuccin/powershell)\n- [PythonAnywhere](https://github.com/catppuccin/userstyles/tree/main/styles/pythonanywhere)\n- [React.dev](https://github.com/catppuccin/userstyles/tree/main/styles/react.dev)\n- [Tailwind CSS](https://github.com/catppuccin/tailwindcss)\n- [Trinket](https://github.com/catppuccin/userstyles/tree/main/styles/trinket)\n- [Vercel](https://github.com/catppuccin/userstyles/tree/main/styles/vercel)\n- [VSCord](https://github.com/catppuccin/vscord)\n- [web.dev](https://github.com/catppuccin/userstyles/tree/main/styles/web.dev)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e📜 Documentation Generators\u003c/summary\u003e\n\n- [Docsify](https://github.com/catppuccin/docsify)\n- [mdBook](https://github.com/catppuccin/mdBook)\n- [mdBook](https://github.com/catppuccin/userstyles/tree/main/styles/mdbook)\n- [Starlight](https://github.com/catppuccin/starlight)\n- [VitePress](https://github.com/catppuccin/vitepress)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🖍️ Syntax Highlighting\u003c/summary\u003e\n\n- [Chroma](https://github.com/catppuccin/chroma)\n- [Glamour](https://github.com/catppuccin/glamour)\n- [highlight.js](https://github.com/catppuccin/highlightjs)\n- [KSyntaxHighlighting](https://github.com/catppuccin/ksyntaxhighlighting)\n- [Prism.js](https://github.com/catppuccin/prismjs)\n- [Pygments](https://python.catppuccin.com/docs/catppuccin/extras/pygments.html)\n- [Shiki](https://github.com/catppuccin/vscode/tree/main/packages/catppuccin-vscode)\n- [ZSH Fast Syntax Highlighting](https://github.com/catppuccin/zsh-fsh)\n- [zsh-syntax-highlighting](https://github.com/catppuccin/zsh-syntax-highlighting)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e📚 Libraries\u003c/summary\u003e\n\n- [Elixir](https://github.com/catppuccin/elixir)\n- [Flutter](https://github.com/catppuccin/flutter)\n- [Gleam](https://github.com/catppuccin/gleam)\n- [Go](https://github.com/catppuccin/go)\n- [Java](https://github.com/catppuccin/java)\n- [LaTeX](https://github.com/catppuccin/latex)\n- [Lua](https://github.com/catppuccin/lua)\n- [Nim](https://github.com/catppuccin/nim)\n- [Python](https://github.com/catppuccin/python)\n- [Ruby](https://github.com/catppuccin/ruby)\n- [Rust](https://github.com/catppuccin/rust)\n- [Typst](https://github.com/catppuccin/typst)\n- [UI](https://github.com/catppuccin/ui)\n- [V](https://github.com/catppuccin/v)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🐚 CLI Tools\u003c/summary\u003e\n\n- [Asciinema](https://github.com/catppuccin/asciinema)\n- [atuin](https://github.com/catppuccin/atuin)\n- [bat](https://github.com/catppuccin/bat)\n- [bottom](https://github.com/catppuccin/bottom)\n- [btop++](https://github.com/catppuccin/btop)\n- [delta](https://github.com/catppuccin/delta)\n- [fish shell](https://github.com/catppuccin/fish)\n- [fzf](https://github.com/catppuccin/fzf)\n- [GitUI](https://github.com/catppuccin/gitui)\n- [k9s](https://github.com/catppuccin/k9s)\n- [lazygit](https://github.com/catppuccin/lazygit)\n- [LSD](https://github.com/catppuccin/lsd)\n- [Newsboat](https://github.com/catppuccin/newsboat)\n- [Nushell](https://github.com/catppuccin/nushell)\n- [OhMyREPL](https://github.com/catppuccin/ohmyrepl)\n- [Process Compose](https://github.com/catppuccin/process-compose)\n- [sc-im](https://github.com/catppuccin/sc-im)\n- [skim](https://github.com/catppuccin/skim)\n- [Starship](https://github.com/catppuccin/starship)\n- [television](https://github.com/catppuccin/television)\n- [tmux](https://github.com/catppuccin/tmux)\n- [Zellij](https://github.com/catppuccin/zellij)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🌱 Terminals\u003c/summary\u003e\n\n- [Alacritty](https://github.com/catppuccin/alacritty)\n- [Black Box](https://github.com/catppuccin/blackbox)\n- [Blink](https://github.com/catppuccin/blink)\n- [Contour](https://github.com/catppuccin/contour)\n- [cool-retro-term](https://github.com/catppuccin/crt)\n- [Fluent Terminal](https://github.com/catppuccin/fluentterminal)\n- [foot](https://github.com/catppuccin/foot)\n- [Ghostty](https://github.com/catppuccin/ghostty)\n- [Ghostty.org](https://github.com/catppuccin/userstyles/tree/main/styles/ghostty.org)\n- [GNOME Terminal](https://github.com/catppuccin/gnome-terminal)\n- [Hyper](https://github.com/catppuccin/hyper)\n- [iTerm2](https://github.com/catppuccin/iterm)\n- [kitty](https://github.com/catppuccin/kitty)\n- [Konsole](https://github.com/catppuccin/konsole)\n- [LXTerminal](https://github.com/catppuccin/lxterminal)\n- [MobaXterm](https://github.com/catppuccin/mobaxterm)\n- [QTerminal](https://github.com/catppuccin/qterminal)\n- [Rio](https://github.com/catppuccin/rio)\n- [st](https://github.com/catppuccin/st)\n- [Tabby](https://github.com/catppuccin/tabby)\n- [Terminal.app](https://github.com/catppuccin/Terminal.app)\n- [Terminator](https://github.com/catppuccin/terminator)\n- [Termux](https://github.com/catppuccin/termux)\n- [Tilix](https://github.com/catppuccin/tilix)\n- [tty](https://github.com/catppuccin/tty)\n- [tym](https://github.com/catppuccin/tym)\n- [Urxvt](https://github.com/catppuccin/urxvt)\n- [Warp](https://github.com/catppuccin/warp)\n- [WezTerm](https://github.com/catppuccin/wezterm)\n- [Windows Terminal](https://github.com/catppuccin/windows-terminal)\n- [Xfce4 Terminal](https://github.com/catppuccin/xfce4-terminal)\n- [Yakuake](https://github.com/catppuccin/yakuake)\n- [Zutty](https://github.com/catppuccin/zutty)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🔧 System\u003c/summary\u003e\n\n- [Base16](https://github.com/catppuccin/base16)\n- [Conky](https://github.com/catppuccin/conky)\n- [Cursors](https://github.com/catppuccin/cursors)\n- [fcitx5](https://github.com/catppuccin/fcitx5)\n- [FlorisBoard](https://github.com/catppuccin/florisboard)\n- [Hyprlock](https://github.com/catppuccin/hyprlock)\n- [Kvaesitso](https://github.com/catppuccin/kvaesitso)\n- [Kvantum](https://github.com/catppuccin/Kvantum)\n- [Nilesoft Shell](https://github.com/catppuccin/nilesoft-shell)\n- [Nix](https://github.com/catppuccin/nix)\n- [Papirus Folders](https://github.com/catppuccin/papirus-folders)\n- [Polybar](https://github.com/catppuccin/polybar)\n- [qt5ct](https://github.com/catppuccin/qt5ct)\n- [Rboard](https://github.com/catppuccin/rboard)\n- [SDDM](https://github.com/catppuccin/sddm)\n- [SerenityOS](https://github.com/catppuccin/serenity-os)\n- [swaylock](https://github.com/catppuccin/swaylock)\n- [waybar](https://github.com/catppuccin/waybar)\n- [Where is my SDDM theme?](https://github.com/catppuccin/where-is-my-sddm-theme)\n- [Windows 9x](https://github.com/catppuccin/windows9x)\n- [wleave](https://github.com/catppuccin/wlogout)\n- [wlogout](https://github.com/catppuccin/wlogout)\n- [Xresources](https://github.com/catppuccin/xresources)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e👢 Boot Loaders\u003c/summary\u003e\n\n- [GRUB](https://github.com/catppuccin/grub)\n- [Limine](https://github.com/catppuccin/limine)\n- [Plymouth](https://github.com/catppuccin/plymouth)\n- [rEFInd](https://github.com/catppuccin/refind)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e😈 Notification Daemons\u003c/summary\u003e\n\n- [Dunst](https://github.com/catppuccin/dunst)\n- [Fnott](https://github.com/catppuccin/fnott)\n- [mako](https://github.com/catppuccin/mako)\n- [swaync](https://github.com/catppuccin/swaync)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🖥️ Desktop Environments\u003c/summary\u003e\n\n- [COSMIC Desktop](https://github.com/catppuccin/cosmic-desktop)\n- [KDE](https://github.com/catppuccin/kde)\n- [LXQt](https://github.com/catppuccin/lxqt)\n- [Regolith](https://github.com/catppuccin/regolith)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🪟 Window Managers\u003c/summary\u003e\n\n- [GlazeWM](https://github.com/catppuccin/glazewm)\n- [Hyprland](https://github.com/catppuccin/hyprland)\n- [i3/sway](https://github.com/catppuccin/i3)\n- [Openbox](https://github.com/catppuccin/openbox)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🗂️ File Managers\u003c/summary\u003e\n\n- [File Pilot](https://github.com/catppuccin/file-pilot)\n- [Forklift 4](https://github.com/catppuccin/forklift-4)\n- [Midnight Commander](https://github.com/catppuccin/mc)\n- [MiXplorer](https://github.com/catppuccin/mixplorer)\n- [openmediavault](https://github.com/catppuccin/userstyles/tree/main/styles/openmediavault)\n- [Superfile](https://github.com/catppuccin/superfile)\n- [Syncthing](https://github.com/catppuccin/userstyles/tree/main/styles/syncthing)\n- [Windows Files](https://github.com/catppuccin/windows-files)\n- [Yazi](https://github.com/catppuccin/yazi)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🗃️ Application Launchers\u003c/summary\u003e\n\n- [Alfred](https://github.com/catppuccin/alfred)\n- [bemenu](https://github.com/catppuccin/bemenu)\n- [dmenu](https://github.com/catppuccin/dmenu)\n- [Flow Launcher](https://github.com/catppuccin/flow-launcher)\n- [fr33zmenu](https://github.com/catppuccin/fr33zmenu)\n- [Fuzzel](https://github.com/catppuccin/fuzzel)\n- [Plank](https://github.com/catppuccin/plank)\n- [Raycast](https://github.com/catppuccin/raycast)\n- [Rofi](https://github.com/catppuccin/rofi)\n- [Tofi](https://github.com/catppuccin/tofi)\n- [Ueli](https://github.com/catppuccin/ueli)\n- [Ulauncher](https://github.com/catppuccin/ulauncher)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🏄 Browsers\u003c/summary\u003e\n\n- [Firefox](https://github.com/catppuccin/firefox)\n- [Google Chrome](https://github.com/catppuccin/chrome)\n- [Opera GX](https://github.com/catppuccin/opera-gx)\n- [qutebrowser](https://github.com/catppuccin/qutebrowser)\n- [Vivaldi](https://github.com/catppuccin/vivaldi)\n- [Zen Browser](https://github.com/catppuccin/zen-browser)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🧩 Browser Extensions\u003c/summary\u003e\n\n- [Dark Reader](https://github.com/catppuccin/dark-reader)\n- [Indie Wiki Buddy](https://github.com/catppuccin/userstyles/tree/main/styles/indie-wiki-buddy)\n- [nightTab](https://github.com/catppuccin/nighttab)\n- [Noir](https://github.com/catppuccin/noir)\n- [Shinigami Eyes](https://github.com/catppuccin/userstyles/tree/main/styles/shinigami-eyes)\n- [Stylus](https://github.com/catppuccin/userstyles/tree/main/styles/stylus)\n- [Tumblr](https://github.com/catppuccin/tumblr)\n- [Vimium](https://github.com/catppuccin/vimium)\n- [Web File Explorer Icons](https://github.com/catppuccin/web-file-explorer-icons)\n- [Yomitan](https://github.com/catppuccin/yomitan)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🔎 Search Engines\u003c/summary\u003e\n\n- [Brave Search](https://github.com/catppuccin/userstyles/tree/main/styles/brave-search)\n- [DuckDuckGo](https://github.com/catppuccin/userstyles/tree/main/styles/duckduckgo)\n- [Ecosia](https://github.com/catppuccin/userstyles/tree/main/styles/ecosia)\n- [Google](https://github.com/catppuccin/userstyles/tree/main/styles/google)\n- [Mullvad Leta](https://github.com/catppuccin/userstyles/tree/main/styles/mullvad-leta)\n- [NixOS Search](https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search)\n- [SearXNG](https://github.com/catppuccin/userstyles/tree/main/styles/searxng)\n- [Startpage](https://github.com/catppuccin/userstyles/tree/main/styles/startpage)\n- [Whoogle](https://github.com/catppuccin/whoogle)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e📦 Package Registries\u003c/summary\u003e\n\n- [crates.io](https://github.com/catppuccin/userstyles/tree/main/styles/crates.io)\n- [Hackage](https://github.com/catppuccin/userstyles/tree/main/styles/hackage)\n- [npm](https://github.com/catppuccin/userstyles/tree/main/styles/npm)\n- [PyPI](https://github.com/catppuccin/userstyles/tree/main/styles/pypi)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🗺️ Translation Tools\u003c/summary\u003e\n\n- [Crowdin](https://github.com/catppuccin/userstyles/tree/main/styles/crowdin)\n- [DeepL](https://github.com/catppuccin/userstyles/tree/main/styles/deepl)\n- [ichi.moe](https://github.com/catppuccin/userstyles/tree/main/styles/ichi.moe)\n- [Jisho](https://github.com/catppuccin/userstyles/tree/main/styles/jisho)\n- [Lingva](https://github.com/catppuccin/userstyles/tree/main/styles/lingva)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🧠 Wikis\u003c/summary\u003e\n\n- [Arch Wiki](https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki)\n- [NixOS Wiki](https://github.com/catppuccin/userstyles/tree/main/styles/wiki.nixos.org)\n- [Wikipedia](https://github.com/catppuccin/userstyles/tree/main/styles/wikipedia)\n- [Wikiwand](https://github.com/catppuccin/userstyles/tree/main/styles/wikiwand)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e📸 Photo \u0026 Video\u003c/summary\u003e\n\n- [Canva](https://github.com/catppuccin/canva)\n- [Google Photos](https://github.com/catppuccin/userstyles/tree/main/styles/google-photos)\n- [imv](https://github.com/catppuccin/imv)\n- [mpv](https://github.com/catppuccin/mpv)\n- [Pinterest](https://github.com/catppuccin/userstyles/tree/main/styles/pinterest)\n- [ShareX](https://github.com/catppuccin/sharex)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🎵 Music\u003c/summary\u003e\n\n- [Cava](https://github.com/catppuccin/cava)\n- [Cider](https://github.com/catppuccin/cider)\n- [Dopamine](https://github.com/catppuccin/dopamine)\n- [Hyperpipe](https://github.com/catppuccin/userstyles/tree/main/styles/hyperpipe)\n- [Last.fm](https://github.com/catppuccin/userstyles/tree/main/styles/lastfm)\n- [ListenBrainz](https://github.com/catppuccin/userstyles/tree/main/styles/listenbrainz)\n- [MusicBee](https://github.com/catppuccin/musicbee)\n- [ncspot](https://github.com/catppuccin/ncspot)\n- [PyRadio](https://github.com/catppuccin/pyradio)\n- [Spicetify](https://github.com/catppuccin/spicetify)\n- [Spotify TUI](https://github.com/catppuccin/spotify-tui)\n- [Spotify Web](https://github.com/catppuccin/userstyles/tree/main/styles/spotify-web)\n- [spotify-player](https://github.com/catppuccin/spotify-player)\n- [Symfonium](https://github.com/catppuccin/symfonium)\n- [YouTube Music](https://github.com/catppuccin/youtubemusic)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e📖 Productivity\u003c/summary\u003e\n\n- [AlternativeTo](https://github.com/catppuccin/userstyles/tree/main/styles/alternativeto)\n- [Apple Keynote Slides](https://github.com/catppuccin/keynote-slides)\n- [Aseprite](https://github.com/catppuccin/aseprite)\n- [Bento](https://github.com/catppuccin/bento)\n- [cobalt](https://github.com/catppuccin/userstyles/tree/main/styles/cobalt)\n- [DioHub](https://github.com/catppuccin/diohub)\n- [FreshRSS](https://github.com/catppuccin/freshrss)\n- [gh-dash](https://github.com/catppuccin/gh-dash)\n- [Gitea](https://github.com/catppuccin/gitea)\n- [GitKraken](https://github.com/catppuccin/gitkraken)\n- [Google Drive](https://github.com/catppuccin/userstyles/tree/main/styles/google-drive)\n- [Have I Been Pwned](https://github.com/catppuccin/userstyles/tree/main/styles/have-i-been-pwned)\n- [Home Assistant](https://github.com/catppuccin/home-assistant)\n- [homepage](https://github.com/catppuccin/userstyles/tree/main/styles/homepage)\n- [inoreader](https://github.com/catppuccin/userstyles/tree/main/styles/inoreader)\n- [keybr.com](https://github.com/catppuccin/keybr)\n- [keybr.com](https://github.com/catppuccin/userstyles/tree/main/styles/keybr.com)\n- [Linear](https://github.com/catppuccin/linear)\n- [Microsoft PowerPoint Slides](https://github.com/catppuccin/powerpoint-slides)\n- [Microsoft Word](https://github.com/catppuccin/userstyles/tree/main/styles/microsoft-word)\n- [Miniflux](https://github.com/catppuccin/miniflux)\n- [OBS Studio](https://github.com/catppuccin/obs)\n- [Pomotroid](https://github.com/catppuccin/pomotroid)\n- [Porkbun](https://github.com/catppuccin/userstyles/tree/main/styles/porkbun)\n- [Proton](https://github.com/catppuccin/userstyles/tree/main/styles/proton)\n- [qBittorrent](https://github.com/catppuccin/qbittorrent)\n- [Raindrop](https://github.com/catppuccin/userstyles/tree/main/styles/raindrop)\n- [Rentry.co](https://github.com/catppuccin/userstyles/tree/main/styles/rentry.co)\n- [Scrivener](https://github.com/catppuccin/scrivener)\n- [SpeedCrunch](https://github.com/catppuccin/speedcrunch)\n- [Squirrel (Rime for macOS)](https://github.com/catppuccin/squirrel)\n- [tldraw](https://github.com/catppuccin/userstyles/tree/main/styles/tldraw)\n- [Vikunja](https://github.com/catppuccin/userstyles/tree/main/styles/vikunja)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e💌 Email Clients\u003c/summary\u003e\n\n- [aerc](https://github.com/catppuccin/aerc)\n- [Gmail](https://github.com/catppuccin/userstyles/tree/main/styles/gmail)\n- [Mailspring](https://github.com/catppuccin/mailspring)\n- [Migadu Webmail](https://github.com/catppuccin/userstyles/tree/main/styles/migadu-webmail)\n- [NeoMutt](https://github.com/catppuccin/neomutt)\n- [Thunderbird](https://github.com/catppuccin/thunderbird)\n- [Tuta](https://github.com/catppuccin/userstyles/tree/main/styles/tuta)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🕹️ Game Development\u003c/summary\u003e\n\n- [Godot](https://github.com/catppuccin/godot)\n- [NameMC](https://github.com/catppuccin/userstyles/tree/main/styles/namemc)\n- [Unreal Engine](https://github.com/catppuccin/unreal-engine)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🖼️ 3D Modelling\u003c/summary\u003e\n\n- [Blockbench](https://github.com/catppuccin/blockbench)\n- [SolveSpace](https://github.com/catppuccin/solvespace)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e📝 Note Taking\u003c/summary\u003e\n\n- [Amplenote](https://github.com/catppuccin/userstyles/tree/main/styles/amplenote)\n- [ghostwriter](https://github.com/catppuccin/ghostwriter)\n- [Joplin](https://github.com/catppuccin/joplin)\n- [Logseq](https://github.com/catppuccin/logseq)\n- [Obsidian](https://github.com/catppuccin/obsidian)\n- [RemNote](https://github.com/catppuccin/remnote)\n- [The Archive](https://github.com/catppuccin/the-archive)\n- [Trilium Notes](https://github.com/catppuccin/trilium-notes)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🎓 Education\u003c/summary\u003e\n\n- [Anki](https://github.com/catppuccin/anki)\n- [Canvas LMS](https://github.com/catppuccin/userstyles/tree/main/styles/canvas-lms)\n- [Formative](https://github.com/catppuccin/userstyles/tree/main/styles/formative)\n- [Quizlet](https://github.com/catppuccin/userstyles/tree/main/styles/quizlet)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e📰 News \u0026 Journalism\u003c/summary\u003e\n\n- [Substack](https://github.com/catppuccin/userstyles/tree/main/styles/substack)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e📃 Document Viewers\u003c/summary\u003e\n\n- [calibre](https://github.com/catppuccin/calibre)\n- [Foliate](https://github.com/catppuccin/foliate)\n- [Libre Office](https://github.com/catppuccin/libreoffice)\n- [sent](https://github.com/catppuccin/sent)\n- [Sioyek](https://github.com/catppuccin/sioyek)\n- [SumatraPDF](https://github.com/catppuccin/sumatra-pdf)\n- [Zathura](https://github.com/catppuccin/zathura)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e✨ Social Networking\u003c/summary\u003e\n\n- [Aliucord](https://github.com/catppuccin/aliucord)\n- [Bluesky Social](https://github.com/catppuccin/userstyles/tree/main/styles/bsky)\n- [Bunny](https://github.com/catppuccin/vendetta)\n- [Chatterino 2](https://github.com/catppuccin/chatterino2)\n- [Cinny](https://github.com/catppuccin/userstyles/tree/main/styles/cinny)\n- [Discord](https://github.com/catppuccin/discord)\n- [Element](https://github.com/catppuccin/element)\n- [Elk](https://github.com/catppuccin/userstyles/tree/main/styles/elk)\n- [Enmity](https://github.com/catppuccin/vendetta)\n- [Halloy](https://github.com/catppuccin/halloy)\n- [HexChat](https://github.com/catppuccin/hexchat)\n- [Instagram](https://github.com/catppuccin/userstyles/tree/main/styles/instagram)\n- [LinkedIn](https://github.com/catppuccin/userstyles/tree/main/styles/linkedin)\n- [Mastodon](https://github.com/catppuccin/userstyles/tree/main/styles/mastodon)\n- [Mattermost](https://github.com/catppuccin/mattermost)\n- [mIRC](https://github.com/catppuccin/mirc)\n- [Misskey](https://github.com/catppuccin/misskey)\n- [Nitter](https://github.com/catppuccin/userstyles/tree/main/styles/nitter)\n- [Phanpy](https://github.com/catppuccin/userstyles/tree/main/styles/phanpy)\n- [pronouns.cc](https://github.com/catppuccin/userstyles/tree/main/styles/pronouns.cc)\n- [Pronouns.page](https://github.com/catppuccin/userstyles/tree/main/styles/pronouns.page)\n- [Revenge](https://github.com/catppuccin/vendetta)\n- [Revolt](https://github.com/catppuccin/revolt)\n- [SimpleX](https://github.com/catppuccin/simplex)\n- [Slack](https://github.com/catppuccin/slack)\n- [Snapchat Web](https://github.com/catppuccin/userstyles/tree/main/styles/snapchat-web)\n- [status.cafe](https://github.com/catppuccin/userstyles/tree/main/styles/status.cafe)\n- [Telegram](https://github.com/catppuccin/telegram)\n- [The Lounge](https://github.com/catppuccin/thelounge)\n- [Twitter](https://github.com/catppuccin/userstyles/tree/main/styles/twitter)\n- [Vendetta](https://github.com/catppuccin/vendetta)\n- [WhatsApp Web](https://github.com/catppuccin/userstyles/tree/main/styles/whatsapp-web)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🗣️ Discussion Forums\u003c/summary\u003e\n\n- [Giscus](https://github.com/catppuccin/giscus)\n- [Hacker News](https://github.com/catppuccin/userstyles/tree/main/styles/hacker-news)\n- [Infinity For Reddit](https://github.com/catppuccin/infinity)\n- [Lemmy](https://github.com/catppuccin/userstyles/tree/main/styles/lemmy)\n- [Libreddit](https://github.com/catppuccin/userstyles/tree/main/styles/libreddit)\n- [Lobsters](https://github.com/catppuccin/userstyles/tree/main/styles/lobste.rs)\n- [Reddit](https://github.com/catppuccin/userstyles/tree/main/styles/reddit)\n- [Redlib](https://github.com/catppuccin/userstyles/tree/main/styles/libreddit)\n- [Stack Overflow](https://github.com/catppuccin/userstyles/tree/main/styles/stack-overflow)\n- [TabNews](https://github.com/catppuccin/userstyles/tree/main/styles/tabnews)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🌈 Entertainment\u003c/summary\u003e\n\n- [7TV](https://github.com/catppuccin/userstyles/tree/main/styles/seventv)\n- [Amfora](https://github.com/catppuccin/amfora)\n- [AniChart](https://github.com/catppuccin/userstyles/tree/main/styles/anilist)\n- [AniList](https://github.com/catppuccin/userstyles/tree/main/styles/anilist)\n- [ChatReplay](https://github.com/catppuccin/userstyles/tree/main/styles/chatreplay)\n- [Holodex](https://github.com/catppuccin/userstyles/tree/main/styles/holodex)\n- [Invidious](https://github.com/catppuccin/userstyles/tree/main/styles/invidious)\n- [Jellyfin](https://github.com/catppuccin/jellyfin)\n- [Monkeytype](https://github.com/catppuccin/monkeytype)\n- [Picrew](https://github.com/catppuccin/userstyles/tree/main/styles/picrew)\n- [theme.park](https://github.com/catppuccin/theme.park)\n- [Twitch](https://github.com/catppuccin/userstyles/tree/main/styles/twitch)\n- [YouTube](https://github.com/catppuccin/userstyles/tree/main/styles/youtube)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🎮 Games\u003c/summary\u003e\n\n- [Advent Of Code](https://github.com/catppuccin/userstyles/tree/main/styles/advent-of-code)\n- [Bitburner](https://github.com/catppuccin/bitburner)\n- [Chess.com](https://github.com/catppuccin/userstyles/tree/main/styles/chess.com)\n- [Dwarf Fortress](https://github.com/catppuccin/dwarf-fortress)\n- [Heroic](https://github.com/catppuccin/heroic)\n- [Lichess](https://github.com/catppuccin/userstyles/tree/main/styles/lichess)\n- [Minecraft](https://github.com/catppuccin/minecraft)\n- [Minesweeper Online](https://github.com/catppuccin/userstyles/tree/main/styles/minesweeper)\n- [ModOrganizer 2](https://github.com/catppuccin/mod-organizer-2)\n- [Modrinth](https://github.com/catppuccin/userstyles/tree/main/styles/modrinth)\n- [Moon Animator 2](https://github.com/catppuccin/moon-animator-2)\n- [Planet Minecraft](https://github.com/catppuccin/userstyles/tree/main/styles/planet-minecraft)\n- [Prism Launcher](https://github.com/catppuccin/prismlauncher)\n- [Steam Deck](https://github.com/catppuccin/steam-deck)\n- [ULTRAKILL](https://github.com/catppuccin/ultrakill)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e📊 Analytics\u003c/summary\u003e\n\n- [bStats](https://github.com/catppuccin/userstyles/tree/main/styles/bstats)\n- [GitHub Readme Stats](https://github.com/catppuccin/github-readme-stats)\n- [GitHub Readme Streak Stats](https://github.com/catppuccin/github-readme-streak-stats)\n- [GitHub Readme Tech Stack](https://github.com/catppuccin/github-readme-tech-stack)\n- [MangoHud](https://github.com/catppuccin/mangohud)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🤖 Artificial Intelligence\u003c/summary\u003e\n\n- [ChatGPT](https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt)\n- [Claude](https://github.com/catppuccin/userstyles/tree/main/styles/claude)\n- [Google Gemini](https://github.com/catppuccin/userstyles/tree/main/styles/google-gemini)\n- [InvokeAI](https://github.com/catppuccin/userstyles/tree/main/styles/invokeai)\n- [Ollama](https://github.com/catppuccin/userstyles/tree/main/styles/ollama)\n- [Perplexity](https://github.com/catppuccin/userstyles/tree/main/styles/perplexity)\n- [Stable Diffusion WebUI](https://github.com/catppuccin/stable-diffusion-web-ui)\n\n\u003c/details\u003e\n\u003cdetails open\u003e\n\u003csummary\u003e🏃 Health \u0026 Fitness\u003c/summary\u003e\n\n- [Fitbit](https://github.com/catppuccin/fitbit)\n\n\u003c/details\u003e\n\u003c!-- AUTOGEN:PORTLIST END --\u003e\n\n\u0026nbsp;\n\n### 🌟 Showcase\n\n\u003e [!NOTE]\u003cbr\u003e\n\u003e Catppuccin staff reserve the right to remove and reject showcase additions if we determine the addition to be in\n\u003e violation of our [CODE OF CONDUCT](https://github.com/catppuccin/.github/blob/main/CODE_OF_CONDUCT.md). Extremely\n\u003e personal configurations and websites will **not** be added.\n\nIf you're making an application or tool using our palette, please let us know by adding it below!\n\n\u003c!-- AUTOGEN:SHOWCASE START --\u003e\n\u003c!-- the following section is auto-generated, do not edit --\u003e\n- [flotes.app](https://flotes.app/) - A free note-taking app enhanced with flashcard features.\n- [AnuPpuccin](https://github.com/AnubisNekhet/AnuPpuccin) - Highly customizable theme for [Obsidian](https://obsidian.md).\n- [faerber](https://farbenfroh.io/faerber) - Website for applying custom color schemes to any wallpaper.\n- [Simple MP](https://github.com/lighttigerXIV/SimpleMP-Compose) - A simple music player based on Material You design.\n- [Comfy](https://github.com/Comfy-Themes/Spicetify) - A theme for [Spicetify](https://github.com/spicetify/spicetify-cli) with a basic catppuccin color scheme!\n- [Catppuccin Noctis](https://marketplace.visualstudio.com/items?itemName=AlexDauenhauer.catppuccin-noctis) - An alternative to the official VSCode theme, with [Noctis](https://marketplace.visualstudio.com/items?itemName=liviuschera.noctis) syntax highlighting.\n- [Catppuccin Noctis Icons](https://marketplace.visualstudio.com/items?itemName=AlexDauenhauer.catppuccin-noctis-icons) - A companion icons theme for Catppuccin Noctis color theme. Forked from [Symbols Icon Theme](https://github.com/miguelsolorio/vscode-symbols).\n- [Mind Elixir](https://github.com/ssshooter/mind-elixir-core) - A framework agnostic JavaScript mind map core.\n- [Career Vault](https://careervault.io) - A remote job board that shows hundreds of new opportunities every day.\n- [Loungy](https://loungy.app) - An open-source application launcher in the vein of Raycast and Alfred.\n- [Reciper](https://github.com/judemont/reciper) - A simple, open-source recipe management app.\n- [Catbbrew](https://catbbrew.com/) - Easily create your own Catppuccin flavors.\n- [Tomatillo Timer](https://timer.flotes.app/?theme=mocha) - A modern pomodoro timer that syncs to your music\n- [Catppuccin Startpage](https://github.com/pivoshenko/catppuccin-startpage) - Aesthetic and clean startpage in Catppuccin style, hosted on GitHub Pages\n- [ccrs](https://github.com/336conaN/ccrs) - A simple yet highly configurable set of widgets for Rainmeter.\n\u003c!-- AUTOGEN:SHOWCASE END --\u003e\n\n\u0026nbsp;\n\n### 📜 License\n\nCatppuccin is released under the MIT license, which grants the following permissions:\n\n- Commercial use\n- Distribution\n- Modification\n- Private use\n\nFor more convoluted language, see the [LICENSE](https://github.com/catppuccin/catppuccin/blob/main/LICENSE).\n\n\u0026nbsp;\n\n### ❤️ Gratitude\n\nThanks to the following tools developing this project is possible:\n\n- [coolors.co](https://coolors.co/): A tool for creating and collecting color palettes.\n- [InkScape](https://inkscape.org/): Free and open-source vector graphics editor.\n- [colors_converter.asp](https://www.w3schools.com/colors/colors_converter.asp): Color format converter.\n- [mdigi.tools](https://mdigi.tools/): Web based digital tools.\n\n\u0026nbsp;\n\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\tCopyright \u0026copy; 2021-present \u003ca href=\"https://github.com/catppuccin\" target=\"_blank\"\u003eCatppuccin Org\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\t\u003ca href=\"https://github.com/catppuccin/catppuccin/blob/main/LICENSE\"\u003e\u003cimg src=\"https://img.shields.io/static/v1.svg?style=for-the-badge\u0026label=License\u0026message=MIT\u0026logoColor=d9e0ee\u0026colorA=363a4f\u0026colorB=b7bdf8\"/\u003e\u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatppuccin%2Fcatppuccin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcatppuccin%2Fcatppuccin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatppuccin%2Fcatppuccin/lists"}