diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index 269f4eb133..df1c527824 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -1,5 +1,6 @@ # THIS FILE IS AUTOGENERATED. DO NOT EDIT IT BY HAND. /styles/advent-of-code @rubyowo +/styles/amplenote @stellophiliac /styles/anilist @AnubisNekhet /styles/boringproxy @Gandalf-the-Blue /styles/brave-search @ndsboy @@ -7,7 +8,6 @@ /styles/bstats @rockquiet /styles/chatgpt @uncenter /styles/chatreplay @AnubisNekhet -/styles/chess.com @coldenate /styles/cinny @jn-sena /styles/codeberg @isabelroses /styles/cobalt @kerichdev @@ -21,6 +21,7 @@ /styles/freedesktop @NK308 /styles/formative @r58Playz /styles/github @uncenter +/styles/gmail @uncenter /styles/go.dev @Flapperoo /styles/google @GitMuslim /styles/google-drive @r58Playz @@ -44,6 +45,7 @@ /styles/lichess @coopw1 /styles/lingva @rubyowo /styles/linkedin @isabelroses +/styles/listenbrainz @00dani /styles/mdbook @uncenter /styles/mdn @soya-daizu /styles/modrinth @thismoon @@ -59,10 +61,12 @@ /styles/phanpy @Guaxinim5573 /styles/picrew @Nyatalieeee /styles/planet-minecraft @Nyameliaaaa +/styles/porkbun @uncenter /styles/pronouns.page @uncenter /styles/proton @soya-daizu /styles/pypi @trinkey /styles/quizlet @spaghettiosareyummy +/styles/raindrop @thismoon /styles/searxng @Sekki21956 @ryanccn /styles/shinigami-eyes @jh-devv /styles/snapchat-web @itzTheMeow @@ -78,6 +82,8 @@ /styles/twitch @GitMuslim @uncenter /styles/twitter @watatomo /styles/vercel @ryanccn @Dandraghas +/styles/vikunja @Guaxinim5573 +/styles/web.dev @uncenter /styles/whatsapp-web @FrancoRav /styles/wikipedia @GitMuslim /styles/wikiwand @Tnixc diff --git a/.github/ISSUE_TEMPLATE/userstyle.yml b/.github/ISSUE_TEMPLATE/userstyle.yml index 1a32de9f66..5e17d07510 100644 --- a/.github/ISSUE_TEMPLATE/userstyle.yml +++ b/.github/ISSUE_TEMPLATE/userstyle.yml @@ -16,7 +16,7 @@ body: label: What userstyles are you seeing the problem on? description: "Don't worry about the `lbl:` prefix, it allows issues to be automatically labeled!" multiple: true - options: ["lbl:advent-of-code", "lbl:anilist", "lbl:arch-wiki", "lbl:boringproxy", "lbl:brave-search", "lbl:bsky", "lbl:bstats", "lbl:canvas-lms", "lbl:chatgpt", "lbl:chatreplay", "lbl:chess.com", "lbl:cinny", "lbl:codeberg", "lbl:cobalt", "lbl:crates.io", "lbl:crowdin", "lbl:deepl", "lbl:docs.rs", "lbl:duckduckgo", "lbl:ecosia", "lbl:elk", "lbl:freedesktop", "lbl:formative", "lbl:github", "lbl:gmail", "lbl:go.dev", "lbl:google", "lbl:google-drive", "lbl:google-photos", "lbl:graphite", "lbl:google-gemini", "lbl:hackage", "lbl:hacker-news", "lbl:holodex", "lbl:home-manager-options-search", "lbl:homepage", "lbl:hoppscotch", "lbl:hyperpipe", "lbl:ichi.moe", "lbl:inoreader", "lbl:instagram", "lbl:invidious", "lbl:invokeai", "lbl:keyoxide", "lbl:lastfm", "lbl:lemmy", "lbl:libreddit", "lbl:lichess", "lbl:lingva", "lbl:linkedin", "lbl:mastodon", "lbl:mdbook", "lbl:mdn", "lbl:modrinth", "lbl:microsoft-word", "lbl:migadu-webmail", "lbl:minesweeper", "lbl:nitter", "lbl:nixos-search", "lbl:nixos.wiki", "lbl:npm", "lbl:openmediavault", "lbl:paste.rs", "lbl:perplexity", "lbl:phanpy", "lbl:picrew", "lbl:pinterest", "lbl:planet-minecraft", "lbl:pronouns.page", "lbl:proton", "lbl:pypi", "lbl:quizlet", "lbl:reddit", "lbl:searxng", "lbl:shinigami-eyes", "lbl:snapchat-web", "lbl:spotify-web", "lbl:stack-overflow", "lbl:startpage", "lbl:skiff", "lbl:stylus", "lbl:substack", "lbl:syncthing", "lbl:tabnews", "lbl:tldraw", "lbl:trinket", "lbl:tuta", "lbl:twitch", "lbl:twitter", "lbl:vercel", "lbl:whatsapp-web", "lbl:wikipedia", "lbl:wikiwand", "lbl:youtube"] + options: ["lbl:advent-of-code", "lbl:amplenote", "lbl:anilist", "lbl:arch-wiki", "lbl:boringproxy", "lbl:brave-search", "lbl:bsky", "lbl:bstats", "lbl:canvas-lms", "lbl:chatgpt", "lbl:chatreplay", "lbl:chess.com", "lbl:cinny", "lbl:codeberg", "lbl:cobalt", "lbl:crates.io", "lbl:crowdin", "lbl:deepl", "lbl:docs.rs", "lbl:duckduckgo", "lbl:ecosia", "lbl:elk", "lbl:freedesktop", "lbl:formative", "lbl:github", "lbl:gmail", "lbl:go.dev", "lbl:google", "lbl:google-drive", "lbl:google-photos", "lbl:graphite", "lbl:google-gemini", "lbl:hackage", "lbl:hacker-news", "lbl:holodex", "lbl:home-manager-options-search", "lbl:homepage", "lbl:hoppscotch", "lbl:hyperpipe", "lbl:ichi.moe", "lbl:inoreader", "lbl:instagram", "lbl:invidious", "lbl:invokeai", "lbl:keyoxide", "lbl:lastfm", "lbl:lemmy", "lbl:libreddit", "lbl:lichess", "lbl:lingva", "lbl:linkedin", "lbl:listenbrainz", "lbl:mastodon", "lbl:mdbook", "lbl:mdn", "lbl:modrinth", "lbl:microsoft-word", "lbl:migadu-webmail", "lbl:minesweeper", "lbl:nitter", "lbl:nixos-search", "lbl:nixos.wiki", "lbl:npm", "lbl:openmediavault", "lbl:paste.rs", "lbl:perplexity", "lbl:phanpy", "lbl:picrew", "lbl:pinterest", "lbl:planet-minecraft", "lbl:porkbun", "lbl:pronouns.page", "lbl:proton", "lbl:pypi", "lbl:quizlet", "lbl:raindrop", "lbl:reddit", "lbl:searxng", "lbl:shinigami-eyes", "lbl:snapchat-web", "lbl:spotify-web", "lbl:stack-overflow", "lbl:startpage", "lbl:skiff", "lbl:stylus", "lbl:substack", "lbl:syncthing", "lbl:tabnews", "lbl:tldraw", "lbl:trinket", "lbl:tuta", "lbl:twitch", "lbl:twitter", "lbl:vercel", "lbl:vikunja", "lbl:web.dev", "lbl:whatsapp-web", "lbl:wikipedia", "lbl:wikiwand", "lbl:youtube"] validations: required: true - type: textarea diff --git a/.github/PULL_REQUEST_TEMPLATE/userstyle-creation.md b/.github/PULL_REQUEST_TEMPLATE/userstyle-creation.md index 12d21dcb84..8152ce63c6 100644 --- a/.github/PULL_REQUEST_TEMPLATE/userstyle-creation.md +++ b/.github/PULL_REQUEST_TEMPLATE/userstyle-creation.md @@ -29,4 +29,4 @@ Feel free to leave this section empty if you don't have anything more to say. - `catppuccin.user.css` - all the CSS for the userstyle, based on the template. - `preview.webp` - composite image of all four individual flavor screenshots stitched together, - generated via [Catwalk](https://github.com/catppuccin/toolbox/tree/main/catwalk#readme). + generated via [Catwalk](https://github.com/catppuccin/catwalk). diff --git a/.github/issue-labeler.yml b/.github/issue-labeler.yml index aece3512bc..eb90a4ba13 100644 --- a/.github/issue-labeler.yml +++ b/.github/issue-labeler.yml @@ -1,6 +1,8 @@ # THIS FILE IS AUTOGENERATED. DO NOT EDIT IT BY HAND. advent-of-code: - '/lbl:advent-of-code(,.*)?$/gm' +amplenote: + - '/lbl:amplenote(,.*)?$/gm' anilist: - '/lbl:anilist(,.*)?$/gm' arch-wiki: @@ -99,6 +101,8 @@ lingva: - '/lbl:lingva(,.*)?$/gm' linkedin: - '/lbl:linkedin(,.*)?$/gm' +listenbrainz: + - '/lbl:listenbrainz(,.*)?$/gm' mastodon: - '/lbl:mastodon(,.*)?$/gm' mdbook: @@ -135,6 +139,8 @@ pinterest: - '/lbl:pinterest(,.*)?$/gm' planet-minecraft: - '/lbl:planet-minecraft(,.*)?$/gm' +porkbun: + - '/lbl:porkbun(,.*)?$/gm' pronouns.page: - '/lbl:pronouns.page(,.*)?$/gm' proton: @@ -143,6 +149,8 @@ pypi: - '/lbl:pypi(,.*)?$/gm' quizlet: - '/lbl:quizlet(,.*)?$/gm' +raindrop: + - '/lbl:raindrop(,.*)?$/gm' reddit: - '/lbl:reddit(,.*)?$/gm' searxng: @@ -179,6 +187,10 @@ twitter: - '/lbl:twitter(,.*)?$/gm' vercel: - '/lbl:vercel(,.*)?$/gm' +vikunja: + - '/lbl:vikunja(,.*)?$/gm' +web.dev: + - '/lbl:web.dev(,.*)?$/gm' whatsapp-web: - '/lbl:whatsapp-web(,.*)?$/gm' wikipedia: diff --git a/.github/labels.yml b/.github/labels.yml index 398a236e37..6aa51edf82 100644 --- a/.github/labels.yml +++ b/.github/labels.yml @@ -2,6 +2,9 @@ - name: advent-of-code description: Advent Of Code color: '#eed49f' +- name: amplenote + description: Amplenote + color: '#8aadf4' - name: anilist description: 'AniList, AniChart' color: '#91d7e3' @@ -149,6 +152,9 @@ - name: linkedin description: LinkedIn color: '#8aadf4' +- name: listenbrainz + description: ListenBrainz + color: '#f5a97f' - name: mastodon description: Mastodon color: '#b7bdf8' @@ -203,6 +209,9 @@ - name: planet-minecraft description: Planet Minecraft color: '#a6da95' +- name: porkbun + description: Porkbun + color: '#f5bde6' - name: pronouns.page description: Pronouns.page color: '#f5bde6' @@ -215,6 +224,9 @@ - name: quizlet description: Quizlet color: '#c6a0f6' +- name: raindrop + description: Raindrop + color: '#8aadf4' - name: reddit description: Reddit color: '#ed8796' @@ -269,6 +281,12 @@ - name: vercel description: 'Vercel, Next.js' color: '#cad3f5' +- name: vikunja + description: Vikunja + color: '#8aadf4' +- name: web.dev + description: web.dev + color: '#8aadf4' - name: whatsapp-web description: WhatsApp Web color: '#a6da95' diff --git a/.github/pr-labeler.yml b/.github/pr-labeler.yml index d3f575149d..3b46a6ea1a 100644 --- a/.github/pr-labeler.yml +++ b/.github/pr-labeler.yml @@ -1,5 +1,6 @@ # THIS FILE IS AUTOGENERATED. DO NOT EDIT IT BY HAND. advent-of-code: styles/advent-of-code/**/* +amplenote: styles/amplenote/**/* anilist: styles/anilist/**/* arch-wiki: styles/arch-wiki/**/* boringproxy: styles/boringproxy/**/* @@ -49,6 +50,7 @@ libreddit: styles/libreddit/**/* lichess: styles/lichess/**/* lingva: styles/lingva/**/* linkedin: styles/linkedin/**/* +listenbrainz: styles/listenbrainz/**/* mastodon: styles/mastodon/**/* mdbook: styles/mdbook/**/* mdn: styles/mdn/**/* @@ -67,10 +69,12 @@ phanpy: styles/phanpy/**/* picrew: styles/picrew/**/* pinterest: styles/pinterest/**/* planet-minecraft: styles/planet-minecraft/**/* +porkbun: styles/porkbun/**/* pronouns.page: styles/pronouns.page/**/* proton: styles/proton/**/* pypi: styles/pypi/**/* quizlet: styles/quizlet/**/* +raindrop: styles/raindrop/**/* reddit: styles/reddit/**/* searxng: styles/searxng/**/* shinigami-eyes: styles/shinigami-eyes/**/* @@ -89,6 +93,8 @@ tuta: styles/tuta/**/* twitch: styles/twitch/**/* twitter: styles/twitter/**/* vercel: styles/vercel/**/* +vikunja: styles/vikunja/**/* +web.dev: styles/web.dev/**/* whatsapp-web: styles/whatsapp-web/**/* wikipedia: styles/wikipedia/**/* wikiwand: styles/wikiwand/**/* diff --git a/.stylelintrc.js b/.stylelintrc.js index e8c8c98dd1..922edf1795 100644 --- a/.stylelintrc.js +++ b/.stylelintrc.js @@ -5,7 +5,7 @@ */ export default { extends: "stylelint-config-standard", - plugins: ["./scripts/lint/stylelint-custom/optimizedSvgs.js"], + plugins: ["./scripts/lint/stylelint-custom/optimized-svgs.js"], customSyntax: "postcss-less", rules: { "catppuccin/optimized-svgs": true, @@ -175,6 +175,7 @@ export default { }, ], "function-name-case": null, + "at-rule-no-vendor-prefix": null, "no-descending-specificity": null, }, diff --git a/README.md b/README.md index 2a3c4310f4..e42451bc90 100644 --- a/README.md +++ b/README.md @@ -48,25 +48,28 @@ Install [Stylus](https://github.com/openstyles/stylus) for your browser by click > [!TIP] > If you use Chrome, make sure to enable "Allow access to file URLs" in the Stylus extension settings. -### All Userstyles +### All Userstyles (recommended) See instructions on the [GitHub release page](https://github.com/catppuccin/userstyles/releases/tag/all-userstyles-export). ### Individual Userstyles -1. Enable CSP Patching from `Stylus Settings` > `Advanced`. -2. Install the theme: - - `https://github.com/catppuccin/userstyles/raw/main/styles//catppuccin.user.css` - - Replacing `` with the name of the userstyle. +1. Enable CSP Patching from Stylus's **Settings** > **Advanced**. +2. Install userstyles by clicking the **Stylus Install** badge in each README. 3. Enjoy! -> [!TIP] -> For decentralized or self-hosted applications, you can apply a theme to one or multiple instances across updates by following the instructions below. -> -> 1. Open the Stylus "Manage" page. -> 2. Click on the userstyle's name in the list. -> 3. Click on **Style settings** in the left panel. -> 4. Enter the URL patterns for your instance(s) in the text box labeled **Custom included sites**. +## Usage + +All usertyles come with three default configuration options; the light flavor, the dark flavor, and the accent color. Some userstyles may offer additional site-specific options as well. + +### Decentralized/self-hosted applications + +For decentralized or self-hosted applications, you can apply a theme to one or multiple instances across updates by following the instructions below. + +1. Open the Stylus "Manage" page. +2. Click on the userstyle's name in the list. +3. Click on **Style settings** in the left panel. +4. Enter the URL patterns for your instance(s) in the text box labeled **Custom included sites**. For example, to apply a userstyle to `example.org`, you would add a line with `https://example.org/*` to the textbox. The trailing asterisk applies it to all pages on the domain - without it, only the root page is themed.   @@ -111,12 +114,14 @@ See [CONTRIBUTING.md](docs/CONTRIBUTING.md). - [Stack Overflow](styles/stack-overflow) - [Trinket](styles/trinket) - [Vercel, Next.js](styles/vercel) +- [web.dev](styles/web.dev)
🧩 Browser Extensions - [Shinigami Eyes](styles/shinigami-eyes) +- [Stylus](styles/stylus)
@@ -162,28 +167,32 @@ See [CONTRIBUTING.md](docs/CONTRIBUTING.md). - [Hyperpipe](styles/hyperpipe) - [Last.fm](styles/lastfm) +- [ListenBrainz](styles/listenbrainz) - [Spotify Web](styles/spotify-web)
📖 Productivity +- [Amplenote](styles/amplenote) - [cobalt](styles/cobalt) - [Google Drive](styles/google-drive) - [homepage](styles/homepage) - [inoreader](styles/inoreader) - [Microsoft Word](styles/microsoft-word) - [openmediavault](styles/openmediavault) +- [Porkbun](styles/porkbun) - [Proton](styles/proton) -- [Stylus](styles/stylus) +- [Raindrop](styles/raindrop) - [Syncthing](styles/syncthing) - [tldraw](styles/tldraw) +- [Vikunja](styles/vikunja)
💌 Email Clients -- 🚧 [Gmail](styles/gmail) +- [Gmail](styles/gmail) - [Migadu Webmail](styles/migadu-webmail) - [Skiff](styles/skiff) - [Tuta](styles/tuta) @@ -242,7 +251,7 @@ See [CONTRIBUTING.md](docs/CONTRIBUTING.md). - [Advent Of Code](styles/advent-of-code) - [bStats](styles/bstats) -- [Chess.com](styles/chess.com) +- 🚧 [Chess.com](styles/chess.com) - [Lichess](styles/lichess) - [Minesweeper Online](styles/minesweeper) - [Modrinth](styles/modrinth) diff --git a/deno.json b/deno.json index 746cff580b..0ee7ed8fd9 100644 --- a/deno.json +++ b/deno.json @@ -1,23 +1,28 @@ { "imports": { "@/": "./scripts/", - "std/": "https://deno.land/std@0.206.0/", - "catppuccin-repo/": "https://raw.githubusercontent.com/catppuccin/catppuccin/d4f2666c2b04337f0a8632713de0889d9a7d332d/", - "@catppuccin/palette": "npm:@catppuccin/palette@1.2.0", "@actions/core": "npm:@actions/core@1.10.1", - "@octokit/rest": "npm:@octokit/rest@20.0.2", - "ajv": "npm:ajv@8.16.0", - "type-fest": "npm:type-fest@4.20.1", + "@catppuccin/palette": "npm:@catppuccin/palette@1.2.0", + "@octokit/rest": "npm:@octokit/rest@21.0.1", + "@std/assert": "jsr:@std/assert@^1.0.2", + "@std/cli": "jsr:@std/cli@^1.0.3", + "@std/fmt": "jsr:@std/fmt@^0.225.6", + "@std/fs": "jsr:@std/fs@^1.0.1", + "@std/path": "jsr:@std/path@^1.0.2", + "@std/yaml": "jsr:@std/yaml@^1.0.2", + "ajv": "npm:ajv@8.17.1", + "catppuccin-repo/": "https://raw.githubusercontent.com/catppuccin/catppuccin/d4f2666c2b04337f0a8632713de0889d9a7d332d/", "handlebars": "npm:handlebars@4.7.8", + "json-schema-to-typescript": "npm:json-schema-to-typescript@15.0.0", "less": "npm:less@4.2.0", - "usercss-meta": "npm:usercss-meta@0.12.0", - "json-schema-to-typescript": "npm:json-schema-to-typescript@14.1.0", "postcss-less": "npm:postcss-less@6.0.0", - "stylelint": "npm:stylelint@16.6.1", - "stylelint-config-standard": "npm:stylelint-config-standard@36.0.1", - "stylelint-config-recommended": "npm:stylelint-config-recommended@14.0.1", "postcss-value-parser": "npm:postcss-value-parser@4.2.0", - "svgo": "npm:svgo@3.3.2" + "stylelint": "npm:stylelint@16.8.1", + "stylelint-config-recommended": "npm:stylelint-config-recommended@14.0.1", + "stylelint-config-standard": "npm:stylelint-config-standard@36.0.1", + "svgo": "npm:svgo@3.3.2", + "type-fest": "npm:type-fest@4.23.0", + "usercss-meta": "npm:usercss-meta@0.12.0" }, "tasks": { "ci:generate": "deno run -A ./scripts/generate/main.ts", diff --git a/deno.lock b/deno.lock index 4404ede3db..886a03485c 100644 --- a/deno.lock +++ b/deno.lock @@ -2,25 +2,66 @@ "version": "3", "packages": { "specifiers": { + "jsr:@std/assert@^0.224.0": "jsr:@std/assert@0.224.0", + "jsr:@std/assert@^1.0.2": "jsr:@std/assert@1.0.2", + "jsr:@std/cli@^1.0.3": "jsr:@std/cli@1.0.3", + "jsr:@std/fmt@^0.225.6": "jsr:@std/fmt@0.225.6", + "jsr:@std/fs@^1.0.1": "jsr:@std/fs@1.0.1", + "jsr:@std/internal@^1.0.1": "jsr:@std/internal@1.0.1", + "jsr:@std/path@^1.0.2": "jsr:@std/path@1.0.2", + "jsr:@std/yaml@^1.0.2": "jsr:@std/yaml@1.0.2", "npm:@actions/core@1.10.1": "npm:@actions/core@1.10.1", "npm:@catppuccin/palette@1.2.0": "npm:@catppuccin/palette@1.2.0", - "npm:@octokit/rest@20.0.2": "npm:@octokit/rest@20.0.2_@octokit+core@5.2.0", + "npm:@octokit/rest@21.0.1": "npm:@octokit/rest@21.0.1_@octokit+core@6.1.2", "npm:@types/less": "npm:@types/less@3.0.6", - "npm:ajv@8.16.0": "npm:ajv@8.16.0", + "npm:@types/node": "npm:@types/node@18.16.19", + "npm:ajv@8.17.1": "npm:ajv@8.17.1", "npm:handlebars@4.7.8": "npm:handlebars@4.7.8", - "npm:json-schema-to-typescript@14.1.0": "npm:json-schema-to-typescript@14.1.0", + "npm:json-schema-to-typescript@15.0.0": "npm:json-schema-to-typescript@15.0.0", "npm:less@4.2.0": "npm:less@4.2.0", - "npm:postcss-less@6.0.0": "npm:postcss-less@6.0.0_postcss@8.4.38", + "npm:postcss-less@6.0.0": "npm:postcss-less@6.0.0_postcss@8.4.39", "npm:postcss-value-parser@4.2.0": "npm:postcss-value-parser@4.2.0", "npm:prettier@3.2.4": "npm:prettier@3.2.4", - "npm:stylelint": "npm:stylelint@16.6.1_@csstools+css-tokenizer@2.3.1_@csstools+css-parser-algorithms@2.6.3__@csstools+css-tokenizer@2.3.1_postcss-selector-parser@6.1.0_postcss@8.4.38", - "npm:stylelint-config-recommended@14.0.1": "npm:stylelint-config-recommended@14.0.1_stylelint@16.6.1__@csstools+css-tokenizer@2.3.1__@csstools+css-parser-algorithms@2.6.3___@csstools+css-tokenizer@2.3.1__postcss-selector-parser@6.1.0__postcss@8.4.38", - "npm:stylelint-config-standard@36.0.1": "npm:stylelint-config-standard@36.0.1_stylelint@16.6.1__@csstools+css-tokenizer@2.3.1__@csstools+css-parser-algorithms@2.6.3___@csstools+css-tokenizer@2.3.1__postcss-selector-parser@6.1.0__postcss@8.4.38", - "npm:stylelint@16.6.1": "npm:stylelint@16.6.1_@csstools+css-tokenizer@2.3.1_@csstools+css-parser-algorithms@2.6.3__@csstools+css-tokenizer@2.3.1_postcss-selector-parser@6.1.0_postcss@8.4.38", + "npm:stylelint": "npm:stylelint@16.8.1_@csstools+css-tokenizer@2.4.1_@csstools+css-parser-algorithms@2.7.1__@csstools+css-tokenizer@2.4.1_postcss-selector-parser@6.1.1_postcss@8.4.40", + "npm:stylelint-config-recommended@14.0.1": "npm:stylelint-config-recommended@14.0.1_stylelint@16.8.1__@csstools+css-tokenizer@2.4.1__@csstools+css-parser-algorithms@2.7.1___@csstools+css-tokenizer@2.4.1__postcss-selector-parser@6.1.1__postcss@8.4.40", + "npm:stylelint-config-standard@36.0.1": "npm:stylelint-config-standard@36.0.1_stylelint@16.8.1__@csstools+css-tokenizer@2.4.1__@csstools+css-parser-algorithms@2.7.1___@csstools+css-tokenizer@2.4.1__postcss-selector-parser@6.1.1__postcss@8.4.40", + "npm:stylelint@16.8.1": "npm:stylelint@16.8.1_@csstools+css-tokenizer@2.4.1_@csstools+css-parser-algorithms@2.7.1__@csstools+css-tokenizer@2.4.1_postcss-selector-parser@6.1.1_postcss@8.4.40", "npm:svgo@3.3.2": "npm:svgo@3.3.2", - "npm:type-fest@4.20.1": "npm:type-fest@4.20.1", + "npm:type-fest@4.23.0": "npm:type-fest@4.23.0", "npm:usercss-meta@0.12.0": "npm:usercss-meta@0.12.0" }, + "jsr": { + "@std/assert@0.224.0": { + "integrity": "8643233ec7aec38a940a8264a6e3eed9bfa44e7a71cc6b3c8874213ff401967f" + }, + "@std/assert@1.0.2": { + "integrity": "ccacec332958126deaceb5c63ff8b4eaf9f5ed0eac9feccf124110435e59e49c", + "dependencies": [ + "jsr:@std/internal@^1.0.1" + ] + }, + "@std/cli@1.0.3": { + "integrity": "9a0488b5d2e58d29dce106a941eecec7181fae996bf0d2225563f1ca7e4b100c" + }, + "@std/fmt@0.225.6": { + "integrity": "aba6aea27f66813cecfd9484e074a9e9845782ab0685c030e453a8a70b37afc8" + }, + "@std/fs@1.0.1": { + "integrity": "d6914ca2c21abe591f733b31dbe6331e446815e513e2451b3b9e472daddfefcb", + "dependencies": [ + "jsr:@std/path@^1.0.2" + ] + }, + "@std/internal@1.0.1": { + "integrity": "6f8c7544d06a11dd256c8d6ba54b11ed870aac6c5aeafff499892662c57673e6" + }, + "@std/path@1.0.2": { + "integrity": "a452174603f8c620bd278a380c596437a9eef50c891c64b85812f735245d9ec7" + }, + "@std/yaml@1.0.2": { + "integrity": "b343ae4da47c8f22a04bcab687cf36fc2926b7fb2de8f8ef06fc59499e55b632" + } + }, "npm": { "@actions/core@1.10.1": { "integrity": "sha512-3lBR9EDAY+iYIpTnTIXmWcNbX3T2kCkAEQGIQx4NVQ0575nk2k3GRZDTPQG+vVtS2izSLmINlxXf0uLtnrTP+g==", @@ -68,27 +109,27 @@ "integrity": "sha512-R5fxLcU47mRcsdQkXZBNfxt7SdEqLGWb1qhEKBrnYfEB4ZWOQRBEow4e78PKxaFUECBNOs6uEkwvwxFL9FmQqQ==", "dependencies": {} }, - "@csstools/css-parser-algorithms@2.6.3_@csstools+css-tokenizer@2.3.1": { - "integrity": "sha512-xI/tL2zxzEbESvnSxwFgwvy5HS00oCXxL4MLs6HUiDcYfwowsoQaABKxUElp1ARITrINzBnsECOc1q0eg2GOrA==", + "@csstools/css-parser-algorithms@2.7.1_@csstools+css-tokenizer@2.4.1": { + "integrity": "sha512-2SJS42gxmACHgikc1WGesXLIT8d/q2l0UFM7TaEeIzdFCE/FPMtTiizcPGGJtlPo2xuQzY09OhrLTzRxqJqwGw==", "dependencies": { - "@csstools/css-tokenizer": "@csstools/css-tokenizer@2.3.1" + "@csstools/css-tokenizer": "@csstools/css-tokenizer@2.4.1" } }, - "@csstools/css-tokenizer@2.3.1": { - "integrity": "sha512-iMNHTyxLbBlWIfGtabT157LH9DUx9X8+Y3oymFEuMj8HNc+rpE3dPFGFgHjpKfjeFDjLjYIAIhXPGvS2lKxL9g==", + "@csstools/css-tokenizer@2.4.1": { + "integrity": "sha512-eQ9DIktFJBhGjioABJRtUucoWR2mwllurfnM8LuNGAqX3ViZXaUchqk+1s7jjtkFiT9ySdACsFEA3etErkALUg==", "dependencies": {} }, - "@csstools/media-query-list-parser@2.1.11_@csstools+css-parser-algorithms@2.6.3__@csstools+css-tokenizer@2.3.1_@csstools+css-tokenizer@2.3.1": { - "integrity": "sha512-uox5MVhvNHqitPP+SynrB1o8oPxPMt2JLgp5ghJOWf54WGQ5OKu47efne49r1SWqs3wRP8xSWjnO9MBKxhB1dA==", + "@csstools/media-query-list-parser@2.1.13_@csstools+css-parser-algorithms@2.7.1__@csstools+css-tokenizer@2.4.1_@csstools+css-tokenizer@2.4.1": { + "integrity": "sha512-XaHr+16KRU9Gf8XLi3q8kDlI18d5vzKSKCY510Vrtc9iNR0NJzbY9hhTmwhzYZj/ZwGL4VmB3TA9hJW0Um2qFA==", "dependencies": { - "@csstools/css-parser-algorithms": "@csstools/css-parser-algorithms@2.6.3_@csstools+css-tokenizer@2.3.1", - "@csstools/css-tokenizer": "@csstools/css-tokenizer@2.3.1" + "@csstools/css-parser-algorithms": "@csstools/css-parser-algorithms@2.7.1_@csstools+css-tokenizer@2.4.1", + "@csstools/css-tokenizer": "@csstools/css-tokenizer@2.4.1" } }, - "@csstools/selector-specificity@3.1.1_postcss-selector-parser@6.1.0": { + "@csstools/selector-specificity@3.1.1_postcss-selector-parser@6.1.1": { "integrity": "sha512-a7cxGcJ2wIlMFLlh8z2ONm+715QkPHiyJcxwQlKOz/03GPw1COpfhcmC9wm4xlZfp//jWHNNMwzjtqHXVWU9KA==", "dependencies": { - "postcss-selector-parser": "postcss-selector-parser@6.1.0" + "postcss-selector-parser": "postcss-selector-parser@6.1.1" } }, "@dual-bundle/import-meta-resolve@4.1.0": { @@ -132,95 +173,83 @@ "fastq": "fastq@1.17.1" } }, - "@octokit/auth-token@4.0.0": { - "integrity": "sha512-tY/msAuJo6ARbK6SPIxZrPBms3xPbfwBrulZe0Wtr/DIY9lje2HeV1uoebShn6mx7SjCHif6EjMvoREj+gZ+SA==", + "@octokit/auth-token@5.1.1": { + "integrity": "sha512-rh3G3wDO8J9wSjfI436JUKzHIxq8NaiL0tVeB2aXmG6p/9859aUOAjA9pmSPNGGZxfwmaJ9ozOJImuNVJdpvbA==", "dependencies": {} }, - "@octokit/core@5.2.0": { - "integrity": "sha512-1LFfa/qnMQvEOAdzlQymH0ulepxbxnCYAKJZfMci/5XJyIHWgEYnDmgnKakbTh7CH2tFQ5O60oYDvns4i9RAIg==", + "@octokit/core@6.1.2": { + "integrity": "sha512-hEb7Ma4cGJGEUNOAVmyfdB/3WirWMg5hDuNFVejGEDFqupeOysLc2sG6HJxY2etBp5YQu5Wtxwi020jS9xlUwg==", "dependencies": { - "@octokit/auth-token": "@octokit/auth-token@4.0.0", - "@octokit/graphql": "@octokit/graphql@7.1.0", - "@octokit/request": "@octokit/request@8.4.0", - "@octokit/request-error": "@octokit/request-error@5.1.0", + "@octokit/auth-token": "@octokit/auth-token@5.1.1", + "@octokit/graphql": "@octokit/graphql@8.1.1", + "@octokit/request": "@octokit/request@9.1.3", + "@octokit/request-error": "@octokit/request-error@6.1.4", "@octokit/types": "@octokit/types@13.5.0", - "before-after-hook": "before-after-hook@2.2.3", - "universal-user-agent": "universal-user-agent@6.0.1" + "before-after-hook": "before-after-hook@3.0.2", + "universal-user-agent": "universal-user-agent@7.0.2" } }, - "@octokit/endpoint@9.0.5": { - "integrity": "sha512-ekqR4/+PCLkEBF6qgj8WqJfvDq65RH85OAgrtnVp1mSxaXF03u2xW/hUdweGS5654IlC0wkNYC18Z50tSYTAFw==", + "@octokit/endpoint@10.1.1": { + "integrity": "sha512-JYjh5rMOwXMJyUpj028cu0Gbp7qe/ihxfJMLc8VZBMMqSwLgOxDI1911gV4Enl1QSavAQNJcwmwBF9M0VvLh6Q==", "dependencies": { "@octokit/types": "@octokit/types@13.5.0", - "universal-user-agent": "universal-user-agent@6.0.1" + "universal-user-agent": "universal-user-agent@7.0.2" } }, - "@octokit/graphql@7.1.0": { - "integrity": "sha512-r+oZUH7aMFui1ypZnAvZmn0KSqAUgE1/tUXIWaqUCa1758ts/Jio84GZuzsvUkme98kv0WFY8//n0J1Z+vsIsQ==", + "@octokit/graphql@8.1.1": { + "integrity": "sha512-ukiRmuHTi6ebQx/HFRCXKbDlOh/7xEV6QUXaE7MJEKGNAncGI/STSbOkl12qVXZrfZdpXctx5O9X1AIaebiDBg==", "dependencies": { - "@octokit/request": "@octokit/request@8.4.0", + "@octokit/request": "@octokit/request@9.1.3", "@octokit/types": "@octokit/types@13.5.0", - "universal-user-agent": "universal-user-agent@6.0.1" + "universal-user-agent": "universal-user-agent@7.0.2" } }, - "@octokit/openapi-types@20.0.0": { - "integrity": "sha512-EtqRBEjp1dL/15V7WiX5LJMIxxkdiGJnabzYx5Apx4FkQIFgAfKumXeYAqqJCj1s+BMX4cPFIFC4OLCR6stlnA==", - "dependencies": {} - }, "@octokit/openapi-types@22.2.0": { "integrity": "sha512-QBhVjcUa9W7Wwhm6DBFu6ZZ+1/t/oYxqc2tp81Pi41YNuJinbFRx8B133qVOrAaBbF7D/m0Et6f9/pZt9Rc+tg==", "dependencies": {} }, - "@octokit/plugin-paginate-rest@9.2.1_@octokit+core@5.2.0": { - "integrity": "sha512-wfGhE/TAkXZRLjksFXuDZdmGnJQHvtU/joFQdweXUgzo1XwvBCD4o4+75NtFfjfLK5IwLf9vHTfSiU3sLRYpRw==", + "@octokit/plugin-paginate-rest@11.3.3_@octokit+core@6.1.2": { + "integrity": "sha512-o4WRoOJZlKqEEgj+i9CpcmnByvtzoUYC6I8PD2SA95M+BJ2x8h7oLcVOg9qcowWXBOdcTRsMZiwvM3EyLm9AfA==", "dependencies": { - "@octokit/core": "@octokit/core@5.2.0", - "@octokit/types": "@octokit/types@12.6.0" + "@octokit/core": "@octokit/core@6.1.2", + "@octokit/types": "@octokit/types@13.5.0" } }, - "@octokit/plugin-request-log@4.0.1_@octokit+core@5.2.0": { - "integrity": "sha512-GihNqNpGHorUrO7Qa9JbAl0dbLnqJVrV8OXe2Zm5/Y4wFkZQDfTreBzVmiRfJVfE4mClXdihHnbpyyO9FSX4HA==", + "@octokit/plugin-request-log@5.3.1_@octokit+core@6.1.2": { + "integrity": "sha512-n/lNeCtq+9ofhC15xzmJCNKP2BWTv8Ih2TTy+jatNCCq/gQP/V7rK3fjIfuz0pDWDALO/o/4QY4hyOF6TQQFUw==", "dependencies": { - "@octokit/core": "@octokit/core@5.2.0" + "@octokit/core": "@octokit/core@6.1.2" } }, - "@octokit/plugin-rest-endpoint-methods@10.4.1_@octokit+core@5.2.0": { - "integrity": "sha512-xV1b+ceKV9KytQe3zCVqjg+8GTGfDYwaT1ATU5isiUyVtlVAO3HNdzpS4sr4GBx4hxQ46s7ITtZrAsxG22+rVg==", + "@octokit/plugin-rest-endpoint-methods@13.2.4_@octokit+core@6.1.2": { + "integrity": "sha512-gusyAVgTrPiuXOdfqOySMDztQHv6928PQ3E4dqVGEtOvRXAKRbJR4b1zQyniIT9waqaWk/UDaoJ2dyPr7Bk7Iw==", "dependencies": { - "@octokit/core": "@octokit/core@5.2.0", - "@octokit/types": "@octokit/types@12.6.0" + "@octokit/core": "@octokit/core@6.1.2", + "@octokit/types": "@octokit/types@13.5.0" } }, - "@octokit/request-error@5.1.0": { - "integrity": "sha512-GETXfE05J0+7H2STzekpKObFe765O5dlAKUTLNGeH+x47z7JjXHfsHKo5z21D/o/IOZTUEI6nyWyR+bZVP/n5Q==", + "@octokit/request-error@6.1.4": { + "integrity": "sha512-VpAhIUxwhWZQImo/dWAN/NpPqqojR6PSLgLYAituLM6U+ddx9hCioFGwBr5Mi+oi5CLeJkcAs3gJ0PYYzU6wUg==", "dependencies": { - "@octokit/types": "@octokit/types@13.5.0", - "deprecation": "deprecation@2.3.1", - "once": "once@1.4.0" + "@octokit/types": "@octokit/types@13.5.0" } }, - "@octokit/request@8.4.0": { - "integrity": "sha512-9Bb014e+m2TgBeEJGEbdplMVWwPmL1FPtggHQRkV+WVsMggPtEkLKPlcVYm/o8xKLkpJ7B+6N8WfQMtDLX2Dpw==", + "@octokit/request@9.1.3": { + "integrity": "sha512-V+TFhu5fdF3K58rs1pGUJIDH5RZLbZm5BI+MNF+6o/ssFNT4vWlCh/tVpF3NxGtP15HUxTTMUbsG5llAuU2CZA==", "dependencies": { - "@octokit/endpoint": "@octokit/endpoint@9.0.5", - "@octokit/request-error": "@octokit/request-error@5.1.0", + "@octokit/endpoint": "@octokit/endpoint@10.1.1", + "@octokit/request-error": "@octokit/request-error@6.1.4", "@octokit/types": "@octokit/types@13.5.0", - "universal-user-agent": "universal-user-agent@6.0.1" - } - }, - "@octokit/rest@20.0.2_@octokit+core@5.2.0": { - "integrity": "sha512-Ux8NDgEraQ/DMAU1PlAohyfBBXDwhnX2j33Z1nJNziqAfHi70PuxkFYIcIt8aIAxtRE7KVuKp8lSR8pA0J5iOQ==", - "dependencies": { - "@octokit/core": "@octokit/core@5.2.0", - "@octokit/plugin-paginate-rest": "@octokit/plugin-paginate-rest@9.2.1_@octokit+core@5.2.0", - "@octokit/plugin-request-log": "@octokit/plugin-request-log@4.0.1_@octokit+core@5.2.0", - "@octokit/plugin-rest-endpoint-methods": "@octokit/plugin-rest-endpoint-methods@10.4.1_@octokit+core@5.2.0" + "universal-user-agent": "universal-user-agent@7.0.2" } }, - "@octokit/types@12.6.0": { - "integrity": "sha512-1rhSOfRa6H9w4YwK0yrf5faDaDTb+yLyBUKOCV4xtCDB5VmIPqd/v9yr9o6SAzOAlRxMiRiCic6JVM1/kunVkw==", + "@octokit/rest@21.0.1_@octokit+core@6.1.2": { + "integrity": "sha512-RWA6YU4CqK0h0J6tfYlUFnH3+YgBADlxaHXaKSG+BVr2y4PTfbU2tlKuaQoQZ83qaTbi4CUxLNAmbAqR93A6mQ==", "dependencies": { - "@octokit/openapi-types": "@octokit/openapi-types@20.0.0" + "@octokit/core": "@octokit/core@6.1.2", + "@octokit/plugin-paginate-rest": "@octokit/plugin-paginate-rest@11.3.3_@octokit+core@6.1.2", + "@octokit/plugin-request-log": "@octokit/plugin-request-log@5.3.1_@octokit+core@6.1.2", + "@octokit/plugin-rest-endpoint-methods": "@octokit/plugin-rest-endpoint-methods@13.2.4_@octokit+core@6.1.2" } }, "@octokit/types@13.5.0": { @@ -245,17 +274,21 @@ "integrity": "sha512-PecSzorDGdabF57OBeQO/xFbAkYWo88g4Xvnsx7LRwqLC17I7OoKtA3bQB9uXkY6UkMWCOsA8HSVpaoitscdXw==", "dependencies": {} }, - "@types/lodash@4.17.5": { - "integrity": "sha512-MBIOHVZqVqgfro1euRDWX7OO0fBVUUMrN6Pwm8LQsz8cWhEpihlvR70ENj3f40j58TNxZaWv2ndSkInykNBBJw==", + "@types/lodash@4.17.7": { + "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==", "dependencies": {} }, - "ajv@8.16.0": { - "integrity": "sha512-F0twR8U1ZU67JIEtekUcLkXkoO5mMMmgGD8sK/xUFzJ805jxHQl92hImFAqqXMyMYjSPOyUPAwHYhB72g5sTXw==", + "@types/node@18.16.19": { + "integrity": "sha512-IXl7o+R9iti9eBW4Wg2hx1xQDig183jj7YLn8F7udNceyfkbn1ZxmzZXuak20gR40D7pIkIY1kYGx5VIGbaHKA==", + "dependencies": {} + }, + "ajv@8.17.1": { + "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==", "dependencies": { "fast-deep-equal": "fast-deep-equal@3.1.3", + "fast-uri": "fast-uri@3.0.1", "json-schema-traverse": "json-schema-traverse@1.0.0", - "require-from-string": "require-from-string@2.0.2", - "uri-js": "uri-js@4.4.1" + "require-from-string": "require-from-string@2.0.2" } }, "ansi-regex@5.0.1": { @@ -302,8 +335,8 @@ "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==", "dependencies": {} }, - "before-after-hook@2.2.3": { - "integrity": "sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==", + "before-after-hook@3.0.2": { + "integrity": "sha512-Nik3Sc0ncrMK4UUdXQmAnRtzmNQTAAXmXIopizwZ1W1t8QmfJj+zL4OA2I7XPTPW5z5TDqv4hRo/JzouDJnX3A==", "dependencies": {} }, "boolbase@1.0.0": { @@ -448,16 +481,12 @@ "integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==", "dependencies": {} }, - "debug@4.3.5": { - "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==", + "debug@4.3.6": { + "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==", "dependencies": { "ms": "ms@2.1.2" } }, - "deprecation@2.3.1": { - "integrity": "sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==", - "dependencies": {} - }, "dir-glob@3.0.1": { "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==", "dependencies": { @@ -595,6 +624,10 @@ "micromatch": "micromatch@4.0.7" } }, + "fast-uri@3.0.1": { + "integrity": "sha512-MWipKbbYiYI0UC7cl8m/i/IWTqfC8YXsqjzybjddLsFjStroQzsHXkc73JutMvBiXmOvapk+axIl79ig5t55Bw==", + "dependencies": {} + }, "fastest-levenshtein@1.0.16": { "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==", "dependencies": {} @@ -654,12 +687,12 @@ "is-glob": "is-glob@4.0.3" } }, - "glob@10.4.2": { - "integrity": "sha512-GwMlUF6PkPo3Gk21UxkCohOv0PLcIXVtKyLlpEI28R/cO/4eNOdmLk3CMW1wROV/WR/EsZOWAfBbBOqYvs88/w==", + "glob@10.4.5": { + "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==", "dependencies": { "foreground-child": "foreground-child@3.2.1", - "jackspeak": "jackspeak@3.4.0", - "minimatch": "minimatch@9.0.4", + "jackspeak": "jackspeak@3.4.3", + "minimatch": "minimatch@9.0.5", "minipass": "minipass@7.1.2", "package-json-from-dist": "package-json-from-dist@1.0.0", "path-scurry": "path-scurry@1.11.1" @@ -704,7 +737,7 @@ "minimist": "minimist@1.2.8", "neo-async": "neo-async@2.6.2", "source-map": "source-map@0.6.1", - "uglify-js": "uglify-js@3.18.0", + "uglify-js": "uglify-js@3.19.0", "wordwrap": "wordwrap@1.0.0" } }, @@ -787,8 +820,8 @@ "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", "dependencies": {} }, - "jackspeak@3.4.0": { - "integrity": "sha512-JVYhQnN59LVPFCEcVa2C3CrEKYacvjRfqIQl+h8oi91aLYQVWRYbxjPcv1bUiUy/kLmQaANrYfNMCO3kuEDHfw==", + "jackspeak@3.4.3": { + "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==", "dependencies": { "@isaacs/cliui": "@isaacs/cliui@8.0.2", "@pkgjs/parseargs": "@pkgjs/parseargs@0.11.0" @@ -812,21 +845,21 @@ "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", "dependencies": {} }, - "json-schema-to-typescript@14.1.0": { - "integrity": "sha512-VIeAFQkn88gFh26MSHWG4uX7TjK/arTw0NVLMZn6vX1WrSF+P6xu5MyEdovu+9PJ0uiS5gm0wzwQvYW9eSq1uw==", + "json-schema-to-typescript@15.0.0": { + "integrity": "sha512-gOX3cJB4eL1ztMc3WUh569ubRcKnr8MnYk++6+/WaaN4bufGHSR6EcbUbvLZgirPQOfvni5SSGkRx0pYloYU8A==", "dependencies": { "@apidevtools/json-schema-ref-parser": "@apidevtools/json-schema-ref-parser@11.6.4", "@types/json-schema": "@types/json-schema@7.0.15", - "@types/lodash": "@types/lodash@4.17.5", + "@types/lodash": "@types/lodash@4.17.7", "cli-color": "cli-color@2.0.4", - "glob": "glob@10.4.2", + "glob": "glob@10.4.5", "is-glob": "is-glob@4.0.3", "js-yaml": "js-yaml@4.1.0", "lodash": "lodash@4.17.21", "minimist": "minimist@1.2.8", "mkdirp": "mkdirp@3.0.1", "node-fetch": "node-fetch@3.3.2", - "prettier": "prettier@3.3.2" + "prettier": "prettier@3.3.3" } }, "json-schema-traverse@1.0.0": { @@ -843,8 +876,8 @@ "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", "dependencies": {} }, - "known-css-properties@0.31.0": { - "integrity": "sha512-sBPIUGTNF0czz0mwGGUoKKJC8Q7On1GPbCSFPfyEsfHb2DyBG0Y4QtV+EVWpINSaiGKZblDNuF5AezxSgOhesQ==", + "known-css-properties@0.34.0": { + "integrity": "sha512-tBECoUqNFbyAY4RrbqsBQqDFpGXAEbdD5QKr8kACx3+rnArmuuR22nKQWKazvp07N9yjTyDZaw/20UIH8tL9DQ==", "dependencies": {} }, "less@4.2.0": { @@ -874,8 +907,8 @@ "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", "dependencies": {} }, - "lru-cache@10.2.2": { - "integrity": "sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==", + "lru-cache@10.4.3": { + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", "dependencies": {} }, "lru-queue@0.1.0": { @@ -935,8 +968,8 @@ "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", "dependencies": {} }, - "minimatch@9.0.4": { - "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==", + "minimatch@9.0.5": { + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", "dependencies": { "brace-expansion": "brace-expansion@2.0.1" } @@ -998,12 +1031,6 @@ "boolbase": "boolbase@1.0.0" } }, - "once@1.4.0": { - "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", - "dependencies": { - "wrappy": "wrappy@1.0.2" - } - }, "package-json-from-dist@1.0.0": { "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==", "dependencies": {} @@ -1034,7 +1061,7 @@ "path-scurry@1.11.1": { "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==", "dependencies": { - "lru-cache": "lru-cache@10.2.2", + "lru-cache": "lru-cache@10.4.3", "minipass": "minipass@7.1.2" } }, @@ -1054,24 +1081,24 @@ "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", "dependencies": {} }, - "postcss-less@6.0.0_postcss@8.4.38": { + "postcss-less@6.0.0_postcss@8.4.39": { "integrity": "sha512-FPX16mQLyEjLzEuuJtxA8X3ejDLNGGEG503d2YGZR5Ask1SpDN8KmZUMpzCvyalWRywAn1n1VOA5dcqfCLo5rg==", "dependencies": { - "postcss": "postcss@8.4.38" + "postcss": "postcss@8.4.39" } }, - "postcss-resolve-nested-selector@0.1.1": { - "integrity": "sha512-HvExULSwLqHLgUy1rl3ANIqCsvMS0WHss2UOsXhXnQaZ9VCc2oBvIpXrl00IUFT5ZDITME0o6oiXeiHr2SAIfw==", + "postcss-resolve-nested-selector@0.1.4": { + "integrity": "sha512-R6vHqZWgVnTAPq0C+xjyHfEZqfIYboCBVSy24MjxEDm+tIh1BU4O6o7DP7AA7kHzf136d+Qc5duI4tlpHjixDw==", "dependencies": {} }, - "postcss-safe-parser@7.0.0_postcss@8.4.38": { + "postcss-safe-parser@7.0.0_postcss@8.4.40": { "integrity": "sha512-ovehqRNVCpuFzbXoTb4qLtyzK3xn3t/CUBxOs8LsnQjQrShaB4lKiHoVqY8ANaC0hBMHq5QVWk77rwGklFUDrg==", "dependencies": { - "postcss": "postcss@8.4.38" + "postcss": "postcss@8.4.40" } }, - "postcss-selector-parser@6.1.0": { - "integrity": "sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==", + "postcss-selector-parser@6.1.1": { + "integrity": "sha512-b4dlw/9V8A71rLIDsSwVmak9z2DuBUB7CA1/wSdelNEzqsjoSPeADTWNO09lpH49Diy3/JIZ2bSPB1dI3LJCHg==", "dependencies": { "cssesc": "cssesc@3.0.0", "util-deprecate": "util-deprecate@1.0.2" @@ -1081,8 +1108,16 @@ "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", "dependencies": {} }, - "postcss@8.4.38": { - "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==", + "postcss@8.4.39": { + "integrity": "sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==", + "dependencies": { + "nanoid": "nanoid@3.3.7", + "picocolors": "picocolors@1.0.1", + "source-map-js": "source-map-js@1.2.0" + } + }, + "postcss@8.4.40": { + "integrity": "sha512-YF2kKIUzAofPMpfH6hOi2cGnv/HrUlfucspc7pDyvv7kGdqXrfj8SCl/t8owkEgKEuu8ZcRjSOxFxVLqwChZ2Q==", "dependencies": { "nanoid": "nanoid@3.3.7", "picocolors": "picocolors@1.0.1", @@ -1093,18 +1128,14 @@ "integrity": "sha512-FWu1oLHKCrtpO1ypU6J0SbK2d9Ckwysq6bHj/uaCP26DxrPpppCLQRGVuqAxSTvhF00AcvDRyYrLNW7ocBhFFQ==", "dependencies": {} }, - "prettier@3.3.2": { - "integrity": "sha512-rAVeHYMcv8ATV5d508CFdn+8/pHPpXeIid1DdrPwXnaAdH7cqjVbpJaT5eq4yRAFU/lsbwYwSF/n5iNrdJHPQA==", + "prettier@3.3.3": { + "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==", "dependencies": {} }, "prr@1.0.1": { "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==", "dependencies": {} }, - "punycode@2.3.1": { - "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", - "dependencies": {} - }, "queue-microtask@1.2.3": { "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", "dependencies": {} @@ -1205,33 +1236,33 @@ "ansi-regex": "ansi-regex@6.0.1" } }, - "stylelint-config-recommended@14.0.1_stylelint@16.6.1__@csstools+css-tokenizer@2.3.1__@csstools+css-parser-algorithms@2.6.3___@csstools+css-tokenizer@2.3.1__postcss-selector-parser@6.1.0__postcss@8.4.38": { + "stylelint-config-recommended@14.0.1_stylelint@16.8.1__@csstools+css-tokenizer@2.4.1__@csstools+css-parser-algorithms@2.7.1___@csstools+css-tokenizer@2.4.1__postcss-selector-parser@6.1.1__postcss@8.4.40": { "integrity": "sha512-bLvc1WOz/14aPImu/cufKAZYfXs/A/owZfSMZ4N+16WGXLoX5lOir53M6odBxvhgmgdxCVnNySJmZKx73T93cg==", "dependencies": { - "stylelint": "stylelint@16.6.1_@csstools+css-tokenizer@2.3.1_@csstools+css-parser-algorithms@2.6.3__@csstools+css-tokenizer@2.3.1_postcss-selector-parser@6.1.0_postcss@8.4.38" + "stylelint": "stylelint@16.8.1_@csstools+css-tokenizer@2.4.1_@csstools+css-parser-algorithms@2.7.1__@csstools+css-tokenizer@2.4.1_postcss-selector-parser@6.1.1_postcss@8.4.40" } }, - "stylelint-config-standard@36.0.1_stylelint@16.6.1__@csstools+css-tokenizer@2.3.1__@csstools+css-parser-algorithms@2.6.3___@csstools+css-tokenizer@2.3.1__postcss-selector-parser@6.1.0__postcss@8.4.38": { + "stylelint-config-standard@36.0.1_stylelint@16.8.1__@csstools+css-tokenizer@2.4.1__@csstools+css-parser-algorithms@2.7.1___@csstools+css-tokenizer@2.4.1__postcss-selector-parser@6.1.1__postcss@8.4.40": { "integrity": "sha512-8aX8mTzJ6cuO8mmD5yon61CWuIM4UD8Q5aBcWKGSf6kg+EC3uhB+iOywpTK4ca6ZL7B49en8yanOFtUW0qNzyw==", "dependencies": { - "stylelint": "stylelint@16.6.1_@csstools+css-tokenizer@2.3.1_@csstools+css-parser-algorithms@2.6.3__@csstools+css-tokenizer@2.3.1_postcss-selector-parser@6.1.0_postcss@8.4.38", - "stylelint-config-recommended": "stylelint-config-recommended@14.0.1_stylelint@16.6.1__@csstools+css-tokenizer@2.3.1__@csstools+css-parser-algorithms@2.6.3___@csstools+css-tokenizer@2.3.1__postcss-selector-parser@6.1.0__postcss@8.4.38" + "stylelint": "stylelint@16.8.1_@csstools+css-tokenizer@2.4.1_@csstools+css-parser-algorithms@2.7.1__@csstools+css-tokenizer@2.4.1_postcss-selector-parser@6.1.1_postcss@8.4.40", + "stylelint-config-recommended": "stylelint-config-recommended@14.0.1_stylelint@16.8.1__@csstools+css-tokenizer@2.4.1__@csstools+css-parser-algorithms@2.7.1___@csstools+css-tokenizer@2.4.1__postcss-selector-parser@6.1.1__postcss@8.4.40" } }, - "stylelint@16.6.1_@csstools+css-tokenizer@2.3.1_@csstools+css-parser-algorithms@2.6.3__@csstools+css-tokenizer@2.3.1_postcss-selector-parser@6.1.0_postcss@8.4.38": { - "integrity": "sha512-yNgz2PqWLkhH2hw6X9AweV9YvoafbAD5ZsFdKN9BvSDVwGvPh+AUIrn7lYwy1S7IHmtFin75LLfX1m0D2tHu8Q==", + "stylelint@16.8.1_@csstools+css-tokenizer@2.4.1_@csstools+css-parser-algorithms@2.7.1__@csstools+css-tokenizer@2.4.1_postcss-selector-parser@6.1.1_postcss@8.4.40": { + "integrity": "sha512-O8aDyfdODSDNz/B3gW2HQ+8kv8pfhSu7ZR7xskQ93+vI6FhKKGUJMQ03Ydu+w3OvXXE0/u4hWU4hCPNOyld+OA==", "dependencies": { - "@csstools/css-parser-algorithms": "@csstools/css-parser-algorithms@2.6.3_@csstools+css-tokenizer@2.3.1", - "@csstools/css-tokenizer": "@csstools/css-tokenizer@2.3.1", - "@csstools/media-query-list-parser": "@csstools/media-query-list-parser@2.1.11_@csstools+css-parser-algorithms@2.6.3__@csstools+css-tokenizer@2.3.1_@csstools+css-tokenizer@2.3.1", - "@csstools/selector-specificity": "@csstools/selector-specificity@3.1.1_postcss-selector-parser@6.1.0", + "@csstools/css-parser-algorithms": "@csstools/css-parser-algorithms@2.7.1_@csstools+css-tokenizer@2.4.1", + "@csstools/css-tokenizer": "@csstools/css-tokenizer@2.4.1", + "@csstools/media-query-list-parser": "@csstools/media-query-list-parser@2.1.13_@csstools+css-parser-algorithms@2.7.1__@csstools+css-tokenizer@2.4.1_@csstools+css-tokenizer@2.4.1", + "@csstools/selector-specificity": "@csstools/selector-specificity@3.1.1_postcss-selector-parser@6.1.1", "@dual-bundle/import-meta-resolve": "@dual-bundle/import-meta-resolve@4.1.0", "balanced-match": "balanced-match@2.0.0", "colord": "colord@2.9.3", "cosmiconfig": "cosmiconfig@9.0.0", "css-functions-list": "css-functions-list@3.2.2", "css-tree": "css-tree@2.3.1", - "debug": "debug@4.3.5", + "debug": "debug@4.3.6", "fast-glob": "fast-glob@3.3.2", "fastest-levenshtein": "fastest-levenshtein@1.0.16", "file-entry-cache": "file-entry-cache@9.0.0", @@ -1242,16 +1273,16 @@ "ignore": "ignore@5.3.1", "imurmurhash": "imurmurhash@0.1.4", "is-plain-object": "is-plain-object@5.0.0", - "known-css-properties": "known-css-properties@0.31.0", + "known-css-properties": "known-css-properties@0.34.0", "mathml-tag-names": "mathml-tag-names@2.1.3", "meow": "meow@13.2.0", "micromatch": "micromatch@4.0.7", "normalize-path": "normalize-path@3.0.0", "picocolors": "picocolors@1.0.1", - "postcss": "postcss@8.4.38", - "postcss-resolve-nested-selector": "postcss-resolve-nested-selector@0.1.1", - "postcss-safe-parser": "postcss-safe-parser@7.0.0_postcss@8.4.38", - "postcss-selector-parser": "postcss-selector-parser@6.1.0", + "postcss": "postcss@8.4.40", + "postcss-resolve-nested-selector": "postcss-resolve-nested-selector@0.1.4", + "postcss-safe-parser": "postcss-safe-parser@7.0.0_postcss@8.4.40", + "postcss-selector-parser": "postcss-selector-parser@6.1.1", "postcss-value-parser": "postcss-value-parser@4.2.0", "resolve-from": "resolve-from@5.0.0", "string-width": "string-width@4.2.3", @@ -1300,7 +1331,7 @@ "table@6.8.2": { "integrity": "sha512-w2sfv80nrAh2VCbqR5AK27wswXhqcck2AhfnNW76beQXskGZ1V12GwS//yYVa3d3fcvAip2OUnbDAjW2k3v9fA==", "dependencies": { - "ajv": "ajv@8.16.0", + "ajv": "ajv@8.17.1", "lodash.truncate": "lodash.truncate@4.4.2", "slice-ansi": "slice-ansi@4.0.0", "string-width": "string-width@4.2.3", @@ -1328,16 +1359,16 @@ "integrity": "sha512-1h/Lnq9yajKY2PEbBadPXj3VxsDDu844OnaAo52UVmIzIvwwtBPIuNvkjuzBlTWpfJyUbG3ez0KSBibQkj4ojg==", "dependencies": {} }, - "type-fest@4.20.1": { - "integrity": "sha512-R6wDsVsoS9xYOpy8vgeBlqpdOyzJ12HNfQhC/aAKWM3YoCV9TtunJzh/QpkMgeDhkoynDcw5f1y+qF9yc/HHyg==", + "type-fest@4.23.0": { + "integrity": "sha512-ZiBujro2ohr5+Z/hZWHESLz3g08BBdrdLMieYFULJO+tWc437sn8kQsWLJoZErY8alNhxre9K4p3GURAG11n+w==", "dependencies": {} }, "type@2.7.3": { "integrity": "sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==", "dependencies": {} }, - "uglify-js@3.18.0": { - "integrity": "sha512-SyVVbcNBCk0dzr9XL/R/ySrmYf0s372K6/hFklzgcp2lBFyXtw4I7BOdDjlLhE1aVqaI/SHWXWmYdlZxuyF38A==", + "uglify-js@3.19.0": { + "integrity": "sha512-wNKHUY2hYYkf6oSFfhwwiHo4WCHzHmzcXsqXYTN9ja3iApYIFbb2U6ics9hBcYLHcYGQoAlwnZlTrf3oF+BL/Q==", "dependencies": {} }, "undici@5.28.4": { @@ -1346,16 +1377,10 @@ "@fastify/busboy": "@fastify/busboy@2.1.1" } }, - "universal-user-agent@6.0.1": { - "integrity": "sha512-yCzhz6FN2wU1NiiQRogkTQszlQSlpWaw8SvVegAc+bDxbzHgh1vX8uIe8OYyMH6DwH+sdTJsgMl36+mSMdRJIQ==", + "universal-user-agent@7.0.2": { + "integrity": "sha512-0JCqzSKnStlRRQfCdowvqy3cy0Dvtlb8xecj/H8JFZuCze4rwjPZQOgvFvn0Ws/usCHQFGpyr+pB9adaGwXn4Q==", "dependencies": {} }, - "uri-js@4.4.1": { - "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", - "dependencies": { - "punycode": "punycode@2.3.1" - } - }, "usercss-meta@0.12.0": { "integrity": "sha512-zKrXCKdpeIwtVe87omxGo9URf+7mbozduMZEg79dmT4KB3XJwfIkEi/Uk0PcTwR/nZLtAK1+k7isgbGB/g6E7Q==", "dependencies": {} @@ -1404,10 +1429,6 @@ "strip-ansi": "strip-ansi@7.1.0" } }, - "wrappy@1.0.2": { - "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", - "dependencies": {} - }, "write-file-atomic@5.0.1": { "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==", "dependencies": { @@ -1418,184 +1439,30 @@ } }, "remote": { - "https://deno.land/std@0.206.0/assert/_constants.ts": "8a9da298c26750b28b326b297316cdde860bc237533b07e1337c021379e6b2a9", - "https://deno.land/std@0.206.0/assert/_diff.ts": "58e1461cc61d8eb1eacbf2a010932bf6a05b79344b02ca38095f9b805795dc48", - "https://deno.land/std@0.206.0/assert/_format.ts": "a69126e8a469009adf4cf2a50af889aca364c349797e63174884a52ff75cf4c7", - "https://deno.land/std@0.206.0/assert/assert.ts": "9a97dad6d98c238938e7540736b826440ad8c1c1e54430ca4c4e623e585607ee", - "https://deno.land/std@0.206.0/assert/assert_almost_equals.ts": "e15ca1f34d0d5e0afae63b3f5d975cbd18335a132e42b0c747d282f62ad2cd6c", - "https://deno.land/std@0.206.0/assert/assert_array_includes.ts": "6856d7f2c3544bc6e62fb4646dfefa3d1df5ff14744d1bca19f0cbaf3b0d66c9", - "https://deno.land/std@0.206.0/assert/assert_equals.ts": "d8ec8a22447fbaf2fc9d7c3ed2e66790fdb74beae3e482855d75782218d68227", - "https://deno.land/std@0.206.0/assert/assert_exists.ts": "407cb6b9fb23a835cd8d5ad804e2e2edbbbf3870e322d53f79e1c7a512e2efd7", - "https://deno.land/std@0.206.0/assert/assert_false.ts": "0ccbcaae910f52c857192ff16ea08bda40fdc79de80846c206bfc061e8c851c6", - "https://deno.land/std@0.206.0/assert/assert_greater.ts": "ae2158a2d19313bf675bf7251d31c6dc52973edb12ac64ac8fc7064152af3e63", - "https://deno.land/std@0.206.0/assert/assert_greater_or_equal.ts": "1439da5ebbe20855446cac50097ac78b9742abe8e9a43e7de1ce1426d556e89c", - "https://deno.land/std@0.206.0/assert/assert_instance_of.ts": "3aedb3d8186e120812d2b3a5dea66a6e42bf8c57a8bd927645770bd21eea554c", - "https://deno.land/std@0.206.0/assert/assert_is_error.ts": "c21113094a51a296ffaf036767d616a78a2ae5f9f7bbd464cd0197476498b94b", - "https://deno.land/std@0.206.0/assert/assert_less.ts": "aec695db57db42ec3e2b62e97e1e93db0063f5a6ec133326cc290ff4b71b47e4", - "https://deno.land/std@0.206.0/assert/assert_less_or_equal.ts": "5fa8b6a3ffa20fd0a05032fe7257bf985d207b85685fdbcd23651b70f928c848", - "https://deno.land/std@0.206.0/assert/assert_match.ts": "c4083f80600bc190309903c95e397a7c9257ff8b5ae5c7ef91e834704e672e9b", - "https://deno.land/std@0.206.0/assert/assert_not_equals.ts": "9f1acab95bd1f5fc9a1b17b8027d894509a745d91bac1718fdab51dc76831754", - "https://deno.land/std@0.206.0/assert/assert_not_instance_of.ts": "0c14d3dfd9ab7a5276ed8ed0b18c703d79a3d106102077ec437bfe7ed912bd22", - "https://deno.land/std@0.206.0/assert/assert_not_match.ts": "3796a5b0c57a1ce6c1c57883dd4286be13a26f715ea662318ab43a8491a13ab0", - "https://deno.land/std@0.206.0/assert/assert_not_strict_equals.ts": "ca6c6d645e95fbc873d25320efeb8c4c6089a9a5e09f92d7c1c4b6e935c2a6ad", - "https://deno.land/std@0.206.0/assert/assert_object_match.ts": "d8fc2867cfd92eeacf9cea621e10336b666de1874a6767b5ec48988838370b54", - "https://deno.land/std@0.206.0/assert/assert_rejects.ts": "45c59724de2701e3b1f67c391d6c71c392363635aad3f68a1b3408f9efca0057", - "https://deno.land/std@0.206.0/assert/assert_strict_equals.ts": "b1f538a7ea5f8348aeca261d4f9ca603127c665e0f2bbfeb91fa272787c87265", - "https://deno.land/std@0.206.0/assert/assert_string_includes.ts": "b821d39ebf5cb0200a348863c86d8c4c4b398e02012ce74ad15666fc4b631b0c", - "https://deno.land/std@0.206.0/assert/assert_throws.ts": "63784e951475cb7bdfd59878cd25a0931e18f6dc32a6077c454b2cd94f4f4bcd", - "https://deno.land/std@0.206.0/assert/assertion_error.ts": "4d0bde9b374dfbcbe8ac23f54f567b77024fb67dbb1906a852d67fe050d42f56", - "https://deno.land/std@0.206.0/assert/equal.ts": "9f1a46d5993966d2596c44e5858eec821859b45f783a5ee2f7a695dfc12d8ece", - "https://deno.land/std@0.206.0/assert/fail.ts": "c36353d7ae6e1f7933d45f8ea51e358c8c4b67d7e7502028598fe1fea062e278", - "https://deno.land/std@0.206.0/assert/mod.ts": "37c49a26aae2b254bbe25723434dc28cd7532e444cf0b481a97c045d110ec085", - "https://deno.land/std@0.206.0/assert/unimplemented.ts": "d56fbeecb1f108331a380f72e3e010a1f161baa6956fd0f7cf3e095ae1a4c75a", - "https://deno.land/std@0.206.0/assert/unreachable.ts": "4600dc0baf7d9c15a7f7d234f00c23bca8f3eba8b140286aaca7aa998cf9a536", - "https://deno.land/std@0.206.0/flags/mod.ts": "0948466fc437f017f00c0b972a422b3dc3317a790bcf326429d23182977eaf9f", - "https://deno.land/std@0.206.0/fmt/colors.ts": "c51c4642678eb690dcf5ffee5918b675bf01a33fba82acf303701ae1a4f8c8d9", - "https://deno.land/std@0.206.0/fmt/printf.ts": "b4ca7dc4b2323b2614c7d11b3e6dc80442e5d56c33665cdf9b9de0dabb80f9ec", - "https://deno.land/std@0.206.0/fs/_util.ts": "fbf57dcdc9f7bc8128d60301eece608246971a7836a3bb1e78da75314f08b978", - "https://deno.land/std@0.206.0/fs/copy.ts": "ca19e4837965914471df38fbd61e16f9e8adfe89f9cffb0c83615c83ea3fc2bf", - "https://deno.land/std@0.206.0/fs/empty_dir.ts": "0b4a2508232446eed232ad1243dd4b0f07ac503a281633ae1324d1528df70964", - "https://deno.land/std@0.206.0/fs/ensure_dir.ts": "dc64c4c75c64721d4e3fb681f1382f803ff3d2868f08563ff923fdd20d071c40", - "https://deno.land/std@0.206.0/fs/ensure_file.ts": "39ac83cc283a20ec2735e956adf5de3e8a3334e0b6820547b5772f71c49ae083", - "https://deno.land/std@0.206.0/fs/ensure_link.ts": "c15e69c48556d78aae31b83e0c0ece04b7b8bc0951412f5b759aceb6fde7f0ac", - "https://deno.land/std@0.206.0/fs/ensure_symlink.ts": "b389c8568f0656d145ac7ece472afe710815cccbb2ebfd19da7978379ae143fe", - "https://deno.land/std@0.206.0/fs/eol.ts": "f1f2eb348a750c34500741987b21d65607f352cf7205f48f4319d417fff42842", - "https://deno.land/std@0.206.0/fs/exists.ts": "cb59a853d84871d87acab0e7936a4dac11282957f8e195102c5a7acb42546bb8", - "https://deno.land/std@0.206.0/fs/expand_glob.ts": "4f98c508fc9e40d6311d2f7fd88aaad05235cc506388c22dda315e095305811d", - "https://deno.land/std@0.206.0/fs/mod.ts": "bc3d0acd488cc7b42627044caf47d72019846d459279544e1934418955ba4898", - "https://deno.land/std@0.206.0/fs/move.ts": "b4f8f46730b40c32ea3c0bc8eb0fd0e8139249a698883c7b3756424cf19785c9", - "https://deno.land/std@0.206.0/fs/walk.ts": "c1e6b43f72a46e89b630140308bd51a4795d416a416b4cfb7cd4bd1e25946723", - "https://deno.land/std@0.206.0/path/_common/assert_path.ts": "061e4d093d4ba5aebceb2c4da3318bfe3289e868570e9d3a8e327d91c2958946", - "https://deno.land/std@0.206.0/path/_common/basename.ts": "0d978ff818f339cd3b1d09dc914881f4d15617432ae519c1b8fdc09ff8d3789a", - "https://deno.land/std@0.206.0/path/_common/common.ts": "9e4233b2eeb50f8b2ae10ecc2108f58583aea6fd3e8907827020282dc2b76143", - "https://deno.land/std@0.206.0/path/_common/constants.ts": "e49961f6f4f48039c0dfed3c3f93e963ca3d92791c9d478ac5b43183413136e0", - "https://deno.land/std@0.206.0/path/_common/dirname.ts": "2ba7fb4cc9fafb0f38028f434179579ce61d4d9e51296fad22b701c3d3cd7397", - "https://deno.land/std@0.206.0/path/_common/format.ts": "11aa62e316dfbf22c126917f5e03ea5fe2ee707386555a8f513d27ad5756cf96", - "https://deno.land/std@0.206.0/path/_common/from_file_url.ts": "ef1bf3197d2efbf0297a2bdbf3a61d804b18f2bcce45548ae112313ec5be3c22", - "https://deno.land/std@0.206.0/path/_common/glob_to_reg_exp.ts": "5c3c2b79fc2294ec803d102bd9855c451c150021f452046312819fbb6d4dc156", - "https://deno.land/std@0.206.0/path/_common/normalize.ts": "2ba7fb4cc9fafb0f38028f434179579ce61d4d9e51296fad22b701c3d3cd7397", - "https://deno.land/std@0.206.0/path/_common/normalize_string.ts": "88c472f28ae49525f9fe82de8c8816d93442d46a30d6bb5063b07ff8a89ff589", - "https://deno.land/std@0.206.0/path/_common/relative.ts": "1af19d787a2a84b8c534cc487424fe101f614982ae4851382c978ab2216186b4", - "https://deno.land/std@0.206.0/path/_common/strip_trailing_separators.ts": "7ffc7c287e97bdeeee31b155828686967f222cd73f9e5780bfe7dfb1b58c6c65", - "https://deno.land/std@0.206.0/path/_common/to_file_url.ts": "a8cdd1633bc9175b7eebd3613266d7c0b6ae0fb0cff24120b6092ac31662f9ae", - "https://deno.land/std@0.206.0/path/_interface.ts": "6471159dfbbc357e03882c2266d21ef9afdb1e4aa771b0545e90db58a0ba314b", - "https://deno.land/std@0.206.0/path/_os.ts": "30b0c2875f360c9296dbe6b7f2d528f0f9c741cecad2e97f803f5219e91b40a2", - "https://deno.land/std@0.206.0/path/basename.ts": "04bb5ef3e86bba8a35603b8f3b69537112cdd19ce64b77f2522006da2977a5f3", - "https://deno.land/std@0.206.0/path/common.ts": "f4d061c7d0b95a65c2a1a52439edec393e906b40f1caf4604c389fae7caa80f5", - "https://deno.land/std@0.206.0/path/dirname.ts": "88a0a71c21debafc4da7a4cd44fd32e899462df458fbca152390887d41c40361", - "https://deno.land/std@0.206.0/path/extname.ts": "2da4e2490f3b48b7121d19fb4c91681a5e11bd6bd99df4f6f47d7a71bb6ecdf2", - "https://deno.land/std@0.206.0/path/format.ts": "3457530cc85d1b4bab175f9ae73998b34fd456c830d01883169af0681b8894fb", - "https://deno.land/std@0.206.0/path/from_file_url.ts": "e7fa233ea1dff9641e8d566153a24d95010110185a6f418dd2e32320926043f8", - "https://deno.land/std@0.206.0/path/glob.ts": "b8333cbb4aaaeb54ca6d6c43e0b69fb13c9481c69ed7a3c64a3d0d9daf2af769", - "https://deno.land/std@0.206.0/path/glob_to_regexp.ts": "74d7448c471e293d03f05ccb968df4365fed6aaa508506b6325a8efdc01d8271", - "https://deno.land/std@0.206.0/path/is_absolute.ts": "67232b41b860571c5b7537f4954c88d86ae2ba45e883ee37d3dec27b74909d13", - "https://deno.land/std@0.206.0/path/is_glob.ts": "567dce5c6656bdedfc6b3ee6c0833e1e4db2b8dff6e62148e94a917f289c06ad", - "https://deno.land/std@0.206.0/path/join.ts": "98d3d76c819af4a11a81d5ba2dbb319f1ce9d63fc2b615597d4bcfddd4a89a09", - "https://deno.land/std@0.206.0/path/join_globs.ts": "9b84d5103b63d3dbed4b2cf8b12477b2ad415c7d343f1488505162dc0e5f4db8", - "https://deno.land/std@0.206.0/path/mod.ts": "51c48d6da76cad6029b134951732025bc81910ef83f854d9e9c4581a1cc0155a", - "https://deno.land/std@0.206.0/path/normalize.ts": "aa95be9a92c7bd4f9dc0ba51e942a1973e2b93d266cd74f5ca751c136d520b66", - "https://deno.land/std@0.206.0/path/normalize_glob.ts": "674baa82e1c00b6cb153bbca36e06f8e0337cb8062db6d905ab5de16076ca46b", - "https://deno.land/std@0.206.0/path/parse.ts": "d87ff0deef3fb495bc0d862278ff96da5a06acf0625ca27769fc52ac0d3d6ece", - "https://deno.land/std@0.206.0/path/posix/_util.ts": "ecf49560fedd7dd376c6156cc5565cad97c1abe9824f4417adebc7acc36c93e5", - "https://deno.land/std@0.206.0/path/posix/basename.ts": "a630aeb8fd8e27356b1823b9dedd505e30085015407caa3396332752f6b8406a", - "https://deno.land/std@0.206.0/path/posix/common.ts": "e781d395dc76f6282e3f7dd8de13194abb8b04a82d109593141abc6e95755c8b", - "https://deno.land/std@0.206.0/path/posix/dirname.ts": "f48c9c42cc670803b505478b7ef162c7cfa9d8e751b59d278b2ec59470531472", - "https://deno.land/std@0.206.0/path/posix/extname.ts": "ee7f6571a9c0a37f9218fbf510c440d1685a7c13082c348d701396cc795e0be0", - "https://deno.land/std@0.206.0/path/posix/format.ts": "b94876f77e61bfe1f147d5ccb46a920636cd3cef8be43df330f0052b03875968", - "https://deno.land/std@0.206.0/path/posix/from_file_url.ts": "b97287a83e6407ac27bdf3ab621db3fccbf1c27df0a1b1f20e1e1b5acf38a379", - "https://deno.land/std@0.206.0/path/posix/glob_to_regexp.ts": "6ed00c71fbfe0ccc35977c35444f94e82200b721905a60bd1278b1b768d68b1a", - "https://deno.land/std@0.206.0/path/posix/is_absolute.ts": "159900a3422d11069d48395568217eb7fc105ceda2683d03d9b7c0f0769e01b8", - "https://deno.land/std@0.206.0/path/posix/is_glob.ts": "ec4fbc604b9db8487f7b56ab0e759b24a971ab6a45f7b0b698bc39b8b9f9680f", - "https://deno.land/std@0.206.0/path/posix/join.ts": "0c0d84bdc344876930126640011ec1b888e6facf74153ffad9ef26813aa2a076", - "https://deno.land/std@0.206.0/path/posix/join_globs.ts": "f4838d54b1f60a34a40625a3293f6e583135348be1b2974341ac04743cb26121", - "https://deno.land/std@0.206.0/path/posix/mod.ts": "f1b08a7f64294b7de87fc37190d63b6ce5b02889af9290c9703afe01951360ae", - "https://deno.land/std@0.206.0/path/posix/normalize.ts": "11de90a94ab7148cc46e5a288f7d732aade1d616bc8c862f5560fa18ff987b4b", - "https://deno.land/std@0.206.0/path/posix/normalize_glob.ts": "10a1840c628ebbab679254d5fa1c20e59106102354fb648a1765aed72eb9f3f9", - "https://deno.land/std@0.206.0/path/posix/parse.ts": "199208f373dd93a792e9c585352bfc73a6293411bed6da6d3bc4f4ef90b04c8e", - "https://deno.land/std@0.206.0/path/posix/relative.ts": "e2f230608b0f083e6deaa06e063943e5accb3320c28aef8d87528fbb7fe6504c", - "https://deno.land/std@0.206.0/path/posix/resolve.ts": "51579d83159d5c719518c9ae50812a63959bbcb7561d79acbdb2c3682236e285", - "https://deno.land/std@0.206.0/path/posix/separator.ts": "0b6573b5f3269a3164d8edc9cefc33a02dd51003731c561008c8bb60220ebac1", - "https://deno.land/std@0.206.0/path/posix/to_file_url.ts": "08d43ea839ee75e9b8b1538376cfe95911070a655cd312bc9a00f88ef14967b6", - "https://deno.land/std@0.206.0/path/posix/to_namespaced_path.ts": "c9228a0e74fd37e76622cd7b142b8416663a9b87db643302fa0926b5a5c83bdc", - "https://deno.land/std@0.206.0/path/relative.ts": "23d45ede8b7ac464a8299663a43488aad6b561414e7cbbe4790775590db6349c", - "https://deno.land/std@0.206.0/path/resolve.ts": "5b184efc87155a0af9fa305ff68a109e28de9aee81fc3e77cd01380f19daf867", - "https://deno.land/std@0.206.0/path/separator.ts": "40a3e9a4ad10bef23bc2cd6c610291b6c502a06237c2c4cd034a15ca78dedc1f", - "https://deno.land/std@0.206.0/path/to_file_url.ts": "edaafa089e0bce386e1b2d47afe7c72e379ff93b28a5829a5885e4b6c626d864", - "https://deno.land/std@0.206.0/path/to_namespaced_path.ts": "cf8734848aac3c7527d1689d2adf82132b1618eff3cc523a775068847416b22a", - "https://deno.land/std@0.206.0/path/windows/_util.ts": "f32b9444554c8863b9b4814025c700492a2b57ff2369d015360970a1b1099d54", - "https://deno.land/std@0.206.0/path/windows/basename.ts": "8a9dbf7353d50afbc5b221af36c02a72c2d1b2b5b9f7c65bf6a5a2a0baf88ad3", - "https://deno.land/std@0.206.0/path/windows/common.ts": "e781d395dc76f6282e3f7dd8de13194abb8b04a82d109593141abc6e95755c8b", - "https://deno.land/std@0.206.0/path/windows/dirname.ts": "5c2aa541384bf0bd9aca821275d2a8690e8238fa846198ef5c7515ce31a01a94", - "https://deno.land/std@0.206.0/path/windows/extname.ts": "07f4fa1b40d06a827446b3e3bcc8d619c5546b079b8ed0c77040bbef716c7614", - "https://deno.land/std@0.206.0/path/windows/format.ts": "343019130d78f172a5c49fdc7e64686a7faf41553268961e7b6c92a6d6548edf", - "https://deno.land/std@0.206.0/path/windows/from_file_url.ts": "d53335c12b0725893d768be3ac6bf0112cc5b639d2deb0171b35988493b46199", - "https://deno.land/std@0.206.0/path/windows/glob_to_regexp.ts": "290755e18ec6c1a4f4d711c3390537358e8e3179581e66261a0cf348b1a13395", - "https://deno.land/std@0.206.0/path/windows/is_absolute.ts": "245b56b5f355ede8664bd7f080c910a97e2169972d23075554ae14d73722c53c", - "https://deno.land/std@0.206.0/path/windows/is_glob.ts": "ec4fbc604b9db8487f7b56ab0e759b24a971ab6a45f7b0b698bc39b8b9f9680f", - "https://deno.land/std@0.206.0/path/windows/join.ts": "e6600bf88edeeef4e2276e155b8de1d5dec0435fd526ba2dc4d37986b2882f16", - "https://deno.land/std@0.206.0/path/windows/join_globs.ts": "f4838d54b1f60a34a40625a3293f6e583135348be1b2974341ac04743cb26121", - "https://deno.land/std@0.206.0/path/windows/mod.ts": "d7040f461465c2c21c1c68fc988ef0bdddd499912138cde3abf6ad60c7fb3814", - "https://deno.land/std@0.206.0/path/windows/normalize.ts": "9deebbf40c81ef540b7b945d4ccd7a6a2c5a5992f791e6d3377043031e164e69", - "https://deno.land/std@0.206.0/path/windows/normalize_glob.ts": "344ff5ed45430495b9a3d695567291e50e00b1b3b04ea56712a2acf07ab5c128", - "https://deno.land/std@0.206.0/path/windows/parse.ts": "120faf778fe1f22056f33ded069b68e12447668fcfa19540c0129561428d3ae5", - "https://deno.land/std@0.206.0/path/windows/relative.ts": "026855cd2c36c8f28f1df3c6fbd8f2449a2aa21f48797a74700c5d872b86d649", - "https://deno.land/std@0.206.0/path/windows/resolve.ts": "5ff441ab18a2346abadf778121128ee71bda4d0898513d4639a6ca04edca366b", - "https://deno.land/std@0.206.0/path/windows/separator.ts": "ae21f27015f10510ed1ac4a0ba9c4c9c967cbdd9d9e776a3e4967553c397bd5d", - "https://deno.land/std@0.206.0/path/windows/to_file_url.ts": "8e9ea9e1ff364aa06fa72999204229952d0a279dbb876b7b838b2b2fea55cce3", - "https://deno.land/std@0.206.0/path/windows/to_namespaced_path.ts": "e0f4d4a5e77f28a5708c1a33ff24360f35637ba6d8f103d19661255ef7bfd50d", - "https://deno.land/std@0.206.0/yaml/_dumper/dumper.ts": "717403d0e700de783f2ef5c906b3d7245383e1509fc050e7ff5d4a53a03dbf40", - "https://deno.land/std@0.206.0/yaml/_dumper/dumper_state.ts": "f0d0673ceea288334061ca34b63954c2bb5feb5bf6de5e4cfe9a942cdf6e5efe", - "https://deno.land/std@0.206.0/yaml/_error.ts": "b59e2c76ce5a47b1b9fa0ff9f96c1dd92ea1e1b17ce4347ece5944a95c3c1a84", - "https://deno.land/std@0.206.0/yaml/_loader/loader.ts": "63ec7f0a265dbbabc54b25a4beefff7650e205160a2d75c7d8f8363b5f84851a", - "https://deno.land/std@0.206.0/yaml/_loader/loader_state.ts": "0841870b467169269d7c2dfa75cd288c319bc06f65edd9e42c29e5fced91c7a4", - "https://deno.land/std@0.206.0/yaml/_mark.ts": "dcd8585dee585e024475e9f3fe27d29740670fb64ebb970388094cad0fc11d5d", - "https://deno.land/std@0.206.0/yaml/_state.ts": "ef03d55ec235d48dcfbecc0ab3ade90bfae69a61094846e08003421c2cf5cfc6", - "https://deno.land/std@0.206.0/yaml/_type/binary.ts": "24d49614463a7339a8a16d894919c2ec18a10588ae360ec352093b60e2cc8b0d", - "https://deno.land/std@0.206.0/yaml/_type/bool.ts": "5bfa75da84343d45347b521ba4e5aeace9fe6f53447405290d53315a3fc20e66", - "https://deno.land/std@0.206.0/yaml/_type/float.ts": "056bd3cb9c5586238b20517511014fb24b0e36f98f9f6073e12da308b6b9808a", - "https://deno.land/std@0.206.0/yaml/_type/function.ts": "ff574fe84a750695302864e1c31b93f12d14ada4bde79a5f93197fc33ad17471", - "https://deno.land/std@0.206.0/yaml/_type/int.ts": "563ad074f0fa7aecf6b6c3d84135bcc95a8269dcc15de878de20ce868fd773fa", - "https://deno.land/std@0.206.0/yaml/_type/map.ts": "7b105e4ab03a361c61e7e335a0baf4d40f06460b13920e5af3fb2783a1464000", - "https://deno.land/std@0.206.0/yaml/_type/merge.ts": "8192bf3e4d637f32567917f48bb276043da9cf729cf594e5ec191f7cd229337e", - "https://deno.land/std@0.206.0/yaml/_type/mod.ts": "060e2b3d38725094b77ea3a3f05fc7e671fced8e67ca18e525be98c4aa8f4bbb", - "https://deno.land/std@0.206.0/yaml/_type/nil.ts": "606e8f0c44d73117c81abec822f89ef81e40f712258c74f186baa1af659b8887", - "https://deno.land/std@0.206.0/yaml/_type/omap.ts": "cfe59a294726f5cea705c39a61fd2b08199cf48f4ccd6b040cb550ec0f38d0a1", - "https://deno.land/std@0.206.0/yaml/_type/pairs.ts": "0032fdfe57558d21696a4f8cf5b5cfd1f698743177080affc18629685c905666", - "https://deno.land/std@0.206.0/yaml/_type/regexp.ts": "1ce118de15b2da43b4bd8e4395f42d448b731acf3bdaf7c888f40789f9a95f8b", - "https://deno.land/std@0.206.0/yaml/_type/seq.ts": "95333abeec8a7e4d967b8c8328b269e342a4bbdd2585395549b9c4f58c8533a2", - "https://deno.land/std@0.206.0/yaml/_type/set.ts": "f28ba44e632ef2a6eb580486fd47a460445eeddbdf1dbc739c3e62486f566092", - "https://deno.land/std@0.206.0/yaml/_type/str.ts": "a67a3c6e429d95041399e964015511779b1130ea5889fa257c48457bd3446e31", - "https://deno.land/std@0.206.0/yaml/_type/timestamp.ts": "706ea80a76a73e48efaeb400ace087da1f927647b53ad6f754f4e06d51af087f", - "https://deno.land/std@0.206.0/yaml/_type/undefined.ts": "94a316ca450597ccbc6750cbd79097ad0d5f3a019797eed3c841a040c29540ba", - "https://deno.land/std@0.206.0/yaml/_utils.ts": "26b311f0d42a7ce025060bd6320a68b50e52fd24a839581eb31734cd48e20393", - "https://deno.land/std@0.206.0/yaml/parse.ts": "1fbbda572bf3fff578b6482c0d8b85097a38de3176bf3ab2ca70c25fb0c960ef", - "https://deno.land/std@0.206.0/yaml/schema.ts": "96908b78dc50c340074b93fc1598d5e7e2fe59103f89ff81e5a49b2dedf77a67", - "https://deno.land/std@0.206.0/yaml/schema/core.ts": "fa406f18ceedc87a50e28bb90ec7a4c09eebb337f94ef17468349794fa828639", - "https://deno.land/std@0.206.0/yaml/schema/default.ts": "0047e80ae8a4a93293bc4c557ae8a546aabd46bb7165b9d9b940d57b4d88bde9", - "https://deno.land/std@0.206.0/yaml/schema/extended.ts": "0784416bf062d20a1626b53c03380e265b3e39b9409afb9f4cb7d659fd71e60d", - "https://deno.land/std@0.206.0/yaml/schema/failsafe.ts": "d219ab5febc43f770917d8ec37735a4b1ad671149846cbdcade767832b42b92b", - "https://deno.land/std@0.206.0/yaml/schema/json.ts": "5f41dd7c2f1ad545ef6238633ce9ee3d444dfc5a18101e1768bd5504bf90e5e5", - "https://deno.land/std@0.206.0/yaml/schema/mod.ts": "4472e827bab5025e92bc2eb2eeefa70ecbefc64b2799b765c69af84822efef32", - "https://deno.land/std@0.206.0/yaml/stringify.ts": "fffc09c65c68d3d63f8159e8cbaa3f489bc20a8e55b4fbb61a8c2e9f914d1d02", - "https://deno.land/std@0.206.0/yaml/type.ts": "65553da3da3c029b6589c6e4903f0afbea6768be8fca61580711457151f2b30f", "https://raw.githubusercontent.com/catppuccin/catppuccin/d4f2666c2b04337f0a8632713de0889d9a7d332d/resources/ports.schema.json": "39ce3bcd2dabd033010684df7caa82cc69c25584174eba0922e6435dce53f06a" }, "workspace": { "dependencies": [ + "jsr:@std/assert@^1.0.2", + "jsr:@std/cli@^1.0.3", + "jsr:@std/fmt@^0.225.6", + "jsr:@std/fs@^1.0.1", + "jsr:@std/path@^1.0.2", + "jsr:@std/yaml@^1.0.2", "npm:@actions/core@1.10.1", "npm:@catppuccin/palette@1.2.0", - "npm:@octokit/rest@20.0.2", - "npm:ajv@8.16.0", + "npm:@octokit/rest@21.0.1", + "npm:ajv@8.17.1", "npm:handlebars@4.7.8", - "npm:json-schema-to-typescript@14.1.0", + "npm:json-schema-to-typescript@15.0.0", "npm:less@4.2.0", "npm:postcss-less@6.0.0", "npm:postcss-value-parser@4.2.0", "npm:stylelint-config-recommended@14.0.1", "npm:stylelint-config-standard@36.0.1", - "npm:stylelint@16.6.1", + "npm:stylelint@16.8.1", "npm:svgo@3.3.2", - "npm:type-fest@4.20.1", + "npm:type-fest@4.23.0", "npm:usercss-meta@0.12.0" ] } diff --git a/docs/tips-and-tricks.md b/docs/tips-and-tricks.md index 50fe0f92e6..d58475fed0 100644 --- a/docs/tips-and-tricks.md +++ b/docs/tips-and-tricks.md @@ -72,9 +72,9 @@ The command above is converting the input image `old-image.png` to the output fi ### How do I theme images and SVGs? -#### SVG background images +#### SVGs as `background-image`s -Often, websites will use a CSS rule to apply an SVG as a `background-image` (typically for icons). We will refer to these as "external SVGs" throughout the rest of this guide. Below is an example of what a rule for an external SVG could look like. +Websites will sometimes use the `background-image` CSS property to apply an SVG, often for icons. We will refer to these as "external SVGs" throughout the rest of this guide, as the SVGs are usually at a different URL and linked to with [`url()`](https://developer.mozilla.org/en-US/docs/Web/CSS/url). Below is an example of what a rule for an external SVG could look like. ```css .xyz { @@ -91,13 +91,16 @@ The easiest way to theme external SVGs is to visit the URL of the SVG and paste } ``` +> [!NOTE] +> The `Invalid % without number` error may appear if you have not done the following step. Make sure to add/replace an interpolated color in the SVG contents (as is detailed below) for this error to go away. + Now, replace any colors in the SVG with their respective Catppuccin variants. For example, take the following SVG icon for Twitter: ```xml ``` -There is only one color used, `fill="#1D9BF0"`. That hex code is a shade of blue, so we can replace it with the `@blue` color using the `fill="@{}"` syntax. +There is only one color used, `fill="#1D9BF0"`. That hex code is a shade of blue, so we can replace it with the `@blue` color using the `fill="@{}"` syntax ([variable interpolation](https://lesscss.org/features/#variables-feature-variable-interpolation)). ```less .twitter-icon { @@ -110,7 +113,7 @@ There is only one color used, `fill="#1D9BF0"`. That hex code is a shade of blue #### `` elements -Theming an inline image is similar, but we use `content` to cover up the original image with our new one. You only need to update the SVG inside of the `escape('')` and you're all set. +Theming an inline image is similar, but `content` is used instead of `background-image` to cover up the original image with our new one. As with the previous tip for `background-image`, you only need to update the SVG inside of the `escape('')` (see above for details). ```less img.xyz { diff --git a/docs/userstyle-creation.md b/docs/userstyle-creation.md index 92393be781..e83148b7e3 100644 --- a/docs/userstyle-creation.md +++ b/docs/userstyle-creation.md @@ -46,7 +46,7 @@ To create a userstyle, follow the instructions below. If you run into any diffic 7. Create your image preview. - Take a screenshot of the themed website in each flavor, and then convert all four images [to WebP](./tips-and-tricks.md#how-do-i-convert-preview-images-to-webp) (e.g. `mocha.webp`, `macchiato.webp`, `frappe.webp` & `latte.webp`). - - Use [Catwalk](https://github.com/catppuccin/toolbox#catwalk) to generate a + - Use [Catwalk](https://github.com/catppuccin/catwalk) to generate a composite or grid image of all the images. **This must be saved as `styles//preview.webp`.** 8. Raise a [pull request](https://github.com/catppuccin/userstyles/compare), diff --git a/scripts/deps.ts b/scripts/deps.ts index d7504204a0..295b92de45 100644 --- a/scripts/deps.ts +++ b/scripts/deps.ts @@ -5,7 +5,7 @@ import userStylesSchema from "@/userstyles.schema.json" with { type: "json", }; -import { join } from "std/path/mod.ts"; +import { join } from "@std/path"; const ROOT = import.meta.dirname; if (!ROOT) { diff --git a/scripts/generate/labels.ts b/scripts/generate/labels.ts index e0ca089910..56bed9a39f 100644 --- a/scripts/generate/labels.ts +++ b/scripts/generate/labels.ts @@ -1,9 +1,9 @@ -import { join } from "std/path/mod.ts"; +import { join } from "@std/path"; import { REPO_ROOT } from "@/deps.ts"; import { updateFile } from "@/generate/utils.ts"; import { UserStylesSchema } from "@/types/mod.ts"; -import { stringify } from "std/yaml/stringify.ts"; +import { stringify } from "@std/yaml"; import { type ColorName, flavors } from "@catppuccin/palette"; /** diff --git a/scripts/generate/main.ts b/scripts/generate/main.ts index 68729c3bdd..48e58f6b81 100755 --- a/scripts/generate/main.ts +++ b/scripts/generate/main.ts @@ -1,5 +1,5 @@ #!/usr/bin/env -S deno run -A -import { join } from "std/path/mod.ts"; +import { join } from "@std/path"; import { portsSchema, REPO_ROOT, userStylesSchema } from "@/deps.ts"; import type { PortsSchema, UserStylesSchema } from "@/types/mod.ts"; @@ -53,7 +53,7 @@ await syncIssueLabels(userstylesData.userstyles); * Keep `.github/CODEOWNERS` in sync with the userstyle metadata. */ const maintainersCodeOwners = () => { - return Object.entries(userstylesData.userstyles) + return Object.entries(userstylesData.userstyles!) .filter(([_, { "current-maintainers": currentMaintainers }]) => currentMaintainers.length > 0 ) diff --git a/scripts/generate/readme-repo.ts b/scripts/generate/readme-repo.ts index f9c955a085..652322d2e4 100644 --- a/scripts/generate/readme-repo.ts +++ b/scripts/generate/readme-repo.ts @@ -1,4 +1,4 @@ -import { join } from "std/path/mod.ts"; +import { join } from "@std/path"; import Handlebars from "handlebars"; import { REPO_ROOT } from "@/deps.ts"; @@ -52,13 +52,15 @@ export const generateMainReadme = async ( return { emoji: meta.emoji, name: meta.name, - ports: ports.map(({ name, path, "current-maintainers": currentMaintainers }) => { - return { - name: [name].flat(), - maintained: currentMaintainers.length > 0, - path, - }; - }), + ports: ports.map( + ({ name, path, "current-maintainers": currentMaintainers }) => { + return { + name: [name].flat(), + maintained: currentMaintainers.length > 0, + path, + }; + }, + ), }; }), }); diff --git a/scripts/generate/readme-styles.ts b/scripts/generate/readme-styles.ts index 8ca1b39f67..a9e384320e 100644 --- a/scripts/generate/readme-styles.ts +++ b/scripts/generate/readme-styles.ts @@ -1,5 +1,5 @@ import { UserStylesSchema } from "@/types/mod.ts"; -import { join } from "std/path/mod.ts"; +import { join } from "@std/path"; import { REPO_ROOT } from "@/deps.ts"; import Handlebars from "handlebars"; @@ -53,21 +53,33 @@ export const generateStyleReadmes = ( ); const stylesReadmeContent = Deno.readTextFileSync(stylesReadmePath); - Object.entries(userstyles).map(([slug, { name, readme, "current-maintainers": currentMaintainers, "past-maintainers": pastMaintainers }]) => { - console.log(`Generating README for ${slug}`); - const readmeContent = Handlebars.compile(stylesReadmeContent)({ - heading: heading(name, readme["app-link"]), - slug, - usage: readme.usage, - faq: readme.faq, - collaborators: { - currentMaintainers: extractName(currentMaintainers), - pastMaintainers: extractName(pastMaintainers), - }, - }); - Deno.writeTextFile( - join(REPO_ROOT, "styles", slug.toString(), "README.md"), - readmeContent, - ).catch((e) => console.error(e)); - }); + Object.entries(userstyles).map( + ( + [ + slug, + { + name, + readme, + "current-maintainers": currentMaintainers, + "past-maintainers": pastMaintainers, + }, + ], + ) => { + console.log(`Generating README for ${slug}`); + const readmeContent = Handlebars.compile(stylesReadmeContent)({ + heading: heading(name, readme["app-link"]), + slug, + usage: readme.usage, + faq: readme.faq, + collaborators: { + currentMaintainers: extractName(currentMaintainers), + pastMaintainers: extractName(pastMaintainers), + }, + }); + Deno.writeTextFile( + join(REPO_ROOT, "styles", slug.toString(), "README.md"), + readmeContent, + ).catch((e) => console.error(e)); + }, + ); }; diff --git a/scripts/import-styles/main.ts b/scripts/import-styles/main.ts index 35310ccffb..b16226b998 100644 --- a/scripts/import-styles/main.ts +++ b/scripts/import-styles/main.ts @@ -1,8 +1,7 @@ #!/usr/bin/env -S deno run -A import usercssMeta from "usercss-meta"; -import { ensureDir } from "std/fs/mod.ts"; -import { walk } from "std/fs/walk.ts"; -import { join } from "std/path/mod.ts"; +import { ensureDir, walk } from "@std/fs"; +import { join } from "@std/path"; import { REPO_ROOT } from "@/deps.ts"; @@ -40,5 +39,5 @@ for await (const entry of stylesheets) { }); } -ensureDir("dist"); +await ensureDir("dist"); Deno.writeTextFile("dist/import.json", JSON.stringify(data)); diff --git a/scripts/lint/file-checker.ts b/scripts/lint/file-checker.ts index d2e103127b..e265ac1a59 100644 --- a/scripts/lint/file-checker.ts +++ b/scripts/lint/file-checker.ts @@ -1,10 +1,10 @@ -import { exists } from "std/fs/exists.ts"; -import { join, relative } from "std/path/mod.ts"; +import { exists } from "@std/fs"; +import { join, relative } from "@std/path"; import core from "@actions/core"; import { REPO_ROOT } from "@/deps.ts"; import { log } from "@/lint/logger.ts"; -import * as color from "std/fmt/colors.ts"; +import * as color from "@std/fmt/colors"; const requiredFiles = [ "catppuccin.user.css", @@ -37,7 +37,7 @@ export const checkForMissingFiles = async () => { .write(); } else { missingFiles.map((f) => { - log(color.red(`Missing file:`) + ` ${f}`, { file: f }, "error"); + log.error(color.red(`Missing file:`) + ` ${f}`, { file: f }); }); } diff --git a/scripts/lint/logger.ts b/scripts/lint/logger.ts index 12851e9720..872642eb97 100644 --- a/scripts/lint/logger.ts +++ b/scripts/lint/logger.ts @@ -1,5 +1,5 @@ -import { sprintf } from "std/fmt/printf.ts"; -import * as color from "std/fmt/colors.ts"; +import { sprintf } from "@std/fmt/printf"; +import * as color from "@std/fmt/colors"; import core from "@actions/core"; export type LoggerProps = core.AnnotationProperties & { content?: string }; @@ -65,21 +65,40 @@ const prettyPrint = ( ); }; -export const log = ( - message: string, - props: LoggerProps, - severity: "error" | "warning" = "warning", -) => { - if (Deno.env.has("CI")) { - switch (severity) { - case "error": - core.error(message, props); - break; - case "warning": - core.warning(message, props); - break; +export const log = { + failed: false, + + log: function ( + message: string, + props: LoggerProps, + severity: "error" | "warning", + ) { + if (severity === "error") this.failed = true; + if (Deno.env.has("CI")) { + switch (severity) { + case "error": + core.error(message, props); + break; + case "warning": + core.warning(message, props); + break; + } + } else { + prettyPrint(message, props, severity); } - } else { - prettyPrint(message, props, severity); - } + }, + + warn: function ( + message: string, + props: LoggerProps, + ) { + this.log(message, props, "warning"); + }, + + error: function ( + message: string, + props: LoggerProps, + ) { + this.log(message, props, "error"); + }, }; diff --git a/scripts/lint/main.ts b/scripts/lint/main.ts index 43d4b7aaa1..e2ac391b32 100755 --- a/scripts/lint/main.ts +++ b/scripts/lint/main.ts @@ -1,8 +1,8 @@ #!/usr/bin/env -S deno run -A -import { walk } from "std/fs/walk.ts"; -import { parse as parseFlags } from "std/flags/mod.ts"; -import { basename, dirname, join, relative } from "std/path/mod.ts"; -// @deno-types="npm:@types/less"; +import { walk } from "@std/fs"; +import { parseArgs } from "@std/cli"; +import { basename, dirname, join, relative } from "@std/path"; +// @ts-types="npm:@types/less"; import less from "less"; import { REPO_ROOT } from "@/deps.ts"; @@ -13,8 +13,8 @@ import { lint } from "@/lint/stylelint.ts"; import { getUserstylesData } from "@/utils.ts"; import stylelintConfig from "../../.stylelintrc.js"; -const flags = parseFlags(Deno.args, { boolean: ["fix"] }); -const subDir = flags._[0]?.toString() ?? ""; +const args = parseArgs(Deno.args, { boolean: ["fix"] }); +const subDir = args._[0]?.toString() ?? ""; const stylesheets = walk(join(REPO_ROOT, "styles", subDir), { includeFiles: true, includeDirs: false, @@ -37,7 +37,7 @@ for await (const entry of stylesheets) { content, dir, userstyles, - flags.fix, + args.fix, ); content = fixed; @@ -49,16 +49,15 @@ for await (const entry of stylesheets) { less.render(content, { lint: true, globalVars: globalVars }).catch( (err: Less.RenderError) => { failed = true; - log( + log.error( err.message, { file, startLine: err.line, endLine: err.line, content }, - "error", ); }, ); // Lint with Stylelint. - await lint(entry, content, flags.fix, stylelintConfig).catch(() => + await lint(entry, content, args.fix, stylelintConfig).catch(() => failed = true ); } @@ -66,4 +65,4 @@ for await (const entry of stylesheets) { if (await checkForMissingFiles() === false) failed = true; // Cause the workflow to fail if any issues were found. -if (failed) Deno.exit(1); +if (failed || log.failed) Deno.exit(1); diff --git a/scripts/lint/metadata.ts b/scripts/lint/metadata.ts index 97dc1baa95..51472c6616 100644 --- a/scripts/lint/metadata.ts +++ b/scripts/lint/metadata.ts @@ -1,9 +1,9 @@ -// @deno-types="@/types/usercss-meta.d.ts"; +// @ts-types="@/types/usercss-meta.d.ts"; import usercssMeta from "usercss-meta"; -import * as color from "std/fmt/colors.ts"; -import { sprintf } from "std/fmt/printf.ts"; -import type { WalkEntry } from "std/fs/walk.ts"; -import { join, relative } from "std/path/mod.ts"; +import * as color from "@std/fmt/colors"; +import { sprintf } from "@std/fmt/printf"; +import type { WalkEntry } from "@std/fs"; +import { join, relative } from "@std/path"; import { REPO_ROOT } from "@/deps.ts"; import { log } from "@/lint/logger.ts"; @@ -36,7 +36,7 @@ export const verifyMetadata = async ( e.index -= line.length + 1; if (e.index < 0) break; } - log(e.message, { file, startLine, content }); + log.error(e.message, { file, startLine, content }); }); for (const [key, expected] of Object.entries(assert)) { @@ -47,7 +47,10 @@ export const verifyMetadata = async ( .findIndex((line) => line.includes(key)) + 1; const message = current === undefined - ? sprintf("Metadata `%s` should not be undefined", color.bold(key)) + ? sprintf( + "Metadata `%s` should not be undefined", + color.bold(key), + ) : sprintf( 'Metadata `%s` should be "%s" but is "%s"', color.bold(key), @@ -55,17 +58,18 @@ export const verifyMetadata = async ( color.red(String(current)), ); - log(message, { + log.error(message, { file, startLine: line !== 0 ? line : undefined, content, - }, "warning"); + }); } } - const template = - (await Deno.readTextFile(join(REPO_ROOT, "template/catppuccin.user.css"))) - .split("\n"); + const template = (await Deno.readTextFile( + join(REPO_ROOT, "template/catppuccin.user.css"), + )) + .split("\n"); for (const variable of ["darkFlavor", "lightFlavor", "accentColor"]) { const declaration = `@var select ${variable}`; @@ -80,7 +84,7 @@ export const verifyMetadata = async ( .findLastIndex((line: string) => line.includes("==/UserStyle== */")) + 1; - log( + log.error( sprintf( "Metadata variable `%s` should exist", color.bold(variable), @@ -90,7 +94,6 @@ export const verifyMetadata = async ( startLine: line !== 0 ? line : undefined, content, }, - "warning", ); } else if (expected.trim() !== lines[current - 1].trim()) { const message = sprintf( @@ -99,11 +102,11 @@ export const verifyMetadata = async ( (/\[[^\]]+\]/.exec(expected) as RegExpExecArray)[0], ); - log(message, { + log.error(message, { file, startLine: current, content, - }, "warning"); + }); if (fix) { content = content.replace(lines[current - 1], expected); @@ -131,9 +134,9 @@ const assertions = (userstyle: string, userstyles: Userstyles) => { const prefix = "https://github.com/catppuccin/userstyles"; if (!userstyles[userstyle]) { - log("Metadata section for this userstyle has not been added", { + log.error("Metadata section for this userstyle has not been added", { file: "scripts/userstyles.yml", - }, "error"); + }); Deno.exit(1); } diff --git a/scripts/lint/stylelint-custom/optimizedSvgs.js b/scripts/lint/stylelint-custom/optimized-svgs.js similarity index 98% rename from scripts/lint/stylelint-custom/optimizedSvgs.js rename to scripts/lint/stylelint-custom/optimized-svgs.js index c74b6483fa..3b1ef50c27 100644 --- a/scripts/lint/stylelint-custom/optimizedSvgs.js +++ b/scripts/lint/stylelint-custom/optimized-svgs.js @@ -54,7 +54,7 @@ const ruleFunction = (primary, _secondary, context) => { "mergePaths", "removeComments", "removeUselessDefs", - "removeScriptElement" + "removeScriptElement", ], }).data; diff --git a/scripts/lint/stylelint.ts b/scripts/lint/stylelint.ts index f6258596a6..df1102307a 100644 --- a/scripts/lint/stylelint.ts +++ b/scripts/lint/stylelint.ts @@ -1,6 +1,6 @@ -import * as color from "std/fmt/colors.ts"; -import type { WalkEntry } from "std/fs/walk.ts"; -import { relative } from "std/path/mod.ts"; +import * as color from "@std/fmt/colors"; +import type { WalkEntry } from "@std/fs"; +import { relative } from "@std/path"; import "postcss-less"; import stylelint from "stylelint"; @@ -29,7 +29,7 @@ export const lint = ( color.dim(`(${warning.rule})`), ) ?? "unspecified stylelint error"; - log(message, { + log.log(message, { file: relative(REPO_ROOT, entry.path), startLine: warning.line, endLine: warning.endLine, diff --git a/scripts/sync-maintainers/main.ts b/scripts/sync-maintainers/main.ts index 767fcbc027..b5945c1fb9 100755 --- a/scripts/sync-maintainers/main.ts +++ b/scripts/sync-maintainers/main.ts @@ -1,5 +1,5 @@ #!/usr/bin/env -S deno run -A -import * as assert from "std/assert/mod.ts"; +import * as assert from "@std/assert"; import { Octokit } from "@octokit/rest"; import type { UserStylesSchema } from "@/types/mod.ts"; diff --git a/scripts/update-types.ts b/scripts/update-types.ts index 1a4ac2450c..a3303e966b 100755 --- a/scripts/update-types.ts +++ b/scripts/update-types.ts @@ -1,6 +1,6 @@ #!/usr/bin/env -S deno run -A // deno-lint-ignore-file no-explicit-any -import { join } from "std/path/mod.ts"; +import { join } from "@std/path"; import { compile, Options } from "json-schema-to-typescript"; import { REPO_ROOT, userStylesSchema } from "@/deps.ts"; diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 417758ec13..14c8d89393 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -123,6 +123,8 @@ collaborators: - &NK308 url: https://github.com/NK308 name: NK308 + - &00dani + url: https://github.com/00dani - &kerichdev name: keri url: https://github.com/kerichdev @@ -135,6 +137,8 @@ collaborators: - &AyaanAhmed25 name: Ayaan url: https://github.com/AyaanAhmed25 + - &stellophiliac + url: https://github.com/stellophiliac userstyles: advent-of-code: @@ -145,6 +149,13 @@ userstyles: readme: app-link: https://adventofcode.com current-maintainers: [*rubyowo] + amplenote: + name: Amplenote + categories: [productivity] + color: blue + readme: + app-link: "https://www.amplenote.com" + current-maintainers: [*stellophiliac] anilist: name: ["AniList", "AniChart"] categories: [entertainment, social_networking] @@ -238,8 +249,8 @@ userstyles: color: green readme: app-link: "https://chess.com" - current-maintainers: [*coldenate] - past-maintainers: [*skelebro1, *isabelroses] + current-maintainers: [] + past-maintainers: [*skelebro1, *isabelroses, *coldenate] cinny: name: Cinny categories: [social_networking] @@ -348,9 +359,9 @@ userstyles: icon: gmail color: peach readme: - usage: "Switch to either the dark or default themes via the **gear icon** > **themes** > **view all** for the best experience!" + usage: "Switch to the default dark theme via the **Settings** > **Themes** > **View all** for the best experience!" app-link: "https://mail.google.com" - current-maintainers: [] + current-maintainers: [*uncenter] past-maintainers: [*isabelroses] go.dev: name: go.dev @@ -423,7 +434,7 @@ userstyles: readme: app-link: "https://holodex.net" usage: |+ - > **Note**
+ > [!NOTE] > Holodex's selected theme is ignored. current-maintainers: [*Guaxinim5573] home-manager-options-search: @@ -552,6 +563,14 @@ userstyles: readme: app-link: "https://www.linkedin.com" current-maintainers: [*isabelroses] + listenbrainz: + name: ListenBrainz + categories: [music, entertainment] + icon: musicbrainz + color: peach + readme: + app-link: 'https://listenbrainz.org' + current-maintainers: [*00dani] mastodon: name: Mastodon categories: [social_networking, entertainment] @@ -704,6 +723,14 @@ userstyles: readme: app-link: "https://planetminecraft.com" current-maintainers: [*nyameliaaaa] + porkbun: + name: Porkbun + categories: [productivity] + icon: porkbun + color: pink + readme: + app-link: https://porkbun.com + current-maintainers: [*uncenter] pronouns.page: name: Pronouns.page categories: [social_networking] @@ -738,6 +765,13 @@ userstyles: readme: app-link: "https://quizlet.com" current-maintainers: [*spaghettiosareyummy] + raindrop: + name: Raindrop + categories: [productivity] + color: blue + readme: + app-link: "https://app.raindrop.io" + current-maintainers: [*thismoon] reddit: name: Reddit categories: [discussion_forum, social_networking, entertainment] @@ -804,7 +838,7 @@ userstyles: current-maintainers: [*coopw1] stylus: name: Stylus - categories: [productivity] + categories: [browser_extension] color: teal readme: app-link: "https://github.com/openstyles/stylus" @@ -895,6 +929,20 @@ userstyles: > [!NOTE] > This theme also applies to the [Next.js](https://nextjs.org/) website. current-maintainers: [*ryanccn, *Dandraghas] + vikunja: + name: Vikunja + categories: [productivity, note_taking] + color: blue + readme: + app-link: "https://vikunja.io" + current-maintainers: [*Guaxinim5573] + web.dev: + name: web.dev + categories: [development] + color: blue + readme: + app-link: https://web.dev/ + current-maintainers: [*uncenter] whatsapp-web: name: WhatsApp Web categories: [social_networking] diff --git a/scripts/utils.ts b/scripts/utils.ts index 283d29c8b3..19631760f3 100644 --- a/scripts/utils.ts +++ b/scripts/utils.ts @@ -1,13 +1,12 @@ import Ajv, { Schema } from "ajv"; -import { parse } from "std/yaml/parse.ts"; -import { join } from "std/path/join.ts"; +import { parse } from "@std/yaml"; +import { join } from "@std/path"; import { SetRequired } from "type-fest/source/set-required.d.ts"; import { REPO_ROOT, userStylesSchema } from "@/deps.ts"; import { UserstylesSchema } from "@/types/userstyles.d.ts"; -import { YAMLError } from "std/yaml/_error.ts"; import { log } from "@/lint/logger.ts"; -import { sprintf } from "std/fmt/printf.ts"; +import { sprintf } from "@std/fmt/printf"; /** * @param content A string of YAML content @@ -64,18 +63,17 @@ export const getUserstylesData = (): Userstyles => { return data as Userstyles; } catch (err) { - if (err instanceof YAMLError) { + if (err.name === "YAMLError") { const groups = /(?.*) at line (?\d+), column (?\d+):[\S\s]*/ .exec(err.message)?.groups; - log( + log.error( groups!.message, { file: "scripts/userstyles.yml", startLine: Number(groups!.line), content: content, }, - "error", ); } else { console.log(err); diff --git a/styles/advent-of-code/catppuccin.user.css b/styles/advent-of-code/catppuccin.user.css index 615d2172d3..64dfac0dfb 100644 --- a/styles/advent-of-code/catppuccin.user.css +++ b/styles/advent-of-code/catppuccin.user.css @@ -2,7 +2,7 @@ @name Advent Of Code Catppuccin @namespace github.com/catppuccin/userstyles/styles/advent-of-code @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/advent-of-code -@version 0.0.2 +@version 0.0.3 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/advent-of-code/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aadvent-of-code @description Soothing pastel theme for Advent Of Code @@ -221,6 +221,18 @@ text-shadow: 0 0 5px @yellow; } + .stats-both { + color: @yellow; + } + + .stats-firstonly { + color: @overlay0; + } + + a:hover { + background-color: @mantle !important; + } + input[type="text"], textarea, code::before { diff --git a/styles/amplenote/README.md b/styles/amplenote/README.md new file mode 100644 index 0000000000..7c961c5421 --- /dev/null +++ b/styles/amplenote/README.md @@ -0,0 +1,36 @@ + + + +

+ Logo
+ + Catppuccin for Amplenote + +

+ +

+ + +

+ +

+ +

+ + + +## 💝 Current Maintainer +- [stellophiliac](https://github.com/stellophiliac) + + +  + +

+ +

+ +

+ Copyright © 2021-present Catppuccin Org +

+ + diff --git a/styles/amplenote/catppuccin.user.css b/styles/amplenote/catppuccin.user.css new file mode 100644 index 0000000000..d2dc2101d2 --- /dev/null +++ b/styles/amplenote/catppuccin.user.css @@ -0,0 +1,249 @@ +/* ==UserStyle== +@name Amplenote Catppuccin +@namespace github.com/catppuccin/userstyles/styles/amplenote +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/amplenote +@version 0.0.1 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/amplenote/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aamplenote +@description Soothing pastel theme for Amplenote +@author Catppuccin +@license MIT + +@preprocessor less +@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"] +@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] +@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] +==/UserStyle== */ + +@-moz-document domain("amplenote.com") { + body:not(.theme-light) { + #catppuccin(@darkFlavor, @accentColor); + } + + body.theme-light { + #catppuccin(@lightFlavor, @accentColor); + } + + #catppuccin(@lookup, @accent) { + @rosewater: @catppuccin[@@lookup][@rosewater]; + @flamingo: @catppuccin[@@lookup][@flamingo]; + @pink: @catppuccin[@@lookup][@pink]; + @mauve: @catppuccin[@@lookup][@mauve]; + @red: @catppuccin[@@lookup][@red]; + @maroon: @catppuccin[@@lookup][@maroon]; + @peach: @catppuccin[@@lookup][@peach]; + @yellow: @catppuccin[@@lookup][@yellow]; + @green: @catppuccin[@@lookup][@green]; + @teal: @catppuccin[@@lookup][@teal]; + @sky: @catppuccin[@@lookup][@sky]; + @sapphire: @catppuccin[@@lookup][@sapphire]; + @blue: @catppuccin[@@lookup][@blue]; + @lavender: @catppuccin[@@lookup][@lavender]; + @text: @catppuccin[@@lookup][@text]; + @subtext1: @catppuccin[@@lookup][@subtext1]; + @subtext0: @catppuccin[@@lookup][@subtext0]; + @overlay2: @catppuccin[@@lookup][@overlay2]; + @overlay1: @catppuccin[@@lookup][@overlay1]; + @overlay0: @catppuccin[@@lookup][@overlay0]; + @surface2: @catppuccin[@@lookup][@surface2]; + @surface1: @catppuccin[@@lookup][@surface1]; + @surface0: @catppuccin[@@lookup][@surface0]; + @base: @catppuccin[@@lookup][@base]; + @mantle: @catppuccin[@@lookup][@mantle]; + @crust: @catppuccin[@@lookup][@crust]; + @accent-color: @catppuccin[@@lookup][@@accent]; + + color-scheme: if(@lookup = latte, light, dark); + + ::selection { + background-color: fade(@accent-color, 30%); + } + + input, + textarea { + &::placeholder { + color: @subtext0 !important; + } + } + + &.themeable { + --color-background-primary: @base; + --color-background-primary-rgb: #rgbify(@base) []; + --color-background-secondary: @mantle; + --color-background-tertiary: @mantle; + + --color-background-popup: @base; + --color-background-dialog: @mantle; + --color-background-header: @mantle; + --color-background-nav: @mantle; + --color-background-nav-active: @surface0; + --color-background-search-bar: @crust; + --color-background-nav-menu: @mantle; + --color-background-nav-menu-divider: @crust; + --color-background-nav-avatar: @crust; + --color-background-popup-small: @surface0; + --color-background-reversed: @surface0; + --color-background-reversed-secondary: @surface2; + + --color-background-element-high-contrast: fade(@overlay2, 40%); + --color-background-element-medium-contrast: fade(@accent-color, 40%); + --color-background-element-medium-contrast-rgb: fade(@accent-color. 40%); + --color-background-element-low-contrast: @crust; + + --color-background-note-menu-button: @surface0; + --color-background-banner: @surface0; + --color-background-banner-alt: @base; + --color-background-nav-divider: @surface0; + + --color-background-action-low-contrast: fade(@accent-color, 50%); + --color-background-action-medium-contrast: fade(@accent-color, 60%); + --color-background-action-high-contrast: @accent-color; + --color-background-action-high-contrast-rgb: #rgbify(@accent-color) []; + --color-background-action-high-contrast-alt: fade(@accent-color, 75%); + + --color-background-error-high-contrast: @red; + --color-background-error-medium-contrast: fade(@red, 50%); + + --color-border-primary: @surface0; + --color-border-secondary: @surface1; + --color-border-tertiary: @surface1; + + --color-text-reversed: @text; + + --color-text-high-contrast: @text; + --color-text-nav-high-contrast: @text; + --color-text-medium-contrast: @subtext1; + --color-text-nav-medium-contrast: @subtext1; + --color-text-low-contrast: @subtext0; + --color-text-nav-low-contrast: @subtext0; + --color-text-lower-contrast: @overlay2; + --color-text-nav-lower-contrast: @surface2; + + --color-text-error-low-contrast: @peach; + --color-text-error-low-contrast-rgb: #rgbify(@peach) []; + --color-text-error-medium-contrast: @red; + --color-text-error-high-contrast: @red; + + --color-text-status: @green; + --color-text-link: @accent-color; + --color-text-button: @crust; + + --color-background-task-value: @surface1; + --color-background-sidebar-task: @surface0; + + --color-overlay-low-contrast: @accent-color; + + --mdc-theme-surface: @base; + } + + header.note-header-container .logo-wrapper .ample-svg-logo .logo-icon { + fill: @text; + } + + .notes-list .notes-list-item:hover { + background-color: @crust; + } + + .ample-editor .editor-tabs .tab:not(.current) { + border-bottom-color: @surface0 !important; + } + + .referencing-notes, + .tab.current, + .editor-title-input-wrapper textarea, + .completed-tasks, + .no-tasks-message { + background-color: @base !important; + } + + .new-note-button { + color: @crust !important; + } + + .ample-editor .check-list-item.value-1 .row-wrapper { + border-left-color: @sapphire; + } + + .menu-button.synced { + color: @green !important; + } + + .menu-button .refreshing { + color: @blue !important; + } + + .primary-side-nav .section-link.default .shortcut-icon { + color: @yellow; + } + + .ample-editor:not(.mobile-embed) + .check-list-item:hover:not(.expanded) + .row-wrapper { + background-color: @surface0; + } + + .mdc-chip-set.mdc-chip-set--choice + .mdc-chip.mdc-chip--selected + .mdc-chip__icon--leading, + .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading { + color: @crust; + } + + .account-appearance-app .mdc-chip i.material-icons.mdc-chip__icon--leading { + color: @text; + } + + .DayPicker-Weekday { + color: @subtext0; + } + + .calendar-pane .fc { + .fc-timegrid-now-indicator-arrow { + .line { + border-bottom-color: @accent-color; + } + .material-icons { + color: @accent-color; + } + } + + .fc-timegrid-now-indicator-line { + border-color: darken(@accent-color, 10%); + } + + .fc-timegrid .fc-daygrid-day-events, + .fc-timegrid .all-day-slot { + background-color: @base; + } + } + + #completed-tasks-stroke-gradient, + #completed-tasks-fill-gradient { + [offset="0%"] { + stop-color: @maroon; + } + + [offset="50%"] { + stop-color: @peach; + } + + [offset="100%"] { + stop-color: @yellow; + } + } + } +} + +#rgbify(@color) { + @rgb-raw: red(@color), green(@color), blue(@color); +} + +/* prettier-ignore */ +@catppuccin: { + @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; + @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; + @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; + @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; +} + +// vim:ft=less diff --git a/styles/amplenote/preview.webp b/styles/amplenote/preview.webp new file mode 100644 index 0000000000..2ae774e753 --- /dev/null +++ b/styles/amplenote/preview.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:6cdf3745eeff95235899fed04e45a03a7ce08c7c913a6f562273285bdb23a878 +size 66048 diff --git a/styles/arch-wiki/catppuccin.user.css b/styles/arch-wiki/catppuccin.user.css index a21cc0e60a..cd2d85a26f 100644 --- a/styles/arch-wiki/catppuccin.user.css +++ b/styles/arch-wiki/catppuccin.user.css @@ -2,7 +2,7 @@ @name Arch Wiki Catppuccin @namespace github.com/catppuccin/userstyles/styles/arch-wiki @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki -@version 0.0.7 +@version 0.0.8 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarch-wiki @description Soothing pastel theme for Arch Wiki @@ -88,8 +88,9 @@ .mw-parser-output { background-color: @base !important; } + .mw-page-container { - background-color: @mantle !important; + background-color: @base !important; } .vector-header-container { @@ -392,11 +393,6 @@ color: @blue; } - .mw-body { - background-color: @base !important; - color: @text; - } - .cdx-text-input__input:enabled { background-color: @surface0 !important; color: @text !important; @@ -429,6 +425,40 @@ .mw-headline::before { color: @accent-color !important; } + + .cdx-button { + background-color: @base !important; + color: @text !important; + border-color: @base !important; + } + + .mw-body { + background-color: @base !important; + color: @text !important; + border-color: @base !important; + } + + .mw-search-profile-tabs { + background-color: @base !important; + color: @text !important; + border-color: @base !important; + } + + .mw-content-ltr { + background-color: @base !important; + } + + .vector-sticky-pinned-container::after { + background: @base !important; + } + + .cdx-search-input { + border-color: @mantle !important; + } + + .oo-ui-widget:hover { + background-color: @surface0 !important; + } } } diff --git a/styles/chatgpt/catppuccin.user.css b/styles/chatgpt/catppuccin.user.css index 60d89bac31..15caa572a2 100644 --- a/styles/chatgpt/catppuccin.user.css +++ b/styles/chatgpt/catppuccin.user.css @@ -2,7 +2,7 @@ @name ChatGPT Catppuccin @namespace github.com/catppuccin/userstyles/styles/chatgpt @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt -@version 0.3.1 +@version 0.3.2 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt @description Soothing pastel theme for ChatGPT @@ -419,27 +419,30 @@ background-color: var(--gray-200) !important; } + .btn-blue { + background-color: @blue; + color: @crust; + + &:hover { + background-color: darken(@blue, 5%); + } + } + .bg-[\#0077FF], - .bg-\[\#3C46FF\] { + .bg-\[\#3C46FF\], + .bg-[\#3C46FF], + .bg-[\#4046EC] { background-color: @blue; } .hover\:bg-\[\#0000FF\]:hover { - background-color: darken(@blue, 10%); + background-color: darken(@blue, 5%); } .bg-[\#10A37F] { background-color: @green; } - .bg-[\#3C46FF] { - background-color: @blue; - } - - .bg-[\#4046EC] { - background-color: @blue; - } - .bg-[\#B161FD] { background-color: @accent-color; } @@ -1034,7 +1037,7 @@ background-color: @base; } - img[alt="OpenAI's Logo"] { + .oai-header img { @svg: escape( '' ); diff --git a/styles/chess.com/README.md b/styles/chess.com/README.md index 30a9fa6824..6b61b5881b 100644 --- a/styles/chess.com/README.md +++ b/styles/chess.com/README.md @@ -19,12 +19,13 @@ -## 💝 Current Maintainer -- [coldenate](https://github.com/coldenate) +## 🚧 Looking for Maintainers 🚧 +- If you are interested in maintaining this userstyle, please raise a **Pull Request** and add yourself into the `current-maintainers` array in the `userstyles.yml` file. ## 💖 Past Maintainers - [skele](https://github.com/skelebro1) - [Isabel](https://github.com/isabelroses) +- [coldenate](https://github.com/coldenate)   diff --git a/styles/chess.com/catppuccin.user.css b/styles/chess.com/catppuccin.user.css index 34ab360204..ba6a205bc7 100644 --- a/styles/chess.com/catppuccin.user.css +++ b/styles/chess.com/catppuccin.user.css @@ -2,7 +2,7 @@ @name Chess.com Catppuccin @namespace github.com/catppuccin/userstyles/styles/chess.com @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chess.com -@version 0.1.4 +@version 0.1.6 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chess.com/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achess.com @description Soothing pastel theme for Chess.com @@ -20,7 +20,7 @@ #catppuccin(@lightFlavor, @accentColor); } - .dark-mode { + .dark-mode body { #catppuccin(@darkFlavor, @accentColor); } @@ -288,6 +288,18 @@ } } + .cc-button-primary { + --bgColor: @green; + --bgColorHover: darken(@green, 5); + color: @crust !important; + } + + .cc-button-secondary { + --bgColor: @surface0; + --bgColorHover: darken(@surface0, 5); + color: @text !important; + } + .clock-component.clock-black { background: @surface0; } diff --git a/styles/chess.com/scripts/generate/poetry.lock b/styles/chess.com/scripts/generate/poetry.lock index 535d5473af..f4292d2b96 100644 --- a/styles/chess.com/scripts/generate/poetry.lock +++ b/styles/chess.com/scripts/generate/poetry.lock @@ -14,34 +14,34 @@ files = [ [[package]] name = "black" -version = "24.4.2" +version = "24.8.0" description = "The uncompromising code formatter." category = "dev" optional = false python-versions = ">=3.8" files = [ - {file = "black-24.4.2-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:dd1b5a14e417189db4c7b64a6540f31730713d173f0b63e55fabd52d61d8fdce"}, - {file = "black-24.4.2-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:8e537d281831ad0e71007dcdcbe50a71470b978c453fa41ce77186bbe0ed6021"}, - {file = "black-24.4.2-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:eaea3008c281f1038edb473c1aa8ed8143a5535ff18f978a318f10302b254063"}, - {file = "black-24.4.2-cp310-cp310-win_amd64.whl", hash = "sha256:7768a0dbf16a39aa5e9a3ded568bb545c8c2727396d063bbaf847df05b08cd96"}, - {file = "black-24.4.2-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:257d724c2c9b1660f353b36c802ccece186a30accc7742c176d29c146df6e474"}, - {file = "black-24.4.2-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:bdde6f877a18f24844e381d45e9947a49e97933573ac9d4345399be37621e26c"}, - {file = "black-24.4.2-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:e151054aa00bad1f4e1f04919542885f89f5f7d086b8a59e5000e6c616896ffb"}, - {file = "black-24.4.2-cp311-cp311-win_amd64.whl", hash = "sha256:7e122b1c4fb252fd85df3ca93578732b4749d9be076593076ef4d07a0233c3e1"}, - {file = "black-24.4.2-cp312-cp312-macosx_10_9_x86_64.whl", hash = "sha256:accf49e151c8ed2c0cdc528691838afd217c50412534e876a19270fea1e28e2d"}, - {file = "black-24.4.2-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:88c57dc656038f1ab9f92b3eb5335ee9b021412feaa46330d5eba4e51fe49b04"}, - {file = "black-24.4.2-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:be8bef99eb46d5021bf053114442914baeb3649a89dc5f3a555c88737e5e98fc"}, - {file = "black-24.4.2-cp312-cp312-win_amd64.whl", hash = "sha256:415e686e87dbbe6f4cd5ef0fbf764af7b89f9057b97c908742b6008cc554b9c0"}, - {file = "black-24.4.2-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:bf10f7310db693bb62692609b397e8d67257c55f949abde4c67f9cc574492cc7"}, - {file = "black-24.4.2-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:98e123f1d5cfd42f886624d84464f7756f60ff6eab89ae845210631714f6db94"}, - {file = "black-24.4.2-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:48a85f2cb5e6799a9ef05347b476cce6c182d6c71ee36925a6c194d074336ef8"}, - {file = "black-24.4.2-cp38-cp38-win_amd64.whl", hash = "sha256:b1530ae42e9d6d5b670a34db49a94115a64596bc77710b1d05e9801e62ca0a7c"}, - {file = "black-24.4.2-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:37aae07b029fa0174d39daf02748b379399b909652a806e5708199bd93899da1"}, - {file = "black-24.4.2-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:da33a1a5e49c4122ccdfd56cd021ff1ebc4a1ec4e2d01594fef9b6f267a9e741"}, - {file = "black-24.4.2-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:ef703f83fc32e131e9bcc0a5094cfe85599e7109f896fe8bc96cc402f3eb4b6e"}, - {file = "black-24.4.2-cp39-cp39-win_amd64.whl", hash = "sha256:b9176b9832e84308818a99a561e90aa479e73c523b3f77afd07913380ae2eab7"}, - {file = "black-24.4.2-py3-none-any.whl", hash = "sha256:d36ed1124bb81b32f8614555b34cc4259c3fbc7eec17870e8ff8ded335b58d8c"}, - {file = "black-24.4.2.tar.gz", hash = "sha256:c872b53057f000085da66a19c55d68f6f8ddcac2642392ad3a355878406fbd4d"}, + {file = "black-24.8.0-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:09cdeb74d494ec023ded657f7092ba518e8cf78fa8386155e4a03fdcc44679e6"}, + {file = "black-24.8.0-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:81c6742da39f33b08e791da38410f32e27d632260e599df7245cccee2064afeb"}, + {file = "black-24.8.0-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:707a1ca89221bc8a1a64fb5e15ef39cd755633daa672a9db7498d1c19de66a42"}, + {file = "black-24.8.0-cp310-cp310-win_amd64.whl", hash = "sha256:d6417535d99c37cee4091a2f24eb2b6d5ec42b144d50f1f2e436d9fe1916fe1a"}, + {file = "black-24.8.0-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:fb6e2c0b86bbd43dee042e48059c9ad7830abd5c94b0bc518c0eeec57c3eddc1"}, + {file = "black-24.8.0-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:837fd281f1908d0076844bc2b801ad2d369c78c45cf800cad7b61686051041af"}, + {file = "black-24.8.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:62e8730977f0b77998029da7971fa896ceefa2c4c4933fcd593fa599ecbf97a4"}, + {file = "black-24.8.0-cp311-cp311-win_amd64.whl", hash = "sha256:72901b4913cbac8972ad911dc4098d5753704d1f3c56e44ae8dce99eecb0e3af"}, + {file = "black-24.8.0-cp312-cp312-macosx_10_9_x86_64.whl", hash = "sha256:7c046c1d1eeb7aea9335da62472481d3bbf3fd986e093cffd35f4385c94ae368"}, + {file = "black-24.8.0-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:649f6d84ccbae73ab767e206772cc2d7a393a001070a4c814a546afd0d423aed"}, + {file = "black-24.8.0-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:2b59b250fdba5f9a9cd9d0ece6e6d993d91ce877d121d161e4698af3eb9c1018"}, + {file = "black-24.8.0-cp312-cp312-win_amd64.whl", hash = "sha256:6e55d30d44bed36593c3163b9bc63bf58b3b30e4611e4d88a0c3c239930ed5b2"}, + {file = "black-24.8.0-cp38-cp38-macosx_10_9_x86_64.whl", hash = "sha256:505289f17ceda596658ae81b61ebbe2d9b25aa78067035184ed0a9d855d18afd"}, + {file = "black-24.8.0-cp38-cp38-macosx_11_0_arm64.whl", hash = "sha256:b19c9ad992c7883ad84c9b22aaa73562a16b819c1d8db7a1a1a49fb7ec13c7d2"}, + {file = "black-24.8.0-cp38-cp38-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:1f13f7f386f86f8121d76599114bb8c17b69d962137fc70efe56137727c7047e"}, + {file = "black-24.8.0-cp38-cp38-win_amd64.whl", hash = "sha256:f490dbd59680d809ca31efdae20e634f3fae27fba3ce0ba3208333b713bc3920"}, + {file = "black-24.8.0-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:eab4dd44ce80dea27dc69db40dab62d4ca96112f87996bca68cd75639aeb2e4c"}, + {file = "black-24.8.0-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:3c4285573d4897a7610054af5a890bde7c65cb466040c5f0c8b732812d7f0e5e"}, + {file = "black-24.8.0-cp39-cp39-manylinux_2_17_x86_64.manylinux2014_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:9e84e33b37be070ba135176c123ae52a51f82306def9f7d063ee302ecab2cf47"}, + {file = "black-24.8.0-cp39-cp39-win_amd64.whl", hash = "sha256:73bbf84ed136e45d451a260c6b73ed674652f90a2b3211d6a35e78054563a9bb"}, + {file = "black-24.8.0-py3-none-any.whl", hash = "sha256:972085c618ee94f402da1af548a4f218c754ea7e5dc70acb168bfaca4c2542ed"}, + {file = "black-24.8.0.tar.gz", hash = "sha256:2500945420b6784c38b9ee885af039f5e7471ef284ab03fa35ecdde4688cd83f"}, ] [package.dependencies] @@ -341,14 +341,14 @@ test = ["appdirs (==1.4.4)", "covdefaults (>=2.3)", "pytest (>=7.4.3)", "pytest- [[package]] name = "pylint" -version = "3.2.3" +version = "3.2.5" description = "python code static checker" category = "dev" optional = false python-versions = ">=3.8.0" files = [ - {file = "pylint-3.2.3-py3-none-any.whl", hash = "sha256:b3d7d2708a3e04b4679e02d99e72329a8b7ee8afb8d04110682278781f889fa8"}, - {file = "pylint-3.2.3.tar.gz", hash = "sha256:02f6c562b215582386068d52a30f520d84fdbcf2a95fc7e855b816060d048b60"}, + {file = "pylint-3.2.5-py3-none-any.whl", hash = "sha256:32cd6c042b5004b8e857d727708720c54a676d1e22917cf1a2df9b4d4868abd6"}, + {file = "pylint-3.2.5.tar.gz", hash = "sha256:e9b7171e242dcc6ebd0aaa7540481d1a72860748a0a7816b8fe6cf6c80a6fe7e"}, ] [package.dependencies] diff --git a/styles/cinny/catppuccin.user.css b/styles/cinny/catppuccin.user.css index 31d0a903d9..2b65eb4143 100644 --- a/styles/cinny/catppuccin.user.css +++ b/styles/cinny/catppuccin.user.css @@ -2,7 +2,7 @@ @name Cinny Catppuccin @namespace github.com/catppuccin/userstyles/styles/cinny @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/cinny -@version 2.2.1 +@version 2.3.1 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/cinny/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acinny @description Soothing pastel theme for Cinny @@ -59,44 +59,40 @@ } } + /* Backgrounds */ --bg-surface: @base; - --bg-surface-transparent: fadeout(@base, 100%); + --bg-surface-transparent: fade(@base, 0%); --bg-surface-low: @mantle; - --bg-surface-low-transparent: fadeout(@mantle, 100%); + --bg-surface-low-transparent: fade(@mantle, 0%); --bg-surface-extra-low: @crust; - --bg-surface-extra-low-transparent: fadeout(@crust, 100%); - --bg-surface-border: fadeout(@crust, 80%); - + --bg-surface-extra-low-transparent: fade(@crust, 0%); + --bg-surface-border: fade(@crust, 20%); --bg-surface-hover: @surface0; --bg-surface-active: @surface1; - - --bg-overlay: fadeout(@crust, 40%); - --bg-overlay-low: fadeout(@crust, 20%); - + --bg-overlay: fade(@crust, 60%); + --bg-overlay-low: fade(@crust, 80%); --bg-primary: @accent-color; - --bg-primary-hover: fadeout(@accent-color, 20%); - --bg-primary-active: fadeout(@accent-color, 30%); - --bg-primary-border: fadeout(@accent-color, 62%); - + --bg-primary-hover: fade(@accent-color, 80%); + --bg-primary-active: fade(@accent-color, 70%); + --bg-primary-border: fade(@accent-color, 38%); --bg-tooltip: @surface0; --bg-badge: @lavender; - --bg-positive: @green; - --bg-positive-hover: fadeout(@green, 92%); - --bg-positive-active: fadeout(@green, 85%); - --bg-positive-border: fadeout(@green, 60%); + --bg-positive-hover: fade(@green, 8%); + --bg-positive-active: fade(@green, 15%); + --bg-positive-border: fade(@green, 40%); --bg-caution: @peach; - --bg-caution-hover: fadeout(@peach, 92%); - --bg-caution-active: fadeout(@peach, 85%); - --bg-caution-border: fadeout(@peach, 60%); + --bg-caution-hover: fade(@peach, 8%); + --bg-caution-active: fade(@peach, 15%); + --bg-caution-border: fade(@peach, 40%); --bg-danger: @maroon; - --bg-danger-hover: fadeout(@maroon, 95%); - --bg-danger-active: fadeout(@maroon, 90%); - --bg-danger-border: fadeout(@maroon, 80%); - - --bg-ping: fadeout(@green, 60%); - --bg-ping-hover: fadeout(@green, 50%); + --bg-danger-hover: fade(@maroon, 5%); + --bg-danger-active: fade(@maroon, 10%); + --bg-danger-border: fade(@maroon, 20%); + --bg-ping: fade(@green, 40%); + --bg-ping-hover: fade(@green, 50%); + /* Texts */ --tc-surface-high: @text; --tc-surface-normal: @text; --tc-surface-normal-low: @subtext1; @@ -104,12 +100,10 @@ --tc-primary-high: @crust; --tc-primary-normal: @text; --tc-primary-low: @subtext1; - --tc-tooltip: @subtext0; --tc-code: @mauve; --tc-link: @rosewater; --tc-badge: @crust; - --tc-positive-high: @green; --tc-positive-normal: @green; --tc-positive-low: @green; @@ -120,12 +114,13 @@ --tc-danger-normal: @maroon; --tc-danger-low: @maroon; + /* Icons */ --ic-surface-high: @text; --ic-surface-normal: @text; --ic-surface-low: @subtext1; - --ic-primary-high: @text; + --ic-primary-high: @crust; --ic-primary-normal: @crust; - + --ic-primary-low: @crust; --ic-positive-high: @green; --ic-positive-normal: @maroon; --ic-caution-high: @peach; @@ -133,6 +128,7 @@ --ic-danger-high: @maroon; --ic-danger-normal: @maroon; + /* Users */ --mx-uc-1: @blue; --mx-uc-2: @pink; --mx-uc-3: @teal; @@ -142,124 +138,137 @@ --mx-uc-7: @mauve; --mx-uc-8: @green; - --oq6d070: @mantle; - --oq6d071: @base; - --oq6d072: @surface0; - --oq6d073: @surface1; - --oq6d074: @text; - --oq6d075: @base; - --oq6d076: @surface0; - --oq6d077: @surface1; - --oq6d078: @surface2; - --oq6d079: @text; - --oq6d07a: @mantle; - --oq6d07b: @base; - --oq6d07c: @surface0; - --oq6d07d: @surface1; - --oq6d07e: @text; - - --oq6d07f: @subtext0; - --oq6d07g: @overlay2; - --oq6d07h: @overlay1; - --oq6d07i: @overlay0; - - --oq6d07j: fadeout(@accent-color, 40%); - --oq6d07k: fadeout(@accent-color, 50%); - --oq6d07l: fadeout(@accent-color, 60%); - --oq6d07m: fadeout(@accent-color, 70%); - --oq6d07n: fadeout(@accent-color, 80%); - - --oq6d07o: @text; - --oq6d07p: @subtext1; - --oq6d07q: @subtext0; - --oq6d07r: @overlay2; - --oq6d07s: @overlay1; - - --oq6d07t: @mantle; - --oq6d07u: @surface0; - --oq6d07v: @surface1; - --oq6d07w: @surface2; - --oq6d07x: @overlay0; - --oq6d07y: @subtext0; - - --oq6d07z: fadeout(@green, 10%); - --oq6d0710: fadeout(@green, 5%); - --oq6d0711: fadeout(@green, 2.5%); - --oq6d0712: @green; - --oq6d0713: @surface0; - --oq6d0714: fadeout(@surface0, 2.5%); - --oq6d0715: fadeout(@surface0, 5%); - --oq6d0716: fadeout(@surface0, 10%); - --oq6d0717: fadeout(@surface0, 20%); + body.oq6d071w, + &._15q3ngn0, + &._15q3ngn1, + &._15q3ngn2 { + --oq6d070: @mantle; + --oq6d071: @base; + --oq6d072: @surface0; + --oq6d073: @surface1; + --oq6d074: @text; + --oq6d075: @base; + --oq6d076: @surface0; + --oq6d077: @surface1; + --oq6d078: @surface2; + --oq6d079: @text; + --oq6d07a: @mantle; + --oq6d07b: @base; + --oq6d07c: @surface0; + --oq6d07d: @surface1; + --oq6d07e: @text; + + --oq6d07f: @subtext0; + --oq6d07g: @overlay2; + --oq6d07h: @overlay1; + --oq6d07i: @overlay0; + + --oq6d07j: @base; + + --oq6d07k: fade(@accent-color, 50%); + --oq6d07l: fade(@accent-color, 40%); + --oq6d07m: fade(@accent-color, 30%); + --oq6d07n: fade(@accent-color, 20%); + + --oq6d07o: @text; + --oq6d07p: @subtext1; + --oq6d07q: @subtext0; + --oq6d07r: @overlay2; + --oq6d07s: @overlay1; + + --oq6d07t: @mantle; + --oq6d07u: @surface0; + --oq6d07v: @surface1; + --oq6d07w: @surface2; + --oq6d07x: @overlay0; + --oq6d07y: @subtext0; + + --oq6d07z: fade(@green, 90%); + --oq6d0710: fade(@green, 95%); + --oq6d0711: fade(@green, 97.5%); + --oq6d0712: @green; + --oq6d0713: @surface0; + --oq6d0714: fade(@surface0, 97.5%); + --oq6d0715: fade(@surface0, 95%); + --oq6d0716: fade(@surface0, 90%); + --oq6d0717: fade(@surface0, 80%); + + --oq6d0718: @green; + + --oq6d0719: fade(@peach, 90%); + --oq6d071a: fade(@peach, 95%); + --oq6d071b: fade(@peach, 97.5%); + --oq6d071c: @peach; + --oq6d071d: fade(@surface0, 97.5%); + --oq6d071e: fade(@surface0, 95%); + --oq6d071f: fade(@surface0, 90%); + --oq6d071g: fade(@surface0, 80%); + --oq6d071h: fade(@surface0, 70%); + + --oq6d071i: fade(@maroon, 90%); + --oq6d071j: fade(@maroon, 95%); + --oq6d071k: fade(@maroon, 97.5%); + --oq6d071l: @maroon; + --oq6d071m: fade(@surface0, 97.5%); + --oq6d071n: fade(@surface0, 95%); + --oq6d071o: fade(@surface0, 90%); + --oq6d071p: fade(@surface0, 80%); + --oq6d071q: fade(@surface0, 70%); + --oq6d071r: fade(@surface0, 60%); + --oq6d071s: fade(@maroon, 90%); + + --oq6d071t: fade(@text, 50%); + --oq6d071u: @crust; + --oq6d071v: fade(@crust, 60%); + } - --oq6d0718: @green; + /* Syntax highlighting */ + body.prism-light, + &.prism-light, + &.prism-dark { + --prism-comment: @overlay0; + --prism-punctuation: @sky; + --prism-property: @yellow; + --prism-boolean: @peach; + --prism-selector: @green; + --prism-operator: @sky; + --prism-atrule: @pink; + --prism-keyword: @mauve; + --prism-regex: @maroon; + } - --oq6d0719: fadeout(@peach, 10%); - --oq6d071a: fadeout(@peach, 5%); - --oq6d071b: fadeout(@peach, 2.5%); - --oq60d71c: @peach; - --oq6d071d: fadeout(@surface0, 2.5%); - --oq6d071e: fadeout(@surface0, 5%); - --oq6d071f: fadeout(@surface0, 10%); - --oq6d071g: fadeout(@surface0, 20%); - --oq6d071h: fadeout(@surface0, 30%); + /* Search results */ + ._1m2qi7rn { + background-color: @accent-color; + color: @base; + } - --oq6d071i: fadeout(@maroon, 10%); - --oq6d071j: fadeout(@maroon, 5%); - --oq6d071k: fadeout(@maroon, 2.5%); - --oq6d071l: @maroon; - --oq6d071m: fadeout(@surface0, 2.5%); - --oq6d071n: fadeout(@surface0, 5%); - --oq6d071o: fadeout(@surface0, 10%); - --oq6d071p: fadeout(@surface0, 20%); - --oq6d071q: fadeout(@surface0, 30%); - --oq6d071r: fadeout(@surface0, 40%); - --oq6d071s: fadeout(@maroon, 10%); + /* Footer */ + .footer { + .text-s1, + .text-h2, + a { + color: @text; + } - --oq6d071t: fadeout(@text, 50%); - --oq6d071u: @crust; - --oq6d071v: fadeout(@crust, 40%); + .footer__creator, + .footer__menu-container .text-b3 { + color: @subtext0; + } - --prism-comment: @overlay0; - --prism-punctuation: @sky; - --prism-property: @yellow; - --prism-boolean: @peach; - --prism-selector: @green; - --prism-operator: @sky; - --prism-atrule: @pink; - --prism-keyword: @mauve; - --prism-regex: @maroon; + background-color: @base; + } } :root, - .oq6d071w, - .silver-theme, - ._15q3ngn0, - .prism-light { + .silver-theme { #catppuccin(@lightFlavor, @accentColor); } .dark-theme, - .dark-theme .text, - ._15q3ngn1, - .butter-theme, - .butter-theme .text, - ._15q3ngn2, - .prism-dark { + .butter-theme { #catppuccin(@darkFlavor, @accentColor); } - - @media (prefers-color-scheme: light) { - .system-theme { - #catppuccin(@lightFlavor, @accentColor); - } - } - @media (prefers-color-scheme: dark) { - .system-theme, - .system-theme .text { - #catppuccin(@darkFlavor, @accentColor); - } - } } /* prettier-ignore */ diff --git a/styles/cinny/preview.webp b/styles/cinny/preview.webp index e345ab2872..50392ab14d 100644 --- a/styles/cinny/preview.webp +++ b/styles/cinny/preview.webp @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:5d2501bfac0a55c1cf212b58167babca7ad790f866fc343bfbdb0d9738d191c4 -size 61090 +oid sha256:9d064d47f4799db15b55da3a2933a6659ee0bae9118073cccdbf73ed036d5463 +size 168466 diff --git a/styles/codeberg/catppuccin.user.css b/styles/codeberg/catppuccin.user.css index 1094d7fd2d..0a85237ea7 100644 --- a/styles/codeberg/catppuccin.user.css +++ b/styles/codeberg/catppuccin.user.css @@ -2,7 +2,7 @@ @name Codeberg Catppuccin @namespace github.com/catppuccin/userstyles/styles/codeberg @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/codeberg -@version 1.1.3 +@version 1.1.4 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acodeberg @description Soothing pastel theme for Codeberg @@ -64,7 +64,8 @@ --color-footer-text: @text; .ui.secondary.menu .dropdown.item:hover, - .ui.secondary.menu a.item:hover { + .ui.secondary.menu a.item:hover, + .ui.secondary.menu a.active.item:hover { background-color: var(--color-nav-hover-bg); color: var(--color-black); } diff --git a/styles/deepl/catppuccin.user.css b/styles/deepl/catppuccin.user.css index 51f5abd28d..a33b87b377 100644 --- a/styles/deepl/catppuccin.user.css +++ b/styles/deepl/catppuccin.user.css @@ -2,7 +2,7 @@ @name DeepL Catppuccin @namespace github.com/catppuccin/userstyles/styles/deepl @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/deepl -@version 0.3.5 +@version 1.0.2 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adeepl @description Soothing pastel theme for DeepL @@ -13,8 +13,6 @@ @var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"] @var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] @var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] - -@var checkbox zenMode "Zen Mode" 0 ==/UserStyle== */ @-moz-document regexp("https:\\/\\/www.deepl.com\\/?(.*\\/)translator.*$") { @@ -58,7 +56,8 @@ @crust: @catppuccin[@@lookup][@crust]; @accent-color: @catppuccin[@@lookup][@@accent]; - @accent-text: @crust; // if(@lookup=latte, #fff, @crust) * this doesn't work for some reason. find fix + @text-filter: @catppuccin[@@lookup][@text_filter]; + @blue-filter: @catppuccin[@@lookup][@blue_filter]; color-scheme: if(@lookup = latte, light, dark); @@ -73,221 +72,115 @@ } } - body, - button { - color: @text; - } - - p { - color: @subtext1; - } - - a { - color: @accent-color; - - &:hover { - color: darken(@accent-color, 8%); - } + /* header */ + .BasePageHeader-module--container--d81cb { + background-color: @mantle !important; } - input { - background-color: @base; + /* background */ + body { + background-color: @base !important; + color: @text !important; } - // dammit tailwind .bg-neutral-next-50, - .bg-deprecated-grey { - background-color: @mantle; - } - - &, .bg-white, - .bg-blue-100 { - background-color: @base; - } - - .bg-dark-8 { - background-color: @surface0; - } - - .bg-mosque { - background-color: spin(@accent-color, 30); - - &.text-white { - color: @accent-text; - } - } - - .bg-blue-next-500 { - background-color: @accent-color; - - &.text-white { - color: @accent-text; - } - } - - .border-dark-7, - .border-neutral-300 { - border-color: @surface0; - } - - .border-blue-chill, - .bg-blue-next-500 { - border-color: @accent-color; - } - - .border-neutral-next-900 { - border-color: @overlay1; - } - - .text-deepl-blue, - .text-blue-600 { - color: @accent-color; - } - - .text-blue-chill { - color: spin(@accent-color, 30); - } - - .text-deprecated-mid-grey { - color: @text; - } - - .text-neutral-600 { - color: @subtext0; - } - - .text-dark-1, - .text-deprecated-almost-black { - color: @subtext1; - } - - .text-white, - .text-black { - color: @text; - } - - .text-neutral-next-800 { - color: @overlay1; - } - - [class*="hover:bg-dark-8"]:hover, - [class*="enabled:hover:bg-dark-8"]:hover:enabled, - [class*="hover:bg-neutral-200"]:hover, - [class*="hover:bg-neutral-next-100"]:hover { - background-color: @surface0; - } - - [class*="hover:bg-blue-200"]:hover { - background-color: mix(@accent-color, @base, 8%); + .contextual-menu-dragging-area, + input { + background-color: @base !important; } - [class*="hover:bg-blue-next-700"]:hover { - background-color: darken(@accent-color, 8%); + .pageFooterV2-module--footerOuterContainer--0b055 { + background-color: @mantle !important; } - [class*="hover:border-blue-next-700"]:hover { - border-color: darken(@accent-color, 8%); + /* text color */ + h1, + h2, + h3, + h4, + p, + a, + button, + span, + input, + ul, + li, + .mb-3, + .mb-4, + .GlossaryModalWithIllustration-module--content--2bf03, + .lmt__glossary_editor_glossaryName { + color: @text !important; } - [class*="disabled:text-dark-5:disabled"], - [class*="disabled:text-neutral-500:disabled"] { - color: @overlay1; + .text-neutral-next-600 { + color: @subtext0 !important; } - [class*="hover:text-blue-chill"]:hover { - color: darken(@accent-color, 15%); + /* privacy notice */ + .cookieBanner-module--container--9baef { + background-color: @surface0 !important; + color: @text !important; } - [class*="bg-[#E1F0F5]"] { - background-color: fadeout(@accent-color, 70%); + .button-module--button--4f58d.button-module--color_primaryAlt3--cd3cf { + border-color: @text !important; } - // span[class*="hover:bg-[#B4DAE8]"], - [class*="bg-[#B4DAE8]"] { - // background-color: fadeout(@accent-color, 55%); - - &[class*="text-[#01557C]"] { - color: darken(@accent-color, 50%); - } + /* side menu */ + .classicSidemenu-module--menuContainer--35157 { + background-color: @base !important; } - [class*="text-[#25282D]"] { - color: @text; + /* borders */ + .border-black { + border-color: @surface2 !important; } - [class*="text-[#01557C]"] { - color: @accent-color; + .border-neutral-next-100, + .StartFreeTrialButton-module--startFreeTrialButton--bd671 { + border-color: @surface0 !important; } - .divide-dark-7 > :not([hidden]) ~ :not([hidden]) { - border-color: @surface1; + .divide-y > :not([hidden]) ~ :not([hidden]) { + border-color: @base; } - // general stuff - [class*="button--"] { - &[class*="variant_contained--"], - &[class*="variant_contained--"]:hover { - color: @accent-text; - } - - &[class*="color_primary--"] { - background-color: @accent-color; - border-color: @accent-color; - - &:hover { - background-color: darken(@accent-color, 15%); - border-color: darken(@accent-color, 15%); - color: @accent-text; - } - } + .TranslatorTab-module--active--0b6ea + .TranslatorTab-module--innerLower--8a080 { + background-color: @accent-color !important; } - [class*="IconAnchor-module--anchor--"] { - color: @accent-color; - - &:hover { - background-color: @surface0; - } + .ring-neutral-next-900 { + --tw-ring-color: @surface2; } - [stroke="#0F2B46"] { - stroke: @accent-color !important; + .border-neutral-next-900 { + border-color: @surface2 !important; } - [stroke="#006494"] { - stroke: @subtext0 !important; + input { + border-color: @surface0 !important; } - // header - [class*="BasePageHeader-module--"] { - background-color: @crust; + /* hover */ + button:hover, + .bg-blue-next-500:hover { + background-color: @surface1 !important; } - .border-\[\#f1f1f1\] { - border-color: @surface0; + a:hover { + background-color: @mantle !important; } - [class|="PageHeaderLink-module--pageHeaderLink"], - [class|="FlyoutMenuButton-module--flyoutMenuButton"], - [class|="LoginButton-module--loginButton"] { - color: darken(@accent-color, 8%); + .FlyoutMenuButton-module--flyoutMenuButton--97ae6:hover { + background-color: @mantle !important; } - [class|="SideMenuButton-module--menuButton"] { - &, - &::before, - &::after { - border-top-color: darken(@accent-color, 8%); - } - - &:hover { - &, - &::before, - &::after { - border-top-color: @accent-color; - } - } + [class*="SourceTranslatorArea-module--focusBorder--"]:has( + div[contenteditable="true"]:focus + ) { + border-color: @accent-color; } [class*="PageHeaderLink-module--pageHeaderLink--"]:not( @@ -297,460 +190,145 @@ border-color: @accent-color; } - [class|="LoginButton-module--loginButton"]:hover { - color: @accent-color; + /* buttons */ + .TranslatorTab-module--cardButton--4b203, + .bg-\[\#EDF8FC\] { + background-color: @surface0 !important; + border-color: @surface0 !important; } - [class*="badge-module--badge--"][class*="badge-module--proDark--"] { - background-color: spin(@accent-color, 30); - color: @accent-text; + .StartFreeTrialButton-module--startFreeTrialButton--bd671, + .bg-blue-next-50 { + background-color: @surface0 !important; } - [class*="StartFreeTrialButton-module--startFreeTrialButton--"] { - background-color: @accent-color !important; - border-color: @accent-color !important; - color: @accent-text !important; - - &:hover { - background-color: darken(@accent-color, 8%); - border-color: darken(@accent-color, 8%); - color: @accent-text; - } - } - - [class|="ProductUpdateButton-module--updateToolTip"] { + .bg-blue-next-500 { background-color: @surface0; - color: @text; - - &::after { - border-bottom-color: @surface0; - } - } - - // buttons above translation container - .bg-\[\#EDF8FC\], - [class|="cardButton"] { - background-color: @base; border-color: @surface0; - - &:not([class*="active--"]):hover { - background-color: @surface0; - } } - [class|="textLower"] { - color: @overlay1; + .LanguageSelector-module--wrapper--f9f17 { + --button-background: @surface0 !important; + --button-border-color: @surface0 !important; + color: @base !important; } - [class|="logo"], - [class|="textUpper"] { - color: @accent-color; + .CareerBanner-module--container--2ac20 { + background-color: @surface0 !important; } - [class*="active--"] { - [class|="logo"], - [class|="textUpper"] { - color: @text; - } - - [class|="innerLower"] { - background-color: @accent-color; - } + /* glossary button */ + .lmt__glossaryButton, + .lmt__glossaryButton__desktop:hover, + .ModalDialogContent-module--content--5751e { + background-color: @surface0 !important; } - // translation container - [class*="SourceTranslatorArea-module--focusBorder--"]:has( - div[contenteditable="true"]:focus - ) { - border-color: @accent-color; + .lmt__glossary_acceptButton, + .lmt__glossary_editor, + .lmt__glossary_editor_subBar_top, + .lmt__glossary_editor_subBar_bottom, + .lmt__glossary_editor_mainBar, + .Select-module--wrapper--53ec7 .Select-module--flyout--c91f3, + .lmt_firstEntry-content, + .lmt__glossary_newEntry_langButton, + .Select-module--wrapper--53ec7, + .Select-module--button--f032e { + background-color: @surface0 !important; + border-color: @surface0 !important; } - d-textarea > [data-placeholder], - d-textarea > div[data-content="true"]::before { - color: @subtext0; + .desktop-glossary-overwrites .lmt__language_select__menu { + background-color: @surface0 !important; + color: @text !important; } - [class*="enabled:hover-capable:hover:bg-dark-8"]:hover:enabled { - background-color: @surface0; + .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu + button + .langName { + color: @text !important; } - // alternatives - [data-testid="word-alternatives-list"] { - [class*="root--"] { - background-color: @base; - - &[class*="selected--"] { - background-color: @surface0; - } - } + /* pro banner */ + .ProBanner2021-module--wrapper--c7e3d, + .p-8 { + background: @base !important; } - div:has(> [class^="DictionaryContent-module--content--"].embedded) { - background-color: @base; - - .tag_lemma .dictLink { - color: @subtext1; - } - - .translation_group .translation_group_line .notascommon, - .translation_group .translation_group_line .translation.sortablemg .sep { - color: @overlay2; - } + /* some button colors */ + .badge-module--badge--c9ebe.badge-module--proDark--a4d4e { + background-color: @green; + color: @base !important; } - // dictionary - [class*="DictionaryContent-module--content--"] { - .isForeignTerm .inflectioninfo, - .isForeignTerm .tag_lemma, - .isForeignTerm .tag_lemma a, - .isForeignTerm .tag_s, - .isForeignTerm .tag_s a, - .isForeignTerm .tag_trans_src_context, - .tag_trans { - color: @subtext1; - } - - .isForeignTerm .tag_t, - .isForeignTerm .tag_t a, - .isForeignTerm .tag_trans, - .isForeignTerm .tag_trans a, - .tag_lemma a { - color: @accent-color; - } - - .notascommon, - .sep { - color: @overlay2; - } - } - - // glossary - .lmt__glossary_dialog--arrow { - &::before { - border-color: @surface1 transparent transparent; - } - - &::after { - border-color: @surface0 transparent transparent; - } - } - - .lmt__glossary_onOffSwitch_container { - label[class|="label"] { - --background: @overlay1; - --backgroundHover: darken(@overlay1, 8%); - --inlineLabelColor: @accent-text; - --outline-color: @accent-color; - - &[class*="selected--"] { - --background: @green; - --backgroundHover: darken(@green, 8%); - } - - [class|="toggle"] [class|="knob"] { - background: @accent-text; - } - } - } - - [class|="modal"], - .lmt__glossary_editor { - background-color: @base; - - [class*="Form-module--form--"] [class*="Form-module--submit--"] { - background: @accent-color; - color: @accent-text; - - &:disabled { - background: fadeout(@accent-color, 50%); - } - } - } - - .lmt__glossary_editor { - color: @text; - border-color: @accent-color; - - form.bg-deprecated-grey - [class|="wrapper"][class*="Form-module--inputSource--"], - form.bg-deprecated-grey - [class|="wrapper"][class*="Form-module--inputTarget--"] { - --input-background: @base; - --input-border-color: @surface1; - --input-color: @subtext1; - - [class|="button"][aria-expanded="true"] { - border-color: @accent-color; - } - - [class|="controls"] [class|="wrapper"] { - --button-background: @base; - --button-border-color: @surface1; - --button-color: @subtext1; - - [class|="flyout"] { - background: @base; - --option-color: @subtext1; - --option-selected-color: @subtext1; - --option-background: fadeout(@yellow, 80%); - --option-disabled-color: @overlay1; - --option-icon-color: @accent-color; - } - } - } - } - - .lmt__glossary_editor_mainBar { - background-color: @accent-color; - color: @accent-text; - - .lmt__glossary_editorClose { - color: inherit; - } - } - - .lmt__glossary_editor .lmt__glossary_editor_subBar_top, - .lmt__glossary_editor_subBar_bottom { - background-color: @mantle; - } - - .lmt__glossary_editor - .lmt__glossary_editor_subBar_top - .lmt__glossary_editor_glossarySelect - .lmt__glossary_editor_glossaryNameWrapper - .lmt__glossary_editor_glossaryName { - color: inherit; - } - - .lmt__glossary_editor - .lmt__glossary_editor_subBar_top - .lmt__glossary_editor_glossarySelect - .lmt__glossary_editor_glossaryNameWrapper - .lmt__glossary_editor_glossarySelectChevron.lmt__glossary_arrowDown { - border-right-color: darken(@accent-color, 8%); - border-bottom-color: darken(@accent-color, 8%); - } - - .lmt__glossary_button .lmt__glossary_button_label:hover, - .lmt__glossary_highlight, - .lmt__glossary_editor_subBar_bottom - .lmt__glossary_editor_glossaryAddNewWrapper - .lmt__glossary_editor_glossaryAddNew { - color: @accent-color; - } - - .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource, - .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget { - border-color: @surface1; - color: @subtext1; - - &:focus { - border-color: @accent-color; - } - } - - .lmt__glossary_editor_langPairHeadline { - color: inherit; - border-bottom-color: @surface1; - } - - .lmt__glossary_editorRow { - color: inherit; - - .iconButton { - color: @subtext0; - } - } - - .lmt__glossary_arrowRightWrapper .lmt__glossary_arrowRight { - border-bottom-color: @surface1; - border-right-color: @surface1; - } - - .lmt__glossary_dialog { - background-color: @surface0; - border-color: @surface1; - color: @text; + .button-module--button--a854e.button-module--color_secondary--f171e { + background-color: @peach; + border-color: @peach !important; + color: @base !important; } - .lmt__glossary_dialog__line--suggestions, - .lmt__glossary_dialog__line .choice .option { - color: @accent-color; - } - - // this this appears when you click on a word on the translated container... - .root--Te5J3 { - background-color: @base; + .button-module--button--a854e.button-module--variant_outline--b937c { + background-color: @surface0 !important; + border-color: @surface0 !important; } - .divider--CI8JQ { - color: @surface1; + .button-module--button--a854e.button-module--color_primary--bfa59 { + background-color: @blue !important; + border-color: @blue !important; + color: @base !important; } - // translate files - [class^="UploadPanel-module--docTrans__help_popup--"] { - background-color: @base; - } - - // quotes - [class|="Quote-module--quote"] { + /* dropdowns */ + .ProductUpdatesContainer-module--updateContainer--16394, + .ProductUpdateFooter-module--updateFooter--b46f0, + .LanguageSelector-module--flyout--6bfe6 { background-color: @base !important; - border-color: @surface0; - color: @text; - } - - [class|="Quote-module--quoteSource"] { - > a { - color: darken(@accent-color, 8%); - } + border-color: @surface0 !important; } - [class|="Quotes-module--quotesNavigationEntry"] { - background-color: @surface1; + /* allow mic/get extension prompt */ + .bg-neutral-next-900, + .bg-blue-next-800 { + background-color: @surface0 !important; + color: @text !important; } - [class*="Quotes-module--quotesNavigationEntryActive--"] { - background-color: @accent-color; + /* icons, svgs and images */ + svg { + color: @text !important; } - // aside - [class^="ProBanner2021-module--wrapper--"], - [class|="CareerBanner-module--container"] { - background: @base; + .lmt__glossary_ad_checkmark, + .lmt__glossary_arrowDown { + border-color: @text !important; } - [class|="CareerBanner-module--text"] { - h2 { - color: @overlay1; - } - } - - [class|="PopularLangPairList-module--seoText"] { - color: @overlay0; - - p[class|="PopularLangPairList-module--title"] { - color: @overlay2; - } + path, + .DeeplLogoText-module--logoText--34a4f, + .ProBanner2021-module--lockitem--febe3, + .FlyoutMenuButton-module--flyoutMenuButton--97ae6::after, + #top-navi-sidemenu-opener, + .pageFooterV2-module--socialMediaLinks--71305, + .ProBanner2021-module--checkitem--2d8e7, + [src*="https://static.deepl.com/img/app_desktop.svg"] + { + filter: @text-filter; } - // footer - footer [class|="pageFooterV2-module--footerOuterContainer"] { - background-color: @base; - } - - [class|="ProBanner2021-module--textLink"] { - color: spin(@accent-color, 30); - } - - [class|="pageFooterV2-module--footerOuterContainer"] - [class|="pageFooterV2-module--footerContainer"] - [class|="pageFooterV2-module--footerContentContainer"] - [class|="pageFooterV2-module--linksContainer"] - [class|="pageFooterV2-module--linkList"] - li { - &:first-of-type { - color: @overlay1; - } - - &:not(:first-of-type) a { - color: @text !important; - } - } - - [class|="LanguageSelector-module--wrapper"] { - --button-background: @surface0; - --button-border-color: @surface1; - --button-color: @subtext1; - - [class|="LanguageSelector-module--flyout"] { - background: @surface0; - // --option-background: @surface0; - --option-color: @subtext1; - --option-icon-color: @accent-color; - - [class|="LanguageSelector-module--option"][class*="LanguageSelector-module--active--"] { - --option-background: fadeout(@yellow, 80%); - } - } - } - - // side menu - [class|="classicSidemenu-module--menuContainer"] { - background-color: @base; - - [class|="closeButton-module--closeButton"] { - &::before, - &::after { - background-color: @accent-color; - } - } - } - - [class|="classicSidemenu-module--mainContent"] { - border-bottom-color: @surface0; - } - - [class|="mainMenu-module--container"] a { - color: @text; - - &:hover { - color: @accent-color; - } - } - - [class|="subMenu-module--container"] { - button { - color: @text !important; - } - - [class|="button-module--button"][class*="button-module--variant_text--"] { - &, - &:hover { - background-color: transparent; - } - } - } - - .lmt__glossary_ad_checkmark { - border-bottom-color: @green; - border-right-color: @green; - } - - & when (@zenMode = 1) { - header, - [class="w-full bg-white px-8 lg:px-[70px]"], - [class="p-8 lg:px-[70px]"], - footer, - [href="/write"].block { - display: none; - } - - body { - background: @mantle; - } - - [class="relative pr-0 false"] { - height: 100%; - } - - [data-testid="translator"] { - place-content: center center; - align-items: center; - - > div:first-of-type { - width: 100vw; - } - } + .Logo-module--logoImg--1ee7e, + .LogoLink-module--logoText--33735, + .deeplLogo-module--logo--ffd7a { + filter: @blue-filter; } } } /* prettier-ignore */ @catppuccin: { - @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; - @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; - @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; - @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; + @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @blue_filter: brightness(0) saturate(100%) invert(26%) sepia(100%) saturate(1906%) hue-rotate(213deg) brightness(97%) contrast(97%); @lavender: #7287fd; @text: #4c4f69; @text_filter: brightness(0) saturate(100%) invert(31%) sepia(12%) saturate(1015%) hue-rotate(196deg) brightness(94%) contrast(91%); @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; + @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @blue_filter: brightness(0) saturate(100%) invert(68%) sepia(9%) saturate(1948%) hue-rotate(186deg) brightness(98%) contrast(90%); @lavender: #babbf1; @text: #c6d0f5; @text_filter: brightness(0) saturate(100%) invert(80%) sepia(11%) saturate(726%) hue-rotate(192deg) brightness(104%) contrast(92%); @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; + @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @blue_filter: brightness(0) saturate(100%) invert(65%) sepia(13%) saturate(1397%) hue-rotate(184deg) brightness(103%) contrast(91%); @lavender: #b7bdf8; @text: #cad3f5; @text_filter: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1385%) hue-rotate(192deg) brightness(101%) contrast(92%); @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; + @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @blue_filter: brightness(0) saturate(100%) invert(65%) sepia(51%) saturate(534%) hue-rotate(188deg) brightness(98%) contrast(101%); @lavender: #b4befe; @text: #cdd6f4; @text_filter: brightness(0) saturate(100%) invert(87%) sepia(6%) saturate(985%) hue-rotate(191deg) brightness(96%) contrast(99%); @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; } // vim:ft=less diff --git a/styles/duckduckgo/catppuccin.user.css b/styles/duckduckgo/catppuccin.user.css index 6722e25a24..e43132ed69 100644 --- a/styles/duckduckgo/catppuccin.user.css +++ b/styles/duckduckgo/catppuccin.user.css @@ -2,7 +2,7 @@ @name DuckDuckGo Catppuccin @namespace github.com/catppuccin/userstyles/styles/duckduckgo @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/duckduckgo -@version 0.2.4 +@version 0.2.5 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aduckduckgo @description Soothing pastel theme for DuckDuckGo @@ -146,6 +146,7 @@ --theme-button-tertiary-txt: @text !important; --theme-browser-comparison-table-icon-bg: @mantle !important; --theme-col-bg-ui: @mantle !important; + --theme-col-bg-header: @mantle !important; --theme-col-bg-header-modal: @surface0 !important; --theme-col-bg-button-primary: @blue !important; /* ai chat */ @@ -202,16 +203,19 @@ } /* privacy reminders */ - .wXKLp5dS9jGvo097pfaG { + .wXKLp5dS9jGvo097pfaG, + .privacy-reminder__text { color: @green !important; } - .IuA6a2PUTR9Lck6m0WlP { + .IuA6a2PUTR9Lck6m0WlP, + .privacy-reminder__icon-circle { @svg: escape( '' ); background-image: url("data:image/svg+xml,@{svg}") !important; } - .XxDCpwElzOhQaLmCxJ8z { + .XxDCpwElzOhQaLmCxJ8z, + .privacy-reminder__icon-shield { @svg: escape( '' ); diff --git a/styles/gmail/README.md b/styles/gmail/README.md index b34979ec56..a6ebca2017 100644 --- a/styles/gmail/README.md +++ b/styles/gmail/README.md @@ -18,11 +18,11 @@

## Usage -Switch to either the dark or default themes via the **gear icon** > **themes** > **view all** for the best experience! +Switch to the default dark theme via the **Settings** > **Themes** > **View all** for the best experience! -## 🚧 Looking for Maintainers 🚧 -- If you are interested in maintaining this userstyle, please raise a **Pull Request** and add yourself into the `current-maintainers` array in the `userstyles.yml` file. +## 💝 Current Maintainer +- [uncenter](https://github.com/uncenter) ## 💖 Past Maintainer - [Isabel](https://github.com/isabelroses) diff --git a/styles/gmail/catppuccin.user.css b/styles/gmail/catppuccin.user.css index b1e2d77da6..ac38bd61cf 100644 --- a/styles/gmail/catppuccin.user.css +++ b/styles/gmail/catppuccin.user.css @@ -2,7 +2,7 @@ @name Gmail Catppuccin @namespace github.com/catppuccin/userstyles/styles/gmail @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/gmail -@version 0.1.4 +@version 0.2.1 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agmail @description Soothing pastel theme for Gmail @@ -56,6 +56,10 @@ @crust: @catppuccin[@@lookup][@crust]; @accent-color: @catppuccin[@@lookup][@@accent]; + @crust-filter: @catppuccin[@@lookup][@crust_filter]; + @text-filter: @catppuccin[@@lookup][@text_filter]; + @yellow-filter: @catppuccin[@@lookup][@yellow_filter]; + color-scheme: if(@lookup = latte, light, dark); ::selection { @@ -67,163 +71,292 @@ &::placeholder { color: @subtext0 !important; } - } - .ZG, - .boo .aQl > .J-JN-M-I-Jm, - .boo .aaa > .J-JN-M-I-Jm, - .boo .ZE > .J-JN-M-I-Jm, - .bs1 + .bs3, - .btj + .aD, - body { - color: @text !important; + caret-color: @text; } - /* input box */ - .bs0 > .acM, - .bti > .btg { - color: @text !important; + #input-styling { + input, + select, + button { + background-color: @mantle; + color: @text; + border-color: @surface0; + border-style: solid; + border-width: 1px; + box-shadow: none; + } } - /* quick settings */ - .IU { - background: @base !important; - box-shadow: inset 1px 0 0 @mantle !important; - } - .Q0, - .VM .Q5, - .VM .OG, - .Q2, - .bCh, - .aIY, - .a21, - .ST, - .OB { - color: @text !important; - } - .Tj, - .OD { - color: @accent-color !important; + * { + text-shadow: none !important; } - /* background */ - #loading { - background: @base !important; - } - [style="background:#4285f4"] { - background: @blue !important; + /* Gmail logo */ + [src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_1x_r5.png"], + [src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_dark_1x_r5.png"] + { + height: unset !important; + width: unset !important; + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); } - [style="background:#34a853"] { - background: @green !important; + + /* Tooltips */ + .T-ays-iP { + background-color: @crust; + color: @text; } - [style="background:#ea4335"] { - background: @red !important; + + /* Buttons */ + + /* Solid primary */ + .T-I-atl { + background-color: @accent-color; + color: @crust; } - .la-c.la-l { - background: darken(@red, 10%); + + /* Transparent primary */ + .l0, + div.b8 .a8k, + .bAo > .ad { + color: @accent-color; + + &::before { + background-color: @accent-color; + } } - .la-c.la-r { - background: @yellow; + + /* Transparent secondary */ + .bs0 > .acM, + .bti > .btg, + .a8Y > .T-I-ax7 { + color: @text; + + /* Disabled */ + &.acN { + color: @subtext0; + } + + &:hover::before { + background-color: @overlay2; + } } - header, - .nH.w-asV, + /* Header and sidebars */ + .w-asV, .bkL, .bhZ.bym, .bhZ.bjB, .bhZ.bym.baA { - background: @crust !important; + background-color: @mantle; + } + /* Header icons */ + .gb_Fc svg, + .gb_Lc.gb_Pc svg, + .gb_Fc .gb_7c .gb_fd, + .gb_Fc .gb_7c .gb_Ec, + .gb_Fc .gb_7c .gb_9c, + .gb_Lc.gb_Pc .gb_fd { + color: @text; } + /* Search mail input */ + .gb_Fc .gb_Md { + background-color: @crust; - /* links */ - .aRq { - color: @sapphire !important; - &:hover { - color: @teal !important; + .gb_je, + svg { + color: @text; } } + /* Active search / filter modal */ + .gssb_c { + /* Icons */ + button svg, + .asor { + filter: @text-filter; + } - /* header */ - .aeH, - .aqK { - background: @mantle !important; - } + /* Recent searches */ + .aRp, + .gssb_e, + .gssb_m { + background-color: @base; + color: @text; + } - /* search */ - .gb_Lc .gb_Ee { - background: @surface0 !important; - } - .gb_Lc .gb_3e, - .gb_Ee.gb_Fe .gb_Ze, - .gb_Pc .gb_we { - color: @text !important; - } - .gb_Ee.gb_Fe button svg { - color: @text !important; - opacity: 1; - } - .aRp { - background: @surface0 !important; - } - .gssb_i { - background: @surface1 !important; - color: @text !important; - } - .gssb_e, - .gssb_m { - background: @surface0 !important; - color: @text !important; - } - /* selected unread email */ - .x7 { - color: @mantle !important; - background: @accent-color !important; - } + /* Hovered recent searches */ + .gssb_i { + background-color: @surface0; - /* checkbox */ - .bzn .G-tF .T-Jo { - filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(150%) contrast(75%); - } + > .gssb_a { + border-left-color: @accent-color; + } - /* keyboard dropdown */ - .d-Na-JG-M { - background-color: @surface1 !important; - } - .d-Na-N { - color: @text !important; - } - .d-Na-N-JW { - background-color: fade(@accent-color, 20%) !important; - } - .d-Na-JX-I, - .d-Na-J3, - .d-Na-N.d-Na-KO .d-Na-Jo { - filter: brightness(0) saturate(90%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(250%) contrast(75%); - } - .d-Na-axR, - .RK-Jk.RK-Qq-axH { - border-color: @overlay0; + /* X icon */ + .gsaq_b { + filter: @text-filter; + } + } + + .aSP, + .gssb_e { + border-color: @surface2; + } + + /* Separator */ + .gssb_l { + background-color: @surface0; + } + + /* Search results */ + + /* Icons */ + .gsoi_0, + .asor_o, + .gsoi_msra { + filter: @text-filter; + } + + /* People involved */ + .asor_e { + color: @subtext0; + } } + /* Pill filters */ + .H2 { + background-color: @base; + border-color: @surface0; + color: @subtext1; + fill: @subtext1; - /* virtual keyboard */ - .RK-H { - background-color: @surface0 !important; + &:hover { + background-color: @mantle; + } + + &.bws { + background-color: @accent-color; + color: @crust; + fill: @crust; + + .HV { + filter: @crust-filter; + } + + &:hover .H1 { + background-color: darken(@accent-color, 5%); + } + } } - .RK-QJ { + .aqc .H2 { + border-color: @text; color: @text; + + &.bws { + background-color: @surface2; + color: @mantle; + } } - .RK-Jk { - color: @text !important; - background-image: linear-gradient(to bottom, @surface1, @surface2); + /* Advanced search/filters modal */ + .ZF-z6, + .ZF-zT, + .ZF-Av .lJ, + .ZF-Av .lN { + background-color: @base; + + &, + .boo > .ZG, + .boo .aQl > .J-JN-M-I-Jm, + .boo .aaa > .J-JN-M-I-Jm, + .boo .ZE > .J-JN-M-I-Jm { + color: @text; + } + + .btl.acK, + .btn::before { + filter: @text-filter; + } + + /* Text inputs */ + .nr { + background-color: @base; + color: @text; + + &:focus { + box-shadow: inset 0 -1px 0 0 @accent-color; + } + } + + /* Calendar input */ + .bs5::after { + filter: @text-filter; + } + .J-JB-KA, + .J-JB-KA-JS, + .J-JB-KA-Jk, + .J-JB-KA-LG { + background-color: @base; + color: @text; + border-color: @surface0; + + /* Past days */ + .J-JB-KA-Ku-Kk { + color: @subtext0; + } + /* Future days */ + .J-JB-KA-a1R-JB.J-JB-KA-LH, + .J-JB-KA-a1R-JB.J-JB-KA-Ku-Kk, + .J-JB-KA-JB.J-JB-KA-a1R-JB { + color: @subtext1; + } + + /* Hovered day */ + .J-JB-KA-JB:not(.J-JB-KA-K8, .J-JB-KA-KO):hover { + color: @crust; + + &::before { + background-color: fade(@accent-color, 70%); + } + } + + /* Selected day */ + .J-JB-KA-KO { + color: @crust; + + &::before { + background-color: @accent-color; + } + } + + /* Unselected today */ + .J-JB-KA-K8 { + color: @crust; + + &::before { + background-color: @overlay2; + } + } + } + + /* Checkbox inputs */ + .bs1 + .bs3, + .btj + .aD { + color: @text; + + &::before { + filter: @text-filter; + } + } + + /* Dropdown/select inputs */ + .J-JN-M-I { + color: @text; + } } - /* left bar */ - .CL.Q7:hover, - .CL.Wj:hover, - .CL.Q7.NQ, - .CL.Wj.NQ, + /* Sidebar selected item */ .TK .TO.nZ:active, .TK .TO.ol:active, .TK .TO.nZ, @@ -232,479 +365,572 @@ .byl .TK .nZ.aS3, .byl .TK .nZ.aS4, .byl .TK .nZ.aS5, - .byl .TK .nZ.aS6 { - background: @surface0 !important; + .byl .TK .nZ.aS6, + .VDSZAf.H5o3mc { + background-color: @surface0; } .TO.NQ, .n6 .ah9:hover, .n6 .ah9.aiu:hover, .n6 .ah9:focus, .TK .TO:active, - .n6 .ah9.aiu:active { - background: @surface1 !important; - } - .aAv, + .n6 .ah9.aiu:active, + .CL:hover, + .H5o3mc:not(.VDSZAf):hover, + .CL.NQ, + .H5o3mc:not(.VDSZAf).NQ { + background-color: @surface1; + } + .byl .TK .TO.nZ > .aHS-bnt .n0, + .TK .nZ > .aHS-bnt .bsU, + .byl .TK .nZ.aS3 .nU > .n0, + .TK .nZ.aS3 .bsU, + .byl .TK .nZ.aS4 .nU > .n0, + .TK .nZ.aS4 .bsU, + .byl .TK .nZ.aS5 .nU > .n0, + .TK .nZ.aS5 .bsU, + .byl .TK .nZ.aS6 .nU > .n0, + .TK .nZ.aS6 .bsU, + .TK .TO.nZ .nU > .n0, + .TK .ol.NQ .nU > .n0, + .TK .TO.ol .nU > .n0, + .TK .nZ .bsU, + .TK .ol .bsU, + .VDSZAf.H5o3mc > .Q7, .TO .nU > .n0, .TO.NQ .nU > .n0, .TO.nZ .nU > .n0, .ah9 > .CJ, - .n3 > .CL > .CK { - color: @text !important; + .n3 > .CL > .CK, + .aAv, + .bsU { + color: @text; } - .h0, - .Dj { - color: @subtext0 !important; + /* Icons */ + .nZ > .TN.aHS-bnt .qj, + .TO:not(.nZ) > .TN > .qj:not([style*="background-color"]), + .n6 .n4 .G-asx, + .aAw .aAu, + .pM, + .TO.nZ > .TN > .qj, + .n3 .CL::before { + filter: @text-filter; } - /* right bar */ - .bAw .brC-aT5-aOt-Jw { - background: @crust !important; - } - .WR.aeN { - background: @crust !important; - } - .brC-aMv-auO .bse-bvF-I.aT5-aOt-I-JW .aT5-aOt-I-JX-atM-J6, - .brC-aMv-auO .bse-bvF-I.aT5-aOt-I-JO .aT5-aOt-I-JX-atM-J6 { - background: lighten(@crust, 4%); + /* Compose email button */ + .z0 > .L3 { + background-color: @accent-color; + color: @crust; + + &:focus { + background-color: @text; + } } - /* inbox area */ - .H2.HD { - background: @surface0 !important; - border-color: @surface1 !important; + .WR .z0 > .L3::before, + .WR.anZ .z0 > .L3::before { + filter: @crust-filter; } + + /* Top section of inbox */ .bkK > .nH { - background: @mantle !important; - } - /* inbox item */ - .yO { - background: @mantle !important; - &:hover { - box-shadow: - inset 1px 0 0 @surface0, - inset -1px 0 0 @surface0, - 0 0 4px 0 @base, - 0 0 6px 2px @base !important; + background-color: @surface0; + + /* Icons */ + .bzn, + .aqJ .amJ, + .adg .adk { + filter: @text-filter; } } - /* quick text */ - .y2 { - color: @subtext0 !important; + /* Inbox categories */ + .aKx > .aKz { + color: @text; } - .aeJ, - .aRs { - .J-KU:hover { - background: @surface0 !important; - } - background: @base !important; - .aRu { - .aRv { - color: @subtext0 !important; - } - color: @subtext1 !important; - } + /* Icons */ + .aAy > div { + filter: @text-filter; + } + /* Currently selected category */ + .J-KU-KO::before { + background-color: @text; } - .aAA.J-KU-Jg-K9 { - background: @base !important; + /* Inbox categories hover */ + .aRz.J-KU:hover { + background-color: @surface1; } - .J-KU-KO.aAy { - .aKz { - color: @accent-color !important; + /* Email count / pagination */ + div[aria-label="Show more messages"] { + .Dj { + color: @subtext1; } + &::before { - background: @accent-color !important; + background-color: @text; } } - .aKx > .aKz { - color: @subtext0 !important; - } - .y6, - .bA4 { - color: @text !important; + .h0 { + color: @subtext1; } - /* buttons hovers */ - .T-I-JW.amD::before, - .T-I-JW.adg::before, - .T-I-JW > .asa::before { - background: @surface0 !important; - } - - /* attachements in comfortable mode */ - .brg { - color: @text !important; + /* Inbox footer */ + .md.mj, + .aeU .ma, + .ma .mb, + .ae3 .l6, + .l9, + .l8, + .aiD { + color: @subtext1; } + /* Storage progress bar */ + .aiC { + background-color: @overlay0; - /* date when the message was sent */ - .yO > .xW { - color: fade(@text, 50%) !important; + .aiA { + background-color: @subtext0; + } } - .bq3 { - color: @text !important; + /* External link icon */ + .aiz { + filter: @text-filter; } - /* unsub button */ - .aJ6 { + /* Read emails */ + .yO { + background-color: @base; color: @text; - } - .aOd.T-I { - box-shadow: inset 0 0 0 1px fade(@text, 50%) !important; - } - /* svgs */ - .gb_Pc svg, - .gb_Uc.gb_Zc svg, - .gb_Pc .gb_gd .gb_od, - .gb_Pc .gb_gd .gb_Oc, - .gb_Pc .gb_gd .gb_id, - .gb_Uc.gb_Zc .gb_od { - color: @text !important; - } - /* send one now */ - .x0 { - color: @text !important; - } + box-shadow: inset 0 -1px 0 0 @surface0; - /* compose window */ - .afW { - border-color: @surface1; - } - .afV { - background: @surface2 !important; - box-shadow: 0 0 0 1px @overlay0 inset; - color: @text !important; + &:hover { + box-shadow: + inset 1px 0 0 @surface0, + inset -1px 0 0 @surface0, + 0 0 4px 0 @surface1, + 0 0 6px 2px @surface1; + } } - .akl, - .aoT, - .aYF, - .agP, - .az9, - .gQ { + /* Read email text */ + .zE { color: @text; } - .IZ, - .agP, - .agh, - .gQ, - .afx { - background: @surface0 !important; - } - .oL, - .gO { - color: @subtext0; - } - /* message sent dialog */ - .vh { - color: @text !important; + // Select icon + .xY > .T-Jo, + td.apU > .T-KT.aXw::before, + // Important icon + .pG .a9q, + // Delete/trash icon + .aqN, + // Hover action icons + .bqY li { + filter: @text-filter; + } + /* Important icon filled, star icon filled */ + .ha .a9q.pH, + .a9q.pH, + .aoj, + td.apU > .T-KT.T-KT-Jp::before { + filter: @yellow-filter; } - /* Gmail logo */ - [src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_1x_r5.png"], - [src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_dark_1x_r5.png"] - { - height: unset !important; - width: unset !important; - @svg: escape( - '' - ); - content: url("data:image/svg+xml,@{svg}"); + .pG:hover > .a9q::before { + background-color: fade(@yellow, 30%); } - /* x new */ - .aDG { - background-color: @crust !important; - color: @text !important; + /* Read email dates */ + .yO > .xW { + color: @subtext0; } - .aKs { - color: @subtext1 !important; + /* Read email summary truncated */ + .y2 { + color: @subtext1; } + /* Selected unread emails */ + .x7 { + background-color: @accent-color; + color: @mantle; - /* theme */ - div.Kj-JD { - background-color: @base; + /* Dates */ + .xW { + color: @crust; + } + + // Select icon + .xY > .T-Jo, + // Star icon + td.apU > .T-KT.aXw::before, + // Important icon + .pG .a9q, + // Delete/trash icon + .aqN, + // Hover action icons + .bqY li { + filter: @crust-filter; + } } - .a80.Kj-JD-K7 { - box-shadow: 0 5px 10px -5px @crust; + /* Unsubscribe button */ + .aOd.T-I { + color: @text; + box-shadow: inset 0 0 0 1px @surface2; } - .a81 { - border-color: @surface0; + /* Draft text */ + .boq { + color: @red; + } + /* No drafts message, trash 30 days message */ + .TD, + .Tm .ya { + background-color: @surface1; + color: @text; } + /* Attachments chips */ + .brc { + box-shadow: inset 0 0 0 1px @surface0; + color: @text; - /* no star warning */ - .Tm .TC { - background: @base !important; - color: @text !important; + &:hover { + background-color: @surface0; + } } - /* dropdown */ - .ZF-z6, - .ZF-zT, - .ZF-Av .lJ, - .ZF-Av .lN, - .aaZ, - .aoT, + /* Floating menu */ .J-M, - .bAp.b8.UC .vh, - .ajA, - .nH .Hy .m, - .J-N-JT, - .J-JK-JT, - .J-LC-JT, - form[role="search"], - form[role="search"] table, - form[role="search"] div, - form[role="search"] td { - background: @surface0 !important; - } - - div.Kj-JD-Jl > button.J-at1-atl, - div.Kj-JD-Jl > button.J-at1-auR { - background: @accent-color !important; - color: @crust !important; - } - div.Kj-JD-Jl > button, - .bBh .Kj-JD-Jl > .J-at1-auR, - .Kj-JD-K7-K0, - .J-N { - color: @text !important; - } - .J-N-JT, - .J-N-JW { - color: @text !important; - background: @surface2 !important; - } - .J-N-JT .J-N-Jz, - .J-N-JW .J-N-Jz { - color: @text !important; - } - .T-I-Kq > .asa::before, - .T-I-Kq.T-I-JO > .asa::before { - background: @surface1 !important; - } - - /* compose button */ - .T-I-KE { - background: @accent-color !important; - color: @crust !important; - & when (@lookup =latte) { - color: @text !important; + .OO.Pa { + background-color: @surface1; + + /* Menu section header */ + .J-awr, + .asc { + color: @subtext1; } - &:hover { - background: darken(@accent-color, 10%); - color: @crust !important; + + /* Menu item */ + + .J-N, + .J-Ks-KO .J-N-Jz, + .J-N-JT .J-N-Jz, + .J-N-JW .J-N-Jz, + .J-LC, + .J-JK, + .bmz { + color: @text; + } + /* Disabled */ + .J-N-JE .J-N-atj, + .J-N-JE .J-N-Jz { + color: @subtext0 !important; } - } - /* drive usage */ - .aiC { - background: @overlay0 !important; - } - .aiA { - background: @accent-color !important; - } - /* icons */ - .aAy > .aKp, - .xY > .T-Jo, - .T-I .T-I-J3, - td.apU > .T-KT.aXw::before, - .bqX:not(.pW):hover::before, - .nZ > .TN.aHS-bnt .qj::before { - filter: brightness(0) saturate(90%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(250%) contrast(75%); - } + /* Checkmark, arrow, checkbox, star, calendar icon */ + .J-Ks-KO .J-N-Jo, + .asi .J-Ks-KO::before, + .J-Ph-hFsbo, + .J-LC-Jo, + .bi4 > .T-KT:not(.T-KT-Jp, .byM)::before, + .aaA.mYVwse, + .J-N-JX { + filter: @text-filter; + } + .bmz.bjF::before { + border-color: @subtext0; + } - .WR .z0 > .L3::before { - filter: brightness(0) saturate(80%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(20%) contrast(75%); - } + /* Hovered menu item */ + .J-N-JT, + .J-N-JW, + .J-LC-JT, + .J-LC-JW, + .J-JK-JT, + .J-JK-JW, + .bmz.bk5 { + background-color: @surface2; + border-color: @overlay1; + } - td.apU > .T-KT.T-KT-Jp::before { - filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(337deg) brightness(300%); + /* Menu section divider */ + .J-Kh { + border-top-color: @surface2; + } } - .J-N-JX, - .J-Ph-hFsbo, - .OB, - .Q1:not(:checked) + .Vo::before, - .SV { - filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(250%) contrast(75%); + /* Modal search input */ + .agd .J-M-JJ input { + background-color: @surface1; + color: @text; } - .brC-aMv-auO .aT5-aOt-I-JX { - fill: @accent-color; + .bqf { + box-shadow: inset 0 -2px 0 0 @surface2; + + &:focus { + box-shadow: inset 0 -2px 0 0 @accent-color; + } } - .brC-aMv-auO .brC-dA-I.aT5-aOt-I-Jp .aT5-aOt-I-JX-atM { - background-color: @base; + /* Magnifying glass icon */ + .A0 { + filter: @text-filter; } + /* Edit label modal */ + div.Kj-JD { + background-color: @base; - /* sidebar icons */ - .TO:not(.nZ) .qj:not(.aEe), - .n3 .CL.Q7::before, - .n3 .CL.Wj::before, - .n3 .CL.H5o3mc::before, - .n6 .n4 .G-asx, - .n6 .air .G-asx, - .TN .TH { - filter: brightness(0) saturate(80%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(220%) contrast(75%); - } + /* Edit label text */ + span.Kj-JD-K7-K0 { + color: @text; + } - /* help dropdown */ - .t9 { - background-color: @surface0 !important; - } - .ua { - color: @text !important; - } - .ua.bk5 { - background-color: @overlay0; - } + /* Close X icon */ + span.Kj-JD-K7-Jq::after { + filter: @text-filter; + } - /* labels */ - .J-awr { - color: @text; - } - .J-N-Jz { - color: @text !important; - } - .J-Kh { - border-color: @text; + #input-styling(); + + /* Input labels */ + div.Kj-JD-Jz { + color: @subtext1; + } + + /* Cancel button */ + div.Kj-JD-Jl > button, + .bBh .Kj-JD-Jl > .J-at1-auR { + color: @subtext1; + } + + /* Save button */ + div.Kj-JD-Jl > button.J-at1-atl, + div.Kj-JD-Jl > button.J-at1-auR { + background-color: @accent-color; + color: @crust; + } } - /* sidebar */ - .bsU { + /* Toast notifications */ + .bAp.b8.UC .vh { + background-color: @crust; color: @text; } - .aAw .aAu { - filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(250%) contrast(75%); + /* Close icon */ + .b8 .bBe .bBf { + filter: @text-filter; } - /* svgs */ - .gb_Mc svg, - .gb_Rc.gb_Vc svg, - .gb_Mc .gb_dd .gb_ld, - .gb_Mc .gb_dd .gb_Lc, - .gb_Mc .gb_dd .gb_fd, - .gb_Rc.gb_Vc .gb_ld { - color: @subtext0; - } + /* Compose mail window */ + /* Top header bar */ + .Hy.Hy .m, + .IG { + background-color: @mantle; - /* toolbar */ - .Hl, - .Hq, - .Ha, - [role="menuitemcheckbox"] > div > div, - [role="listbox"] .J-Z-M-I-J6-H > .J-Z-M-I-JG, - div.ajR .ajT, - .btC .dv, - .btC .aaA.a1, - .btC .J-N-JX.a1, - .btC .aaA.e5, - .aaZ .J-N-JX.e5, - .btC .aaA.QT, - .btC .J-N-JX.QT, - .btC .aaA.aA7, - .aaZ .J-N-JX.aA7, - .btC .aaA.buc, - .btC .J-N-JX.buc, - .btC .aaA.BP, - .aaZ .J-N-JX.BP, - .btC .aaA.a5, - .btC .aaA.a2X, - .aaZ .J-N-JX.a5, - .aaZ .J-N-JX.a2X, - [role="toolbar"] [role="button"]:not(.H2, .Ol) { - filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) - hue-rotate(196deg) brightness(250%) contrast(75%) !important; - } - - /* advanced settings */ - div.Kj-JD-Jz { - color: @subtext0 !important; - } - .alO, - .v .fY, - .v .f1, - .r4 { - background: @base !important; - } - .v .f1, - .v .f1 .f0 { - color: @text !important; - } - .qL { - color: black !important; - } - .v .fZ { - box-shadow: inset 0 -2px 0 0 @accent-color; - .f0 { - color: @accent-color !important; + .Hp, + .zu, + .H, + .Iy .az9 { + color: @text; + } + + .Hm img, + .SB, + .b7 .mK, + .bAm .aaq .mK, + .Un .mK, + .HX .mK, + .HQ .Un::after { + filter: @text-filter; } } - .alP, - .sA, - .r4 .e { - color: @sapphire !important; - &:hover { - color: @teal !important; + .aaZ, + .Ap, + .Am, + .aDg > .aDj, + .aoP .Ar, + .wO, + .aoT, + .agP, + .aGb, + .GQ { + color: @text; + caret-color: @text; + + &, + &::before { + background: @base; } } - .Ze { - background: @surface0 !important; + .gQ, + .gO, + .oL { + color: @subtext0; } - .a8Y > .T-I-ax7 { - background: @surface0 !important; - color: @text !important; - &:hover { - background: @surface1 !important; + /* Bottom toolbar icons */ + .aaA, + .btC .dv, + .btC .og.T-I-J3, + .btC .J-N-JX.og.T-I-J3, + .btC .Y1, + .btC .Xv.T-I.J-JN-M-I > .J-JN-M-I-JG, + .J-JN-M-I-JG, + .J-Z-M-I-J6-H > .J-Z-M-I-JG { + filter: @text-filter; + } + /* Floating toolbar (expanded window) */ + .J-Z { + background-color: @mantle; + + .J-Z-I, + .J-Z-M-I { + color: @subtext1; } } - .T-I-atl { - background: @accent-color !important; - color: @crust !important; - &:hover { - background: lighten(@accent-color, 10%) !important; + /* Send button */ + .gU .v7.T-I:not(.btz), + .gU .hG:not(.v6) { + background-color: @accent-color; + color: @crust; + } + .hG > .G-asx, + .SI .hG > .G-asx { + filter: @crust-filter; + } + /* Contact autofill */ + .afC, + .bvx { + background: @mantle; + + /* Contact list item */ + .agJ { + .aL8, + .aXS { + color: @text; + } + + &:hover { + background: @base; + } } } - /* loading */ - #explosion_clipper_div > .la-i > div { - background: @surface0 !important; - } + --pkw-background: @mantle; + --pkw-outline: @surface0; + --pkw-outline-variant: @surface0; + --pkw-on-surface-variant: @text; + /* Contact chip */ + .agh, + .bbV { + background: @base; - #nlpt { - background-color: @surface0 !important; - &::before { - background-color: @overlay0 !important; + .afV { + background: @base; + color: @text; + + &:hover { + background: @surface0; + color: @text; + } } } - .la-b > .la-l, - .la-b > .la-r, - .la-b > .la-m { - background: @surface1 !important; + /* Settings */ + .dt { + color: @text; } + /* Navigation header */ + .v { + /* Tabs */ + .fY, + .f1 { + background-color: @surface0; - .la-k .la-l, - .la-k .la-r { - border-color: @base !important; - } + .f0 { + color: @text; + } + } - .la-k .la-m { - background: @base !important; - clip-path: polygon(47% 100%, 100% 47%, 100% 100%); + /* Currently selected tab */ + .fZ { + box-shadow: inset 0 -2px 0 0 @accent-color; + } } + /* Main panel */ + .r4 { + background-color: @base; + color: @text; + + /* Dividers */ + .r7 td, + .Jb .J0:not(:last-child) { + border-bottom-color: @surface0; + } + + /* Links */ + .r7 .e, + .sA, + .r4 .e, + .el { + color: @accent-color; + } - .la-i > .la-l, - .la-i > .la-r { - border-color: @surface0 !important; + #input-styling(); + .qK, + .qL { + background-color: @mantle; + } + .nr, + .Ar { + background-color: @base; + color: @text; + border-color: @surface0 !important; + } + /* Some buttons */ + .Uu { + box-shadow: inset 0 0 0 1px @surface0; + color: @accent-color; + } } + /* Labels page */ + .alO { + background-color: @base; + color: @text; + + .rb { + color: @subtext1; + } + + /* Table items */ + .To.Ze { + background-color: @surface0; + } - .la-i > .la-m { - background: @surface0 !important; + /* Links */ + .alP { + color: @accent-color; + } + + /* Dividers */ + .rZ { + background-color: @surface0; + } } - .msgb { - color: @text; - a { - color: @accent-color !important; + /* Confirm popup modal */ + div[aria-modal="true"] { + --gm3-dialog-refactored-container-color: @base; + --gm3-dialog-refactored-supporting-text-color: @text; + --gm3-dialog-refactored-headline-color: @text; + + /* Buttons */ + [data-mdc-dialog-action="ok"] { + background-color: @accent-color; + --gm3-button-text-label-text-color: @crust; + --gm3-button-text-hover-label-text-color: @crust; + --gm3-button-text-pressed-label-text-color: @crust; + } + + [data-mdc-dialog-action="cancel"] { + --gm3-button-text-label-text-color: @subtext1; + --gm3-button-text-hover-label-text-color: @text; + --gm3-button-text-focus-label-text-color: @text; + --gm3-button-text-pressed-label-text-color: @text; + + &:hover, + &:focus, + &:active { + background-color: @surface0; + } } } } @@ -712,10 +938,10 @@ /* prettier-ignore */ @catppuccin: { - @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; - @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; - @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; - @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; + @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @yellow_filter: brightness(0) saturate(100%) invert(84%) sepia(47%) saturate(5389%) hue-rotate(348deg) brightness(92%) contrast(90%);; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @text_filter: brightness(0) saturate(100%) invert(31%) sepia(12%) saturate(1015%) hue-rotate(196deg) brightness(94%) contrast(91%); @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; @crust_filter: brightness(0) saturate(100%) invert(96%) sepia(3%) saturate(583%) hue-rotate(187deg) brightness(92%) contrast(97%); }; + @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @yellow_filter: brightness(0) saturate(100%) invert(79%) sepia(20%) saturate(586%) hue-rotate(1deg) brightness(103%) contrast(84%); @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @text_filter: brightness(0) saturate(100%) invert(80%) sepia(11%) saturate(726%) hue-rotate(192deg) brightness(104%) contrast(92%); @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; @crust_filter: brightness(0) saturate(100%) invert(11%) sepia(6%) saturate(3257%) hue-rotate(192deg) brightness(93%) contrast(88%); }; + @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @yellow_filter: brightness(0) saturate(100%) invert(87%) sepia(24%) saturate(488%) hue-rotate(350deg) brightness(97%) contrast(93%); @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @text_filter: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1385%) hue-rotate(192deg) brightness(101%) contrast(92%); @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; @crust_filter: brightness(0) saturate(100%) invert(9%) sepia(7%) saturate(2560%) hue-rotate(198deg) brightness(95%) contrast(97%); }; + @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @yellow_filter: brightness(0) saturate(100%) invert(83%) sepia(35%) saturate(324%) hue-rotate(347deg) brightness(105%) contrast(95%); @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @text_filter: brightness(0) saturate(100%) invert(87%) sepia(6%) saturate(985%) hue-rotate(191deg) brightness(96%) contrast(99%); @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; @crust_filter: brightness(0) saturate(100%) invert(3%) sepia(12%) saturate(3951%) hue-rotate(206deg) brightness(96%) contrast(92%); }; } // vim:ft=less diff --git a/styles/go.dev/catppuccin.user.css b/styles/go.dev/catppuccin.user.css index 9015156dcf..8f6ceb6295 100644 --- a/styles/go.dev/catppuccin.user.css +++ b/styles/go.dev/catppuccin.user.css @@ -2,7 +2,7 @@ @name go.dev Catppuccin @namespace github.com/catppuccin/userstyles/styles/go.dev @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/go.dev -@version 0.0.2 +@version 0.0.4 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/go.dev/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ago.dev @description Soothing pastel theme for go.dev @@ -87,6 +87,7 @@ --color-background-banner: @mantle; --color-background-card-footer: @crust; --color-background-code: @surface0; // Code Snippets + --color-background-info: @surface1; --color-background-inverted: @crust; --color-background-logo: @text; --color-background-playground-input: @mantle; @@ -106,6 +107,7 @@ --pink: @red; --turq-dark: @accent-color; --white: @text; + --border-code: 0.0625rem @surface2 solid; .btn { background: @accent-color; @@ -489,6 +491,14 @@ background-image: url("data:image/svg+xml,@{svg}"); } } + // Info Icon + .go-Main-banner .go-Message .go-Icon { + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); + filter: none; + } // Pkg.go Subheader .go-Main-header { background-color: @mantle; diff --git a/styles/google-gemini/catppuccin.user.css b/styles/google-gemini/catppuccin.user.css index 8f233bd280..f70371e183 100644 --- a/styles/google-gemini/catppuccin.user.css +++ b/styles/google-gemini/catppuccin.user.css @@ -2,7 +2,7 @@ @name Google Gemini Catppuccin @namespace github.com/catppuccin/userstyles/styles/google-gemini @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google-gemini -@version 0.0.1 +@version 0.0.2 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google-gemini/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle-gemini @description Soothing pastel theme for Google Gemini @@ -98,6 +98,7 @@ --bard-color-primary: @accent-color; --bard-color-primary-background: @base; --bard-color-primary-opacity-08: fade(@accent-color, 8%); + --bard-color-neutral-90: @mantle; --bard-color-outline: @overlay2; --bard-color-on-primary: darken(@accent-color, 10%); --bard-color-on-primary-container: @text; @@ -172,6 +173,11 @@ --bard-color-factuality-form-background: @mantle; --bard-color-fact-check-button-complete: @surface0; --bard-color-fact-check-button-loading: @surface1; + --bard-color-tunable-selection-menu-text: @text; + --bard-color-tunable-selection-menu-background: @mantle; + --bard-color-tunable-selection-textarea-background: @base; + --bard-color-tunable-selection-shimmer-non-advanced: @accent-color; + --bard-color-action-tooltip-background: darken(@accent-color, 20%); --mdc-switch-selected-hover-handle-color: lighten(@accent-color, 10%); --mdc-switch-selected-focus-handle-color: lighten(@accent-color, 10%); @@ -194,6 +200,9 @@ --mdc-list-list-item-hover-label-text-color: @text; --mdc-filled-button-label-text-color: @text; --mdc-circular-progress-active-indicator-color: @accent-color; + --mdc-outlined-button-focus-outline-color: @text; + --mdc-outlined-button-hover-label-text-color: @subtext1; + --mdc-list-list-item-focus-label-text-color: @text; --mat-app-text-color: @text; --mat-text-button-state-layer-color: @overlay2; @@ -210,6 +219,8 @@ --mat-menu-container-color: @base; --mat-menu-item-icon-color: @text; --mat-filled-button-state-layer-color: @overlay2; + --mat-fab-small-hover-state-layer-opacity: 1; + --mat-divider-color: @surface0; --gm-outlinedtextfield-outline-color: @subtext0; --gm-outlinedtextfield-outline-color--stateful: @accent-color; @@ -217,6 +228,8 @@ --gm3-sys-color-on-secondary-container: @crust; --gm3-sys-color-secondary-container: @text; + --gem-sys-color--surface: @base; + --og-theme-color: @text; .button-pressed { @@ -246,6 +259,34 @@ border-color: @text !important; } } + .gmat-mdc-dialog .mat-mdc-dialog-container { + .mdc-dialog__content { + color: @subtext0; + } + .mdc-dialog__title { + color: @text; + } + } + .gmat-mdc-button.mat-mdc-outlined-button.mat-unthemed { + --mdc-outlined-button-outline-color: @overlay0; + --mdc-outlined-button-label-text-color: @subtext0; + } + .gmat-mdc-button.mat-mdc-outlined-button { + --mat-outlined-button-state-layer-color: @overlay2; + } + .gmat-mdc-button.mat-mdc-outlined-button:not( + .mat-mdc-button-disabled, + [disabled], + :disabled + ).mdc-ripple-upgraded--background-focused, + .gmat-mdc-button.mat-mdc-outlined-button:not( + .mat-mdc-button-disabled, + [disabled], + :disabled, + .mdc-ripple-upgraded + ):focus { + color: @text; + } .gmat-mdc-chip { --mdc-chip-label-text-color: @subtext0; } @@ -307,6 +348,15 @@ --mdc-fab-container-color: @accent-color; --mat-fab-foreground-color: @crust; } + .gmat-mdc-button.mat-mdc-mini-fab:not( + .mat-mdc-button-disabled + ).mat-primary.gmat-mdc-fab-outline { + --mat-fab-small-state-layer-color: @surface0; + } + .mat-mdc-fab:not(.mdc-riple-upgraded):focus::before, + .mat-mdc-mini-fab:not(.mdc-riple-upgraded):focus::before { + background: @surface2; + } .mat-mdc-menu-panel { background-color: @base !important; } @@ -319,6 +369,9 @@ .banner-close-button { --mat-icon-color: @crust; } + & when (@lookup = latte) { + --bard-color-action-tooltip-background: lighten(@accent-color, 30%); + } [data-mat-icon-name="search"] svg { > path:nth-child(1) { fill: @blue; diff --git a/styles/google-photos/catppuccin.user.css b/styles/google-photos/catppuccin.user.css index 2759ef5551..a2018dc7e0 100644 --- a/styles/google-photos/catppuccin.user.css +++ b/styles/google-photos/catppuccin.user.css @@ -2,7 +2,7 @@ @name Google Photos Catppuccin @namespace github.com/catppuccin/userstyles/styles/google-photos @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google-photos -@version 0.0.2 +@version 0.0.3 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google-photos/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle-photos @description Soothing pastel theme for Google Photos @@ -98,6 +98,10 @@ --mdc-checkbox-selected-icon-color: @accent-color; --mdc-checkbox-selected-checkmark-color: @mantle; --mdc-checkbox-unselected-icon-color: @surface0; + /* uploading photo popups */ + .z1QT7e { + --gm3-card-elevated-container-color: @surface0; + } /* editing photo sidebar */ .dm7YTc .FcHdhd { @@ -115,6 +119,18 @@ body { background-color: @base !important; } + /* uploading photo popups */ + .RUTfA { + background-color: @blue !important; + color: @mantle !important; + } + .uq8qae, + .wgq1ae { + color: @text !important; + } + .BNcPhf { + background-color: @blue !important; + } /* top bar */ .QtDoYb { background-color: @crust; @@ -178,6 +194,10 @@ .HEHjMc { color: @text; } + .HEHjMc:hover { + color: @accent-color; + } + .uprWmb .HksvWb { color: @mantle !important; } @@ -237,6 +257,10 @@ background-color: @base; } /* album title */ + .mfQCM, + .go6nxb, + .MXxZYe, + .NbrDvb, .mfQCMe { color: @text; } @@ -245,7 +269,8 @@ background-color: @surface0; } /* # of photos in album */ - .UV4Xae { + .UV4Xae, + .Me6kjf { color: @subtext0; } /* album date */ @@ -282,6 +307,43 @@ .Pk50Ic { background: @accent-color; } + /* underline on album title */ + .kmqzh .cXrdqd::before, + .kmqzh .cXrdqd::after { + background: @blue !important; + } + + /* favorites page */ + .YzU3ub.Sn08je { + background-color: @surface0; + } + + /* print store */ + .E2jkGc, + .bVnuib, + .D8oEA, + .mKmjtc, + .GVzd9d { + color: @text; + } + /* products */ + .CxyEyc { + background-color: @surface0; + border-color: @surface2; + } + /* photo books and canvases */ + .bYS0Le .p102md { + background-color: @surface0; + border-color: @surface2; + } + .INNc9c, + .fGZ5Db, + .KhXBec { + color: @text; + } + .b9GWRb { + color: @subtext0; + } /* explore page */ .OgirMe, @@ -390,6 +452,9 @@ .eReC4e.FbgB9 { border-color: @surface0; } + .yNVtPc .ZAGvjd .Ny5lGc::placeholder { + color: @text; + } /* upload button */ .s4MBmb { color: @text; @@ -536,13 +601,17 @@ /* storage page */ .hwDBSe, .tzFvIf, - .BZXMjd .MrqLTc { + .BZXMjd .MrqLTc, + .ZbJY6, + .NKihpc, + .V3WOgd { color: @text; } .gyqWff, .BZXMjd .chfDde { color: @subtext0; } + /* how much storage is used bar */ .O4tDGf:nth-of-type(1), .vN9JEc:nth-of-type(1) > .ZbKZ3d { diff --git a/styles/google/catppuccin.user.css b/styles/google/catppuccin.user.css index be1821c94e..3599aa04e9 100644 --- a/styles/google/catppuccin.user.css +++ b/styles/google/catppuccin.user.css @@ -2,7 +2,7 @@ @name Google Catppuccin @namespace github.com/catppuccin/userstyles/styles/google @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google -@version 0.2.3 +@version 0.2.6 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle @description Soothing pastel theme for Google @@ -110,6 +110,11 @@ --uv-styles-color-review-stars: @yellow !important; } + /* header background */ + .CvDJxb { + background-color: @base !important; + } + /* safe search toggle dropdown */ .z4R3Z.yb2zA { color: @blue !important; @@ -469,6 +474,32 @@ /* End of AI search */ + /* "People also search for.." section */ + .vIifob { + background-color: @surface0 !important; + } + + .DxHbyd { + background-color: @surface2 !important; + } + + .dg6jd { + color: @text !important; + } + + /* Featured snippets */ + @media (prefers-reduced-motion: no-preference) { + .c2xzTb .ILfuVd b { + background: linear-gradient( + 90deg, + fade(@accent-color, 30%) 50%, + #0000 50% + ) + no-repeat 75% 0; + background-size: 200% 100%; + } + } + .pHiOh, a.pHiOh { color: @subtext1 !important; diff --git a/styles/holodex/README.md b/styles/holodex/README.md index 317973ff85..ad150af868 100644 --- a/styles/holodex/README.md +++ b/styles/holodex/README.md @@ -18,7 +18,7 @@

## Usage -> **Note**
+> [!NOTE] > Holodex's selected theme is ignored. diff --git a/styles/inoreader/catppuccin.user.css b/styles/inoreader/catppuccin.user.css index cb89627fd1..b1119d0f3d 100644 --- a/styles/inoreader/catppuccin.user.css +++ b/styles/inoreader/catppuccin.user.css @@ -2,7 +2,7 @@ @name inoreader Catppuccin @namespace github.com/catppuccin/userstyles/styles/inoreader @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/inoreader -@version 0.0.2 +@version 0.0.3 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/inoreader/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainoreader @description Soothing pastel theme for inoreader @@ -80,7 +80,6 @@ #sb_tp_search_overlay, #feed_searcher, #wraper.tree_pane_docked #feed_searcher, - #reader_pane, #preferences_main_wrapper, .reader_pane_view_style_0 .article_expanded:hover, div.article_expanded, @@ -90,7 +89,8 @@ #article_dialog .article_footer_placeholder_top, #three_way_contents .article_footer_placeholder_top, .article_footer, - .pricing_plans_row_sticky { + .pricing_plans_row_sticky, + .searcher_top_bar_wrapper { background-color: @base; } @@ -99,6 +99,7 @@ .icon16, .icon14, .icon19, + .h6, .article_unreaded .article_magazine_content, .article_unreaded .article_magazine_title, #sb_tp_dock, @@ -115,11 +116,28 @@ .top_bar_tab, .top_bar_tab .icon16, #tree_pane .icon16, - #add_content_simulated_button .plus_img { + #add_content_simulated_button .plus_img, + a:link, + .h4[class*="icon-"], + h4[class*="icon-"], + .inno_tabs_wrapper .inno_tabs_header .inno_tabs_tab a:link, + .inno_tabs_wrapper .inno_tabs_header .inno_tabs_tab a:active, + .inno_tabs_wrapper .inno_tabs_header .inno_tabs_tab a:visited, + #tabs_pane .nav-item a i, + #tabs_pane .nav-item a { color: @text; } + a.text-color { + color: @text !important; + } + + .text-muted-color { + color: @subtext0 !important; + } #tree_pane, + #reader_pane, + #feeds_nav, .tree_ad, .article_full_contents, .article_unreaded, @@ -128,8 +146,9 @@ .teams_presentation_wrapper, .article_subscribed, .tr1, - .search_width_constraint { - background-color: @base; + .search_width_constraint, + .bg-white { + background-color: @base !important; color: @text; } @@ -141,10 +160,88 @@ background-color: @accent-color; } + #tree_pane .parent_div_inner_selected .plus_img { + color: @accent-color; + } + + .active-url .item-name, + .active-url span[class^="icon-"].h4, + .active-url i[class^="icon-"].h4 { + color: @accent-color !important; + } + + #tree_pane .plus_img, + #tabs_pane .nav-item a i, + #tabs_pane #bottom_tabs .nav-item a i { + color: @text; + } + #hint-pref { fill: @accent-color; } + .article_footer_buttons.icon-article_topbar_read_later_full, + #reader_pane .ar .article_btns a .h4.icon-saved, + #reader_pane .ar .article_btns a .h4.star_full, + span.icon-yellow, + i.icon-yellow { + color: @yellow; + } + + .bg-alt { + background: @yellow !important; + } + + .btn.btn-alt { + background-color: @yellow; + border-color: @yellow; + } + + .bg-success-color.darker { + background-color: @green !important; + } + + .alert_state { + background-color: @red; + } + + .icon-mark-as-read-single-unread { + color: @blue !important; + } + + .tabs-counter { + background-color: @blue !important; + outline-color: @blue !important; + color: @mantle; + } + + .active-tab-feeds:not(.active-overlay) #tabs_pane [data-tab="feeds"] i, + .active-tab-dashboard:not(.active-overlay) + #tabs_pane + [data-tab="dashboard"] + i, + .active-tab-saved:not(.active-overlay) #tabs_pane [data-tab="saved"] i, + .active-tab-automation:not(.active-overlay) + #tabs_pane + [data-tab="automation"] + i, + .active-tab-search:not(.active-overlay) #tabs_pane [data-tab="search"] i, + .active-tab-add_feed:not(.active-overlay) + #tabs_pane + [data-tab="add_feed"] + i, + .active-tab-notifications:not(.active-overlay) + #tabs_pane + [data-tab="notifications"] + i, + .active-tab-preferences:not(.active-overlay) + #tabs_pane + [data-tab="preferences"] + i { + background-color: @base; + color: @text !important; + } + .preferences_main_button, .preferences_billing_feature_main { background-color: @mantle; @@ -159,6 +256,73 @@ background-color: @mantle; } + #header_pane, + .search_context_dropdown.open { + background-color: @mantle !important; + color: @text; + } + + .dropdown-menu, + .ino-autocomplete { + background-color: @mantle; + } + + .dropdown-menu .dropdown-header { + color: @text; + } + + .dropdown-menu .dropdown-item, + a:visited { + color: @subtext0; + } + + .dropdown-menu .dropdown-item:hover, + .dropdown-menu .dropdown-item:focus, + #tree_pane .parent_div_inner:hover, + #tree_pane .parent_div_inner:active, + #tree_pane .parent_div_inner:focus, + .search_context_dropdown.open .search_context_filter:hover, + .nav.nav-hover .nav-item:hover, + .lang_bubble:hover, + #tabs_pane .toggle_sidebar_btn i { + background-color: @surface0; + } + + .dropdown-menu .dropdown-item:active { + background-color: @surface0; + color: @accent-color; + } + + .dropdown-menu .dropdown-item.active, + #tree_pane .parent_div_inner_selected, + #tree_pane .parent_div_inner_selected:hover, + #tree_pane .parent_div_inner_selected a, + .search_context_dropdown.open .search_context_filter.active, + .nav.nav-hover .active-url, + .lang_bubble.lang_bubble_current { + background-color: @surface1; + color: @accent-color; + } + + .btn.btn-outline-text { + color: @text; + border-color: @subtext0; + } + + .btn.btn-primary, + .btn.btn-primary:hover { + color: @text; + background-color: @accent-color; + border-color: @accent-color; + } + + .dropdown-menu-active, + .btn.btn-outline-text:hover { + color: @text; + border-color: @subtext0; + background-color: @surface0; + } + input[type="text"]:focus, input[type="checkbox"]:focus + label, input[type="checkbox"]:active + label, @@ -168,9 +332,9 @@ select:focus, button:focus, input[type="password"]:focus, - input[type="email"]:focus, - button:active { + input[type="email"]:focus { box-shadow: 0 0 3px @accent-color !important; + border-color: @accent-color !important; } input[type="text"], @@ -178,8 +342,8 @@ input[type="password"], select, textarea { - background-color: @base; - color: @text; + background-color: @base !important; + color: @text !important; border-color: @subtext0; } @@ -192,6 +356,11 @@ div.article_magazine.article_bulk_selected { box-shadow: 0 0 0 1px @subtext0; } + .view_style_2 #reader_pane .ar.article_current_3way, + .view_style_2 #reader_pane .ar.article_expanded { + box-shadow: none; + border-color: @text; + } .article_magazine_content { color: @overlay0; @@ -213,8 +382,21 @@ .inno_tabs_tab_current:hover, .inno_toolbar_button_menu_item_inactive .inno_toolbar_button_menu_icon, .inno_toolbar_button_menu_icon, - #preferences_subscriptions_table span.icon_active { - color: @accent-color; + #preferences_subscriptions_table span.icon_active, + .text-primary, + .inno_tabs_wrapper + .inno_tabs_header + .inno_tabs_tab.inno_tabs_tab_current + a:link, + .inno_tabs_wrapper + .inno_tabs_header + .inno_tabs_tab.inno_tabs_tab_current + a:active, + .inno_tabs_wrapper + .inno_tabs_header + .inno_tabs_tab.inno_tabs_tab_current + a:visited { + color: @accent-color !important; } #new_articles_overlay { @@ -256,12 +438,23 @@ border-color: @surface0; } - .bluebutton { + .bluebutton, + .inno_dialog .inno_dialog_buttonbar_button:nth-child(1) { background-color: @accent-color; color: @crust; border-style: none; } + .inno_dialog .inno_dialog_buttonbar_button:nth-child(1):hover:enabled { + background-color: @accent-color; + border-color: @accent-color; + } + + .inno_dialog_buttonbar_button { + background-color: @base; + color: @text; + } + .icon_green { color: @green; } @@ -271,7 +464,8 @@ .reader_pane_view_style_2 .article:hover, .sd .share_wrapper .icon16:hover, .pricing_feature_row:nth-child(odd), - .pricing_table_row .pricing_table_leftmost_cell { + .pricing_table_row .pricing_table_leftmost_cell, + .article_footer .share_wrapper:hover { background-color: @surface0; } @@ -288,6 +482,11 @@ border-color: @surface0; } + .border-bottom, + .header-shadow { + border-color: @text; + } + .pricing_teams_hero { background-color: @surface0; background-image: none; @@ -322,12 +521,19 @@ color: @text; } + input[type="checkbox"].form-check-input:checked, + input[type="radio"].form-check-input:checked { + background-color: @accent-color; + border-color: @accent-color; + } + .normal_dim { color: @subtext1; } .parent_div_inner_selected, #preferences_header, + #tabs_pane, .add_content_simulated_button_menu_line_item:hover { background-color: @accent-color; color: @mantle; diff --git a/styles/invidious/catppuccin.user.css b/styles/invidious/catppuccin.user.css index 791243afa3..5f157f8873 100644 --- a/styles/invidious/catppuccin.user.css +++ b/styles/invidious/catppuccin.user.css @@ -2,7 +2,7 @@ @name Invidious Catppuccin @namespace github.com/catppuccin/userstyles/styles/invidious @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/invidious -@version 0.4.1 +@version 0.4.2 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/invidious/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainvidious @description Soothing pastel theme for Invidious @@ -128,16 +128,6 @@ background-color: @base !important; color: @text !important; - &::-webkit-scrollbar { - width: 0.25rem; - background: transparent; - } - - &::-webkit-scrollbar-thumb { - border-radius: 9999px; - background: @accent-color; - } - a, /* menu under the search bar */ .pure-menu-heading { @@ -152,7 +142,7 @@ hr, /* legend borders are visible as dividers in Settings */ legend { - border-color: mix(@accent-color, @surface0, 50%); + border-color: @surface1; border-style: solid; } @@ -163,23 +153,23 @@ .pure-button-primary { background-color: @surface1 !important; color: @text !important; - border-color: @crust !important; + border-color: @surface1 !important; &:hover, &:focus { background-color: @surface2 !important; color: @text !important; - border-color: @crust !important; + border-color: @surface1 !important; } } .pure-button-secondary { background-color: @accent-color !important; color: @crust !important; - border-color: @crust !important; + border-color: @surface1 !important; &:hover, &:focus { background-color: #lightenOrDarken(@accent-color, 2%) [ @result] !important; color: @crust !important; - border-color: @crust !important; + border-color: @surface1 !important; } } @@ -289,10 +279,11 @@ select, input[type="text"], input[type="number"], - input[type="input"] { + input[type="input"], + input[type="password"] { color: @text !important; background-color: @surface0 !important; - border-color: @crust !important; + border-color: @surface1 !important; box-shadow: none !important; &:active { color: @text !important; @@ -301,12 +292,12 @@ input[type="search"] { color: @text !important; background-color: @base !important; - border-bottom-color: @crust !important; + border-bottom-color: @overlay1 !important; box-shadow: none !important; } input[type="checkbox"] { background-color: @surface2; - border-color: @crust; + border-color: @surface1; height: 1rem; width: 1rem; -webkit-appearance: none; diff --git a/styles/lemmy/catppuccin.user.css b/styles/lemmy/catppuccin.user.css index 8f5175de7c..56bc1663e2 100644 --- a/styles/lemmy/catppuccin.user.css +++ b/styles/lemmy/catppuccin.user.css @@ -2,7 +2,7 @@ @name Lemmy Catppuccin @namespace github.com/catppuccin/userstyles/styles/lemmy @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lemmy -@version 0.0.3 +@version 0.0.4 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lemmy/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alemmy @description Soothing pastel theme for Lemmy @@ -239,6 +239,12 @@ color: @text !important; background-color: rgba(#rgbify(@mantle) [], 1) !important; } + .alert-info, + .alert-warning { + background-color: @mantle !important; + border-color: @mantle !important; + color: @text !important; + } } } diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index f111ae04a7..6aca721972 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -2,7 +2,7 @@ @name Lichess Catppuccin @namespace github.com/catppuccin/userstyles/styles/lichess @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lichess -@version 0.0.2 +@version 0.0.3 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lichess/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alichess @description Soothing pastel theme for Lichess @@ -13,6 +13,7 @@ @var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"] @var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] @var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] +@var checkbox stylePieces "Style Pieces" 1 ==/UserStyle== */ @-moz-document domain("lichess.org") { @@ -284,88 +285,90 @@ ); background-image: url("data:image/svg+xml,@{svg}") !important; } - .is2d .pawn { - #piece(@f, @s) { - @svg: escape( - '' - ); - background-image: url("data:image/svg+xml,@{svg}") !important; + & when (@stylePieces = 1) { + .is2d .pawn { + #piece(@f, @s) { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + &.black { + #piece(@base, @text); + } + &.white { + #piece(@text, @base); + } } - &.black { - #piece(@base, @text); + .is2d .bishop { + #piece(@f, @s) { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + &.black { + #piece(@base, @text); + } + &.white { + #piece(@text, @base); + } } - &.white { - #piece(@text, @base); + .is2d .knight { + #piece(@f, @s) { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + &.black { + #piece(@base, @text); + } + &.white { + #piece(@text, @base); + } } - } - .is2d .bishop { - #piece(@f, @s) { - @svg: escape( - '' - ); - background-image: url("data:image/svg+xml,@{svg}") !important; - } - &.black { - #piece(@base, @text); - } - &.white { - #piece(@text, @base); - } - } - .is2d .knight { - #piece(@f, @s) { - @svg: escape( - '' - ); - background-image: url("data:image/svg+xml,@{svg}") !important; - } - &.black { - #piece(@base, @text); - } - &.white { - #piece(@text, @base); - } - } - .is2d .rook { - #piece(@f, @s) { - @svg: escape( - '' - ); - background-image: url("data:image/svg+xml,@{svg}") !important; - } - &.black { - #piece(@base, @text); - } - &.white { - #piece(@text, @base); - } - } - .is2d .king { - #piece(@f, @s) { - @svg: escape( - '' - ); - background-image: url("data:image/svg+xml,@{svg}") !important; - } - &.black { - #piece(@base, @text); + .is2d .rook { + #piece(@f, @s) { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + &.black { + #piece(@base, @text); + } + &.white { + #piece(@text, @base); + } } - &.white { - #piece(@text, @base); - } - } - .is2d .queen { - &.black { - @svg: escape( - '' - ); - background-image: url("data:image/svg+xml,@{svg}") !important; + .is2d .king { + #piece(@f, @s) { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + &.black { + #piece(@base, @text); + } + &.white { + #piece(@text, @base); + } } - &.white { - @svg: escape( - '' - ); - background-image: url("data:image/svg+xml,@{svg}") !important; + .is2d .queen { + &.black { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + &.white { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } } } diff --git a/styles/listenbrainz/README.md b/styles/listenbrainz/README.md new file mode 100644 index 0000000000..1dc8d7614e --- /dev/null +++ b/styles/listenbrainz/README.md @@ -0,0 +1,36 @@ + + + +

+ Logo
+ + Catppuccin for ListenBrainz + +

+ +

+ + +

+ +

+ +

+ + + +## 💝 Current Maintainer +- [00dani](https://github.com/00dani) + + +  + +

+ +

+ +

+ Copyright © 2021-present Catppuccin Org +

+ + diff --git a/styles/listenbrainz/catppuccin.user.css b/styles/listenbrainz/catppuccin.user.css new file mode 100644 index 0000000000..e7f7a4fc75 --- /dev/null +++ b/styles/listenbrainz/catppuccin.user.css @@ -0,0 +1,742 @@ +/* ==UserStyle== +@name ListenBrainz Catppuccin +@namespace github.com/catppuccin/userstyles/styles/listenbrainz +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/listenbrainz +@version 0.0.1 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/listenbrainz/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alistenbrainz +@description Soothing pastel theme for ListenBrainz +@author Catppuccin +@license MIT + +@preprocessor less +@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"] +@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] +@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] +==/UserStyle== */ + +@-moz-document domain('listenbrainz.org') { + @media (prefers-color-scheme: light) { + :root { + #catppuccin(@lightFlavor, @accentColor); + } + } + @media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); + } + } + + #catppuccin(@lookup, @accent) { + @rosewater: @catppuccin[@@lookup][@rosewater]; + @flamingo: @catppuccin[@@lookup][@flamingo]; + @pink: @catppuccin[@@lookup][@pink]; + @mauve: @catppuccin[@@lookup][@mauve]; + @red: @catppuccin[@@lookup][@red]; + @maroon: @catppuccin[@@lookup][@maroon]; + @peach: @catppuccin[@@lookup][@peach]; + @yellow: @catppuccin[@@lookup][@yellow]; + @green: @catppuccin[@@lookup][@green]; + @teal: @catppuccin[@@lookup][@teal]; + @sky: @catppuccin[@@lookup][@sky]; + @sapphire: @catppuccin[@@lookup][@sapphire]; + @blue: @catppuccin[@@lookup][@blue]; + @lavender: @catppuccin[@@lookup][@lavender]; + @text: @catppuccin[@@lookup][@text]; + @subtext1: @catppuccin[@@lookup][@subtext1]; + @subtext0: @catppuccin[@@lookup][@subtext0]; + @overlay2: @catppuccin[@@lookup][@overlay2]; + @overlay1: @catppuccin[@@lookup][@overlay1]; + @overlay0: @catppuccin[@@lookup][@overlay0]; + @surface2: @catppuccin[@@lookup][@surface2]; + @surface1: @catppuccin[@@lookup][@surface1]; + @surface0: @catppuccin[@@lookup][@surface0]; + @base: @catppuccin[@@lookup][@base]; + @mantle: @catppuccin[@@lookup][@mantle]; + @crust: @catppuccin[@@lookup][@crust]; + @accent-color: @catppuccin[@@lookup][@@accent]; + + color-scheme: if(@lookup = latte, light, dark); + + ::selection { + background-color: fade(@accent-color, 30%); + } + + input, + textarea { + &::placeholder { + color: @subtext0 !important; + } + } + + // We can't control which theme is passed to Toastify's props from CSS, but + // we can replace the default theme with whatever colours we want. + --toastify-color-light: @overlay0; + --toastify-text-color-light: @text; + --toastify-color-info: @blue; + --toastify-color-success: @green; + --toastify-color-warning: @yellow; + --toastify-color-error: @red; + + body { + color: @text; + background-color: @base; + + nav[role="navigation"] { + .navbar-header .navbar-toggle { + border-color: @accent-color; + .icon-bar { + background-color: @accent-color; + } + } + + .navbar-logo > img { + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); + } + + #side-nav { + background-color: @mantle; + a, + a:visited { + color: @blue; + &:hover { + color: @sky; + } + } + + .search-bar input { + background-color: @surface0; + color: @text; + &:focus { + box-shadow: inset 1px 2px 4px @surface1; + ~ button { + box-shadow: inset -3px 2px 4px @surface2; + } + } + ~ button { + background-color: @surface1; + color: @text; + } + } + + .mobile-nav-fix { + background-color: transparent; + } + } + + #side-nav-overlay { + background-color: @crust; + } + } + } + + a { + color: @blue; + &:hover { + color: @sky; + } + &:visited:not(.btn) { + color: @lavender; + &:hover { + color: @sky; + } + } + } + + h2, + h3, + h4 { + color: @text; + } + + .text-muted, + .help-block { + color: @subtext0; + } + + .text-success { + color: @green; + } + + .text-danger { + color: @red; + } + + a > svg.fa-link { + color: @text; + } + + .form-control { + border-color: @base; + background-color: @surface0; + color: @text; + } + + .panel { + background-color: @surface0; + color: @text; + border-color: @surface1; + .panel-heading { + background-color: @surface1; + outline-color: @surface2; + } + } + + .well { + background-color: @surface0; + border-color: @mantle; + } + + .toggle-switch { + background-color: @surface0; + &::before { + background-color: @overlay0; + } + } + .toggle-checkbox:checked + .toggle-switch { + background-color: @surface1; + &::before { + background-color: @accent-color; + } + } + + .table { + tr { + > td, + > th { + border-color: @surface1; + } + } + + &.table-striped > tbody > tr:nth-of-type(2n + 1) { + background-color: @surface0; + } + } + + .music-service-selection .music-service-option { + label { + background-color: @surface1; + border-color: fade(@green, 50%); + } + + input[type="radio"]:checked + label { + background-color: fade(@green, 50%); + &::after { + color: @green; + border-color: @green; + background-color: @surface1; + } + } + } + + .pill.secondary { + color: @text; + border-color: @subtext0; + } + + .btn-primary, + .btn-info, + .btn-outline, + .musicbrainz-profile-button, + .lb-follow-button.block, + .pill.secondary.active { + color: @crust; + background-color: @accent-color; + border-color: transparent; + + &:hover { + color: @crust; + background-color: darken(@accent-color, 5%); + } + } + + .open > .dropdown-toggle.btn-info { + color: @crust; + background-color: darken(@accent-color, 10%); + } + + .secondary-nav > ol.breadcrumb { + background-color: @mantle; + border-color: @crust; + > li.active { + color: @text; + border-color: transparent; + } + } + + .secondary-nav .nav.nav-tabs { + background-color: @mantle; + border-color: @crust; + > li { + background-color: @mantle; + border-color: @crust; + > a { + background-color: transparent; + border-color: @crust; + color: @subtext1; + &.active { + border-bottom-color: transparent; + } + } + &:hover { + background-color: @surface0; + } + + &.active { + background-color: @base; + border-bottom-color: transparent; + } + } + } + + @media (max-width: 991px) { + .secondary-nav::after { + background: linear-gradient(270deg, @crust, transparent); + } + } + + .listen-header h3 { + color: @subtext0; + &::after { + border-top-color: @surface1; + } + } + + .webSocket-box { + border-bottom-color: @mantle; + .read-more { + background-image: linear-gradient(to bottom, transparent, @base); + } + } + + .heart-actions() { + .love { + stroke: @text; + &.loved { + color: @red; + stroke: transparent; + } + &:hover { + color: transparent; + stroke: @red; + } + } + + .hate { + stroke: @text; + &.hated { + color: @mauve; + stroke: transparent; + } + &:hover { + color: transparent; + stroke: @mauve; + } + } + } + + .card { + background-color: @surface0; + border-color: transparent; + box-shadow: + fade(@surface0, 10%) 0 1px 1px, + fade(@surface0, 15%) 0 2px 2px, + fade(@surface0, 20%) 0 4px 4px; + + &#listen-count-card { + margin-bottom: 5px; + border-color: @surface1; + } + + &.listen-card { + .listen-thumbnail > div { + color: @accent-color; + background-color: @surface1; + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; + } + + .listen-time { + color: @subtext0; + } + .listen-controls { + .btn.dropdown-toggle, + .btn.play-button, + .btn-transparent[title="Reset"] { + color: @text; + &:hover, + &.playing { + color: @accent-color; + } + } + + .heart-actions(); + } + + &.playing-now, + &.current-listen { + background-color: @surface1 !important; + + .listen-thumbnail > div { + background-color: @surface2; + height: 100%; + } + } + } + } + + hr, + #listen-count-card hr, + .card-user-sn hr { + border-top-color: @surface1; + } + + .follower-following-list, + .similar-users-list { + box-shadow: inset 0 11px 8px -10px @base; + > :not(:first-child) { + border-color: @surface1; + } + } + + .progress { + background-color: @surface1; + + .progress-bar.purple { + background-color: @mauve; + } + + .progress-bar.orange { + background-color: @peach; + } + + .progress-bar.red { + background-color: @red; + } + } + + .dropdown-menu { + background-color: @overlay0; + button, + a { + color: @text !important; + &:visited { + color: @text !important; + } + &:hover { + background-color: fade(@accent-color, 30%) !important; + } + } + } + + .pager li { + > a, + > a:focus, + > a:visited, + a:active, + > span { + background-color: @surface0; + border-color: @surface1; + + &:hover { + background-color: @surface1; + } + } + + > a, + > a:focus, + > a:visited, + > a:active { + color: @blue; + &:hover { + color: @sky; + } + } + + &.disabled { + > a, + > a:focus, + > a:visited, + > a:active, + > span { + color: @text; + background-color: @surface0; + &:hover { + background-color: inherit; + } + } + } + } + + .react-datetime-picker { + .react-datetime-picker__wrapper { + border-color: @mantle; + } + .react-calendar { + background-color: @surface0; + border-color: @surface1; + + .react-calendar__navigation, + .react-calendar__viewContainer { + button:disabled { + background-color: @surface2; + } + button:enabled:hover { + background-color: @surface1; + } + button:enabled:focus { + background-color: transparent; + } + + .react-calendar__tile--now { + background-color: @peach; + color: @crust; + &:enabled:hover { + background-color: @yellow; + } + } + + .react-calendar__tile--hasActive, + .react-calendar__tile--active { + color: @text; + background-color: fade(@accent-color, 40%); + &:enabled:hover { + background-color: fade(@accent-color, 50%); + } + } + } + + .react-calendar__month-view__days__day--neighboringMonth { + color: @subtext0; + } + + .react-calendar__month-view__days__day--weekend { + color: @red; + } + } + } + + .stats-full-width-graph { + line { + stroke: @subtext0 !important; + } + + text { + fill: @text !important; + } + + &.user-artist-map > div + div > div, + svg + div > div { + background-color: @overlay0 !important; + color: @text !important; + } + } + rect[fill="#353070"] { + fill: @mauve; + } + rect[fill="#eb743b"] { + fill: @peach; + } + .badge-info { + background-color: @surface1; + color: @text; + } + + .modal-content { + background-color: @mantle; + button.close { + color: @text; + opacity: 1; + text-shadow: none; + } + + .track-search { + #recording-mbid, + .track-search-dropdown { + background-color: @surface0; + color: @text; + border-color: @crust; + } + } + + .modal-header, + .modal-footer { + border-color: @crust; + } + } + + .explore-card { + background-color: @surface0; + filter: drop-shadow(0 4px 4px fade(@overlay0, 25%)); + .explore-card-img { + border-color: @surface0; + } + .explore-card-text { + background-color: @surface0; + } + } + + .sidebar { + background-color: @mantle; + .sidebar-header { + background-color: @crust; + color: @text; + } + .sidenav-content-grid { + background: transparent; + } + } + .rc-slider-rail { + background-color: @surface1; + } + .rc-slider-handle { + background-color: @accent-color; + &.rc-slider-handle-dragging { + background-color: @accent-color; + border-color: @accent-color; + } + } + .rc-slider-mark-text { + color: @subtext0; + } + .release-card-grid-title { + background-color: transparent; + &::before, + &::after { + border-color: @surface0; + } + } + + #homepage-container { + @homepage-bg: linear-gradient(288deg, @peach 16.96%, @mauve 98.91%); + @flipped-blue: if( + @lookup = latte, + @catppuccin[@mocha][@blue], + @catppuccin[@latte][@blue] + ); + @flipped-sky: if( + @lookup = latte, + @catppuccin[@mocha][@sky], + @catppuccin[@latte][@sky] + ); + + .homepage-upper { + background: @homepage-bg; + + h1 { + color: @crust; + } + .homepage-info { + h1 { + color: @text; + } + + .homepage-info-links > a { + color: @blue; + &:hover { + color: @sky; + } + } + } + + .homepage-upper-grey-box { + background-color: @base; + } + } + + .homepage-lower { + background: @homepage-bg; + h1 { + color: @text; + } + + .homepage-info { + color: @crust; + h1 { + color: @crust; + } + + .homepage-info-links > a { + color: @flipped-blue; + &:hover { + color: @flipped-sky; + } + } + } + + .homepage-lower-grey-box { + background-color: @base; + } + } + + .homepage-info { + color: @text; + .create-account-button { + background-color: @accent-color; + color: @crust; + &:hover { + background-color: darken(@accent-color, 5%); + } + } + } + } + + #brainz-player { + background-color: @mantle; + border-color: @crust; + + .progress { + background-color: @surface1; + > .progress-bar { + background-color: @accent-color; + } + } + + .no-album-art { + background-color: transparent; + } + + .controls > .btn-link, + .actions > a { + color: @accent-color; + } + + .actions { + .heart-actions(); + + .fa-ellipsis-vertical { + stroke: @accent-color; + } + } + + .dropup-content { + .dropdown-menu(); + } + } + + .footer { + background-color: @mantle; + color: @text; + border-color: @crust; + .color-gray { + color: @subtext0; + } + .section-line { + border-color: @crust; + } + } + } +} + +/* prettier-ignore */ +@catppuccin: { + @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; + @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; + @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; + @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; +} + +// vim:ft=less diff --git a/styles/listenbrainz/preview.webp b/styles/listenbrainz/preview.webp new file mode 100644 index 0000000000..b85471c6d6 --- /dev/null +++ b/styles/listenbrainz/preview.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:11c008863f24029c98482f4e034cda0189786c004d1633b775f2ebe039bb0afa +size 464762 diff --git a/styles/mastodon/catppuccin.user.css b/styles/mastodon/catppuccin.user.css index 0038c94bfa..afbeb74323 100644 --- a/styles/mastodon/catppuccin.user.css +++ b/styles/mastodon/catppuccin.user.css @@ -2,7 +2,7 @@ @name Mastodon Catppuccin @namespace github.com/catppuccin/userstyles/styles/mastodon @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mastodon -@version 1.3.2 +@version 1.3.3 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amastodon @description Soothing pastel theme for Mastodon @@ -37,14 +37,16 @@ domain("toot.wales") { @media (prefers-color-scheme: light) { .theme-default, - .skin-default { + .skin-default, + .skin-system { #catppuccin(@lightFlavor, @accentColor); } } @media (prefers-color-scheme: dark) { .theme-default, - .skin-default { + .skin-default, + .skin-system { #catppuccin(@darkFlavor, @accentColor); } } diff --git a/styles/modrinth/catppuccin.user.css b/styles/modrinth/catppuccin.user.css index 3579697afc..aa37f7f43c 100644 --- a/styles/modrinth/catppuccin.user.css +++ b/styles/modrinth/catppuccin.user.css @@ -2,7 +2,7 @@ @name Modrinth Catppuccin @namespace github.com/catppuccin/userstyles/styles/modrinth @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/modrinth -@version 1.2.2 +@version 1.2.6 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amodrinth @description Soothing pastel theme for Modrinth @@ -73,6 +73,7 @@ --color-bg: @crust; --color-ad-raised: @surface2; --color-ad: @surface1; + --color-ad-highlight: @teal; --color-brand: @accent-color; --color-brand-green: @green; --color-button-bg-active: @overlay0; @@ -94,6 +95,7 @@ --color-purple: @mauve; --color-special-purple: @mauve; --color-red: @red; + --color-gray: @subtext0; --color-special-gray: @subtext0; --color-green: @green; --color-text: @subtext1; @@ -104,10 +106,31 @@ --color-table-alternate-row: @crust; --color-table-border: @overlay0; --color-contrast: @text; + --color-accent-contrast: @mantle; --color-brand-shadow: @accent-color; --color-warning-banner-side: @red; --color-warning-banner-bg: fade(@red, 10%); --color-warning-banner-text: @text; + --landing-green-label: @accent-color; + --landing-green-label-bg: fade(@accent-color, 10%); + --landing-blue-label: @blue; + --landing-blue-label-bg: fade(@blue, 10%); + + // homepage + .blob-demonstration, + .blob-demonstration::after { + background: linear-gradient( + 0deg, + fade(@accent-color, 20%), + fade(@base, 10%) + ) !important; + } + .logo-banner path { + fill: @accent-color !important; + } + .logo-banner > svg > g > rect { + display: none; + } [tabindex="0"]:focus-visible, a:focus-visible, diff --git a/styles/nixos.wiki/catppuccin.user.css b/styles/nixos.wiki/catppuccin.user.css index dcf525ad83..4ef7b894ef 100644 --- a/styles/nixos.wiki/catppuccin.user.css +++ b/styles/nixos.wiki/catppuccin.user.css @@ -2,7 +2,7 @@ @name NixOS Wiki Catppuccin @namespace github.com/catppuccin/userstyles/styles/nixos.wiki @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki -@version 0.0.6 +@version 0.0.7 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anixos.wiki @description Soothing pastel theme for NixOS Wiki @@ -322,6 +322,47 @@ #footer { background-color: @mantle; } + + .mw-search-profile-tabs { + background-color: @base !important; + border-color: @base !important; + } + + .search-types .current a { + color: @text; + } + + .oo-ui-inputWidget-input { + background-color: @overlay2 !important; + color: @base; + } + + .oo-ui-buttonElement-button { + background-color: @mantle !important; + color: @base !important; + border-color: @mantle !important; + } + + .oo-ui-labelElement-label { + background-color: @mantle !important; + color: @text !important; + } + + .oo-ui-floatableElement-floatable, + .oo-ui-widget:hover { + background-color: @mantle !important; + color: @text !important; + } + + & when (@lookup = latte) { + .oo-ui-inputWidget-input { + background-color: @base !important; + color: @text; + } + .oo-ui-buttonElement-button { + background-color: @mantle !important; + } + } } } diff --git a/styles/npm/catppuccin.user.css b/styles/npm/catppuccin.user.css index 6971949b36..4645883d2c 100644 --- a/styles/npm/catppuccin.user.css +++ b/styles/npm/catppuccin.user.css @@ -2,7 +2,7 @@ @name npm Catppuccin @namespace github.com/catppuccin/userstyles/styles/npm @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/npm -@version 0.0.6 +@version 0.0.9 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/npm/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anpm @description Soothing pastel theme for npm @@ -56,6 +56,8 @@ @crust: @catppuccin[@@lookup][@crust]; @accent-color: @catppuccin[@@lookup][@@accent]; + @red-filter: @catppuccin[@@lookup][@red_filter]; + color-scheme: if(@lookup = latte, light, dark); accent-color: @accent-color; @@ -230,10 +232,7 @@ } } - /* Profile picture nvigation */ - #signup { - border-color: @surface0; - } + /* Profile picture navigation */ nav:has(> button[aria-label="Profile menu"]) { > button { /* Dropdown arrow */ @@ -285,7 +284,7 @@ /* --- HOME PAGE --- */ - article > section:nth-of-type(1) { + ._8c1ee087 { background-image: linear-gradient( 270deg, fade(@red, 16%) 0%, @@ -601,6 +600,13 @@ [style="color: rgb(111, 66, 193);"] { color: var(--color-prettylights-syntax-entity) !important; } + [style*="color: rgb(223, 80, 0);"] { + color: @peach !important; + } + [style*="color: rgb(99, 163, 92);"] { + color: @green !important; + } + .hljs-subst, .hljs-built_in { color: var( @@ -906,6 +912,66 @@ border-color: @teal; } + /* Pricing page */ + + .dark-gray { + color: @text !important; + } + + .light-silver { + color: @subtext1; + } + + .npm-red { + color: @red; + } + + .a11y-light-gray, + .bg-gray { + background-color: @subtext0 !important; + } + + .bg-dark-gray { + background-color: @text; + } + + .bg-light-gray, + .bg-near-white { + background-color: @surface0 !important; + } + + .npm-bg-hero, + .npm-bg-teams { + background: none; + + > .white { + color: @text; + } + } + + .npm-bg-gradient { + background-image: @npmGradient; + } + + .npm-rainbow-circle { + background-image: linear-gradient(@crust, @crust), @npmGradient; + } + + .npm-btn-red { + background-color: @red; + border-bottom-color: @yellow; + } + + a[href="/products/teams"].npm-title { + background-color: @red; + color: @crust; + border-color: @text; + } + + ul.featureComparisonList img[alt="feature included"] { + filter: @red-filter; + } + /* --- GENERIC --- */ /* Buttons/button links */ @@ -965,10 +1031,23 @@ } } - /* Input elements */ - #signup_email_error_message { - color: @red; + /* Signup form */ + #signup { + /* Logged out signup button in header */ + &[href="/signup"] { + border-color: @surface0; + } + + #signup_email_error_message, + #signup_password_error_message { + color: @red; + } + + fieldset { + color: @text; + } } + button[name="show-hide-password"] { background-color: transparent; color: @text; @@ -981,6 +1060,7 @@ background-color: @surface0; } } + /* Dropdowns */ details ul[class*="Dropdown__DropdownMenu"] { background-color: @base; @@ -1128,10 +1208,10 @@ /* prettier-ignore */ @catppuccin: { - @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; - @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; - @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; - @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; + @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @red_filter: brightness(0) saturate(100%) invert(13%) sepia(93%) saturate(6590%) hue-rotate(343deg) brightness(85%) contrast(92%); @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; + @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @red_filter: brightness(0) saturate(100%) invert(79%) sepia(26%) saturate(3775%) hue-rotate(304deg) brightness(96%) contrast(88%); @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; + @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @red_filter: brightness(0) saturate(100%) invert(62%) sepia(22%) saturate(880%) hue-rotate(302deg) brightness(98%) contrast(90%); @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; + @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @red_filter: brightness(0) saturate(100%) invert(87%) sepia(37%) saturate(4988%) hue-rotate(296deg) brightness(105%) contrast(91%); @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; } // vim:ft=less diff --git a/styles/phanpy/catppuccin.user.css b/styles/phanpy/catppuccin.user.css index bfeaa8da41..cb7715268e 100644 --- a/styles/phanpy/catppuccin.user.css +++ b/styles/phanpy/catppuccin.user.css @@ -2,7 +2,7 @@ @name Phanpy Catppuccin @namespace github.com/catppuccin/userstyles/styles/phanpy @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/phanpy -@version 0.0.1 +@version 0.0.2 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/phanpy/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aphanpy @description Soothing pastel theme for Phanpy @@ -70,6 +70,7 @@ --link-color: @accent-color; --link-text-color: @accent-color; --link-faded-color: @accent-color; + --link-light-color: @accent-color; --button-bg-blur-color: @accent-color; --button-bg-color: @accent-color; --button-text-color: @base; @@ -103,6 +104,22 @@ .button.plain2 { background-color: @mantle; } + + .replies-parent-link { + background-color: @surface0 !important; + } + + .account-container { + --original-color: @blue; + + .profile-field, + .stats, + .posting-stats-button { + background-color: @mantle; + -webkit-filter: none; + filter: none; + } + } } } diff --git a/styles/pinterest/catppuccin.user.css b/styles/pinterest/catppuccin.user.css index 6e0c01503d..93f4830237 100644 --- a/styles/pinterest/catppuccin.user.css +++ b/styles/pinterest/catppuccin.user.css @@ -2,7 +2,7 @@ @name Pinterest Catppuccin @namespace github.com/catppuccin/userstyles/styles/pinterest @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pinterest -@version 1.1.3 +@version 1.1.5 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apinterest @description Soothing pastel theme for Pinterest @@ -107,6 +107,23 @@ --color-background-formfield-primary: @surface0; --color-border-container: @surface1; --color-border-default: @mantle; + --color-text-success: @green; + --color-text-warning: @yellow; + --color-icon-success: @green; + --color-icon-warning: @yellow; + --color-icon-error: @red; + --color-icon-info: @blue; + --color-icon-recommendation: @mauve; + --color-icon-brand-primary: @accent-color; + --color-icon-inverse: @crust; + --color-background-brand: @accent-color; + --color-background-box-brand: @accent-color; + --color-background-button-primary-default: @accent-color; + --color-background-badge-warning: @yellow; + --color-background-badge-success: @green; + --color-background-education: @blue; + --color-background-primary-strong: @accent-color; + --color-background-shopping: @blue; --g-colorTransparentWhite: fadeout(@base, 30%); --g-colorTransparentDarkGray: fadeout(@mantle, 20%); @@ -180,12 +197,32 @@ background-color: @base !important; } + // "Accounts and more options" popup + div#HeaderAccountOptionsFlyout { + background-color: @mantle; + border-color: transparent; + // external link icons + .Hn_.Uvi.gUZ { + color: var(--color-text-icon-light); + } + } + + // Pin hover icons (and other icons) + .Uvi.gUZ.U9O.kVc { + color: @text; + } + /* Header & Search */ div[data-test-id="header-Header"] div.P_h span.xnr { color: @text !important; } + // make top bar match + div[data-test-id="header-background"] { + background-color: @base; + } + div[data-test-id="one-bar-pill"] { div { color: var(--color-text-dark) !important; @@ -201,8 +238,9 @@ } div#searchBoxContainer { - div[style="height: 48px; background-color: rgb(225, 225, 225);"] { - background-color: darken(@mantle, 2.5%) !important; + // search bar + div.Jea.fev.zI7.iyn.Hsu { + background-color: @mantle !important; } div[style="padding: 0px 0px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;"], @@ -219,6 +257,13 @@ } } + // make selected search suggestions darker + div[aria-selected="true"][data-test-id="search-suggestion"] { + .C9q.Jea.KS5.Lfz.TMJ.XiG.Zr3.zI7.iyn.Hsu { + background-color: @surface0; + } + } + /* Home */ div.moreIdeasBoardRepCarousel @@ -231,6 +276,16 @@ background: none !important; } + // remove bar + .fZz.imm.zI7.iyn.Hsu { + background-color: @base; + } + + // "created" and "saved" button backgrounds + .DUt.XiG._wN.hA-.wYR.zI7.iyn.Hsu { + background-color: transparent !important; + } + /* Pins */ div[data-test-id="PinBetterSaveDropdown"], @@ -283,6 +338,46 @@ color: @mantle !important; } + // board name to save to preview / dropdown + .tBJ.dyH.iFc.sAJ.B1n.zDA.IZT.H2s.CKL { + color: var(--color-text-light) !important; + } + + // back of send and ... buttons on pins + .x8f.INd._O1.KS5.mQ8.NSs { + background-color: @crust !important; + } + + // Save button background + .akY.KI_.Hsu.USg.CCY.S9z.z_v.BG7.LDc.xD4.fZz.hUC.adn.Rk4.d24._O1.KS5.mQ8.Tbt.L4E.jKZ { + background-color: @accent-color !important; + //color: @text !important; + } + + // Save button text + .tBJ.dyH.iFc.sAJ.B1n.tg7.IZT.H2s { + color: var(--color-text-light) !important; + } + + // Saved button background + .akY.KI_.Hsu.USg.CCY.S9z.z_v.BG7.LDc.xD4.fZz.hUC.kJo.gSJ.d24._O1.KS5.mQ8.Tbt.L4E.jKZ { + background-color: @surface2 !important; + border-color: transparent; + } + + // board picker flyout button + button[aria-label="save button"] { + .RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.Vxj.aZc.Zr3.hA-.Il7.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E { + background-color: @accent-color; + color: @accent-color; + } + } + + // "Saved to __" popup text + .tBJ.dyH.iFc.j1A.X8m.zDA.swG { + color: var(--color-text-light) !important; + } + /* Pin page */ div[data-test-id="inline-comment-composer-container"] { @@ -333,6 +428,20 @@ caret-color: @text; } + div[data-test-id="react-button"] { + .Jea.KS5.mQ8.zI7.iyn.Hsu { + //background-color: @accent-color; + color: @accent-color; + } + } + + // remove "More to explore" bar + div[data-test-id="related-modules-header"] { + .Jea.KS5.LCN.X6t.hUC.imm.jzS.mQ8.zI7.iyn.Hsu { + background-color: transparent; + } + } + /* Video and story pins */ div[data-test-id="visual-content-container"] video ~ div { @@ -369,6 +478,18 @@ color: var(--color-text-light) !important; } + a[aria-label="More ideas"] { + .TzN { + background-color: @surface0; + } + } + + a[aria-label="Organize"] { + .TzN { + background-color: @surface0; + } + } + /* Settings */ input[type="checkbox"] ~ div { @@ -506,6 +627,11 @@ background-color: @crust !important; } + input[type="text"], + input[type="search"] { + color: @text; + } + /* Login */ div[data-test-id="signup-default-modal"], diff --git a/styles/porkbun/README.md b/styles/porkbun/README.md new file mode 100644 index 0000000000..af29f6b533 --- /dev/null +++ b/styles/porkbun/README.md @@ -0,0 +1,36 @@ + + + +

+ Logo
+ + Catppuccin for Porkbun + +

+ +

+ + +

+ +

+ +

+ + + +## 💝 Current Maintainer +- [uncenter](https://github.com/uncenter) + + +  + +

+ +

+ +

+ Copyright © 2021-present Catppuccin Org +

+ + diff --git a/styles/porkbun/catppuccin.user.css b/styles/porkbun/catppuccin.user.css new file mode 100644 index 0000000000..b33571d7a7 --- /dev/null +++ b/styles/porkbun/catppuccin.user.css @@ -0,0 +1,398 @@ +/* ==UserStyle== +@name Porkbun Catppuccin +@namespace github.com/catppuccin/userstyles/styles/porkbun +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/porkbun +@version 0.0.3 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/porkbun/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aporkbun +@description Soothing pastel theme for Porkbun +@author Catppuccin +@license MIT + +@preprocessor less +@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"] +@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] +@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] +==/UserStyle== */ + +@-moz-document domain('porkbun.com') { + @media (prefers-color-scheme: light) { + :root { + #catppuccin(@lightFlavor, @accentColor); + } + } + @media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); + } + } + + #catppuccin(@lookup, @accent) { + @rosewater: @catppuccin[@@lookup][@rosewater]; + @flamingo: @catppuccin[@@lookup][@flamingo]; + @pink: @catppuccin[@@lookup][@pink]; + @mauve: @catppuccin[@@lookup][@mauve]; + @red: @catppuccin[@@lookup][@red]; + @maroon: @catppuccin[@@lookup][@maroon]; + @peach: @catppuccin[@@lookup][@peach]; + @yellow: @catppuccin[@@lookup][@yellow]; + @green: @catppuccin[@@lookup][@green]; + @teal: @catppuccin[@@lookup][@teal]; + @sky: @catppuccin[@@lookup][@sky]; + @sapphire: @catppuccin[@@lookup][@sapphire]; + @blue: @catppuccin[@@lookup][@blue]; + @lavender: @catppuccin[@@lookup][@lavender]; + @text: @catppuccin[@@lookup][@text]; + @subtext1: @catppuccin[@@lookup][@subtext1]; + @subtext0: @catppuccin[@@lookup][@subtext0]; + @overlay2: @catppuccin[@@lookup][@overlay2]; + @overlay1: @catppuccin[@@lookup][@overlay1]; + @overlay0: @catppuccin[@@lookup][@overlay0]; + @surface2: @catppuccin[@@lookup][@surface2]; + @surface1: @catppuccin[@@lookup][@surface1]; + @surface0: @catppuccin[@@lookup][@surface0]; + @base: @catppuccin[@@lookup][@base]; + @mantle: @catppuccin[@@lookup][@mantle]; + @crust: @catppuccin[@@lookup][@crust]; + @accent-color: @catppuccin[@@lookup][@@accent]; + + color-scheme: if(@lookup = latte, light, dark); + + ::selection { + background-color: fade(@accent-color, 30%); + } + + input, + textarea { + &::placeholder { + color: @subtext0 !important; + } + } + + &, + body { + background-color: @base; + color: @text; + } + + --cloudflare_on: @peach; + --porkbun_danger: @red; + --porkbun_warning: @yellow; + --porkbun_success: @green; + --porkbun_pink_hover: darken(@accent-color, 5%); + --porkbun_pink: @accent-color; + --porkbun_gold: @yellow; + --porkbun_pink_light: lighten(@accent-color, 5%); + --porkbun_pink_medium: @accent-color; + --porkbun_dark_gray: @text; + --porkbun_light_gray: @surface0; + --porkbun_medium_gray: @overlay1; + --porkbun_white: @mantle; + --blue_link: @blue; + --blue_link_hover: @sapphire; + --headerMenuLink_color: @text; + --headerMenuLink-hover_color: @text; + --homepageBlurb_color: @text; + + /* Misc */ + + .text-muted { + color: @subtext0; + } + .text-danger { + color: @red; + } + .text-success { + color: @green; + } + + .badge-porkbun { + background-color: @surface0; + color: @text; + } + + .alert-info { + background-color: fade(@blue, 30%); + color: @blue; + border-color: @blue; + } + + .alert-warning { + background-color: fade(@yellow, 30%); + color: @yellow; + border-color: @yellow; + } + + .alert-danger { + background-color: fade(@red, 30%); + color: @red; + border-color: @red; + } + + hr { + border-top-color: @surface1; + } + + /* Inline overrides */ + + [style*="background-color:white;"], + [style*="background-color: rgb(248, 248, 248);"] { + background-color: @surface0 !important; + } + [style*="color:black;"], + [style*="color: white;"] { + color: @text !important; + } + + &[stylus-iframe="https://porkbun.com"], + #beacon-container-body { + background-color: transparent; + + .hsds-beacon button { + background-color: @accent-color; + + &:hover { + background-color: darken(@accent-color, 5%); + } + + > span { + color: @crust; + } + } + } + + /* Buttons */ + + .btn-default, + .sortByPriceButton { + &:not(.searchAddRemoveIcon, .searchAddRemoveIconSideBar) { + background-color: @surface0; + color: @text; + border-color: @surface1; + } + + &:hover { + background-color: @surface1; + color: @text; + } + } + + .btn-primary { + background-color: @accent-color; + border-color: @accent-color; + color: @crust; + + &:hover { + background-color: darken(@accent-color, 5%); + } + } + + .btn-danger { + background-color: @red; + border-color: @red; + color: @crust; + } + + .btn-success { + background-color: @green; + border-color: @green; + color: @crust; + } + + .btn-success-light { + background-color: @green; + color: @crust; + } + + .btn-porkbun-white-borderless, + .btn-porkbun-white:hover, + .btn-porkbun-white:focus { + color: @text; + } + + .btn-porkbun-white.active { + color: @crust; + + .text-muted { + color: @surface0; + } + } + + /* Inputs */ + + .slider { + background-color: @red; + + &::before { + background-color: @crust; + } + } + + .dropdown-menu { + background-color: @surface0; + + > li > a { + color: @text; + + &:hover { + background-color: @surface1; + } + } + + .divider { + background-color: @surface1; + } + } + + .form-control { + background-color: @mantle; + color: @text; + border-color: @surface0; + } + + select:not([multiple]) { + -webkit-appearance: auto; + } + + /* Table dividers */ + + .table { + > tbody, + > tfoot, + > thead { + > tr { + > th, + > td { + border-top-color: @surface1; + } + } + } + + > thead > tr > th { + border-bottom-color: @surface2; + } + + [style*="border-top:2px solid gray;"] { + border-top-color: @surface2 !important; + } + } + + .table-bordered { + border-color: @surface1; + + > tbody, + > tfoot, + > thead { + > tr { + > th, + > td { + border-color: @surface1; + } + } + } + } + + /* Main */ + + .headerContainer, + footer > div { + background-color: @crust !important; + } + + #headerBrandLogo, + #footerLogo { + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); + } + + .reviewWidget { + .googleReviewCount { + color: @subtext1; + } + + .fas[class*="fa-star"] { + color: @yellow; + } + } + + .homepageBulletIconFontAwesome { + color: @subtext0; + } + .homePageSupportOptionCenterRight { + border-color: @surface0; + } + + #domainSearchBulkDropButton { + &:hover, + &:active, + &:target, + &:focus { + background-color: @surface0; + } + } + + #searchResultsContainer { + background-color: transparent; + + .sideBarSearchResults { + border-color: @surface0; + } + } + .searchResultsTldLetterBox { + border-color: @surface1; + } + + .cartBox { + border-color: @surface1; + } + .cartSummaryBoxFreeList > li::before { + color: @subtext0; + } + + .marketplaceRow { + border-top-color: @surface0; + } + + .domainsPricingAllExtensionsHeader { + background-color: transparent; + } + + #homePagePricingContainer { + background-color: transparent; + } + + .hostingBox { + border-color: @surface0; + } + + .well { + background-color: @base; + border-color: @surface0; + } + + .modal-content { + background-color: @base; + + .close { + color: @text; + opacity: 1; + } + } + + .nav-tabs { + border-bottom-color: @surface0; + } + } +} + +/* prettier-ignore */ +@catppuccin: { + @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; + @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; + @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; + @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; +} + +// vim:ft=less diff --git a/styles/porkbun/preview.webp b/styles/porkbun/preview.webp new file mode 100644 index 0000000000..1c147df05b --- /dev/null +++ b/styles/porkbun/preview.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b45a89d3fd467d6320b49d11dcbd035637ad542364862ac5beacb7989e2efedc +size 90800 diff --git a/styles/pronouns.page/catppuccin.user.css b/styles/pronouns.page/catppuccin.user.css index 7d1f15b05c..df91e38645 100644 --- a/styles/pronouns.page/catppuccin.user.css +++ b/styles/pronouns.page/catppuccin.user.css @@ -2,7 +2,7 @@ @name Pronouns.page Catppuccin @namespace github.com/catppuccin/userstyles/styles/pronouns.page @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pronouns.page -@version 0.0.2 +@version 0.0.4 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pronouns.page/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apronouns.page @description Soothing pastel theme for Pronouns.page @@ -208,6 +208,10 @@ color: @text; } + .btn-square { + background-color: @accent-color !important; + } + /* Inputs */ .form-check-input:checked { @@ -219,6 +223,10 @@ color: @text; background-color: @mantle; border-color: @surface0; + + &:focus { + box-shadow: 0 0 0 0.25rem fade(@accent-color, 50%); + } } .dropdown-menu { diff --git a/styles/pypi/catppuccin.user.css b/styles/pypi/catppuccin.user.css index 23f3b93cca..e3ece63c43 100644 --- a/styles/pypi/catppuccin.user.css +++ b/styles/pypi/catppuccin.user.css @@ -2,7 +2,7 @@ @name PyPI Catppuccin @namespace github.com/catppuccin/userstyles/styles/pypi @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pypi -@version 0.0.5 +@version 0.0.7 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pypi/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apypi @description Soothing pastel theme for PyPI @@ -135,6 +135,10 @@ background-image: linear-gradient(90deg, @surface0, @surface0) !important; } + .project-description blockquote { + color: @subtext0 !important; + } + .banner, .footer { background-color: @mantle !important; @@ -183,44 +187,6 @@ color: @text !important; } - a:not( - .site-header__logo, - .package-snippet, - .button, - .dropdown__link, - .vertical-tabs__tab, - .status-badge, - .skip-to-content, - .badge, - .table__user-details, - .horizontal-menu__link, - .sidebar-section__maintainer a, - .release__card - ), - a:hover:not( - .site-header__logo, - .package-snippet, - .button, - .dropdown__link, - .vertical-tabs__tab, - .status-badge, - .skip-to-content, - .badge, - .table__user-details, - .horizontal-menu__link, - .sidebar-section__maintainer a, - .release__card - ), - .footer__menu li a, - .footer__text a, - .language-switcher ul button { - background-image: linear-gradient( - 90deg, - @accent-color, - @accent-color - ) !important; - } - a:not(.site-header__logo, .button, .dropdown__link, .badge, .release__card), a:hover:not( .site-header__logo, diff --git a/styles/raindrop/README.md b/styles/raindrop/README.md new file mode 100644 index 0000000000..5d09de81d4 --- /dev/null +++ b/styles/raindrop/README.md @@ -0,0 +1,36 @@ + + + +

+ Logo
+ + Catppuccin for Raindrop + +

+ +

+ + +

+ +

+ +

+ + + +## 💝 Current Maintainer +- [thismoon](https://github.com/thismoon) + + +  + +

+ +

+ +

+ Copyright © 2021-present Catppuccin Org +

+ + diff --git a/styles/raindrop/catppuccin.user.css b/styles/raindrop/catppuccin.user.css new file mode 100644 index 0000000000..8fbd92086c --- /dev/null +++ b/styles/raindrop/catppuccin.user.css @@ -0,0 +1,167 @@ +/* ==UserStyle== +@name Raindrop Catppuccin +@namespace github.com/catppuccin/userstyles/styles/raindrop +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/raindrop +@version 0.0.1 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/raindrop/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Araindrop +@description Soothing pastel theme for Raindrop +@author Catppuccin +@license MIT + +@preprocessor less +@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"] +@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] +@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] +==/UserStyle== */ + +@-moz-document domain('app.raindrop.io') { + [data-theme="night"] { + #catppuccin(@darkFlavor, @accentColor) !important; + } + [data-theme="day"], + [data-theme="sunset"] { + #catppuccin(@lightFlavor, @accentColor); + } + + // theme selector previews + [class^="theme-"] { + &[data-index="0"], + &[data-index="2"] > [class^="main-"], + &[data-index="3"] { + #catppuccin(@lightFlavor, @accentColor) !important; + } + &[data-index="1"], + &[data-index="2"] > [class^="sidebar-"] { + #catppuccin(@darkFlavor, @accentColor) !important; + } + } + + #catppuccin(@lookup, @accent) { + @rosewater: @catppuccin[@@lookup][@rosewater]; + @flamingo: @catppuccin[@@lookup][@flamingo]; + @pink: @catppuccin[@@lookup][@pink]; + @mauve: @catppuccin[@@lookup][@mauve]; + @red: @catppuccin[@@lookup][@red]; + @maroon: @catppuccin[@@lookup][@maroon]; + @peach: @catppuccin[@@lookup][@peach]; + @yellow: @catppuccin[@@lookup][@yellow]; + @green: @catppuccin[@@lookup][@green]; + @teal: @catppuccin[@@lookup][@teal]; + @sky: @catppuccin[@@lookup][@sky]; + @sapphire: @catppuccin[@@lookup][@sapphire]; + @blue: @catppuccin[@@lookup][@blue]; + @lavender: @catppuccin[@@lookup][@lavender]; + @text: @catppuccin[@@lookup][@text]; + @subtext1: @catppuccin[@@lookup][@subtext1]; + @subtext0: @catppuccin[@@lookup][@subtext0]; + @overlay2: @catppuccin[@@lookup][@overlay2]; + @overlay1: @catppuccin[@@lookup][@overlay1]; + @overlay0: @catppuccin[@@lookup][@overlay0]; + @surface2: @catppuccin[@@lookup][@surface2]; + @surface1: @catppuccin[@@lookup][@surface1]; + @surface0: @catppuccin[@@lookup][@surface0]; + @base: @catppuccin[@@lookup][@base]; + @mantle: @catppuccin[@@lookup][@mantle]; + @crust: @catppuccin[@@lookup][@crust]; + @accent-color: @catppuccin[@@lookup][@@accent]; + + color-scheme: if(@lookup = latte, light, dark); + + ::selection { + background-color: fade(@accent-color, 30%); + } + + input, + textarea { + &::placeholder { + color: @subtext0 !important; + } + } + + &, + [data-theme] { + --background-color: @base; + --disable-background-color: @crust; + --disable-text-color: @overlay1; + --accent-color: @accent-color; + --alternative-background-color: @mantle; + --sidebar-background-color: @mantle; + --hover-background-color: fade(@overlay0, 20%); + --active-background-color: @surface1; + --primary-text-color: @text; + --secondary-text-color: @subtext0; + --shadow-color: fade(@text, 10%); + --shadow-light-color: fade(@text, 10%); + --danger-color: @red; + --important-color: @red; + --success-color: @green; + --highlights-color: @mauve; + --reminder-color: @peach; + --note-color: @yellow; + --article-color: @peach; + --audio-color: @mauve; + --document-color: @subtext0; + --book-color: @rosewater; + --image-color: @green; + --video-color: @blue; + --broken-color: @maroon; + --duplicate-color: @sapphire; + --tag-color: @subtext0; + --filter-color: @subtext0; + + [data-variant="active"] { + background: fade(@accent-color, 10%) !important; + } + // bookmark edit page header + [class^="header-"][data-fancy="true"] { + background: linear-gradient( + to bottom, + var(--background-color) 30%, + fade(@base, 60%) 100% + ); + } + // bookmark edit page cover selector + [class^="cover-"] > [class^="more-"] { + background: fade(@accent-color, 85%); + } + // add bookmark button text color + [title="Add Bookmark"] { + color: @base; + } + // disabled add bookmark button + [class^="button-"][data-variant="primary"][disabled] { + filter: none; + opacity: 100%; + background: @overlay0; + color: @crust; + } + // dropping bookmark to collection color overlay + [class*="isDropping-"] { + background-color: fade(@accent-color, 10%); + } + // sidebar background color + .svSidebar { + background: var(--sidebar-background-color); + } + color: @text; + } + // google login button + [href^="https://api.raindrop.io/v1/auth/google"] > span + { + color: @text; + } + + // todo: recolor "Colors circle" icons using custom images (like the chess.com theme) + } +} + +/* prettier-ignore */ +@catppuccin: { + @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; + @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; + @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; + @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; +} + +// vim:ft=less diff --git a/styles/raindrop/preview.webp b/styles/raindrop/preview.webp new file mode 100644 index 0000000000..f38be25470 --- /dev/null +++ b/styles/raindrop/preview.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:95ebed062c225c877249c2cedb28568e0a7ea09fe2f04e2ad52000378f26ddbc +size 183736 diff --git a/styles/searxng/catppuccin.user.css b/styles/searxng/catppuccin.user.css index 64d2ea8a76..ba1ab91ecd 100644 --- a/styles/searxng/catppuccin.user.css +++ b/styles/searxng/catppuccin.user.css @@ -17,120 +17,9 @@ @var checkbox additions "Additional Tweaks" 0 ==/UserStyle== */ -@-moz-document domain("ransack.i2p"), -url-prefix("https://darmarit.org/searx/"), -domain("de.xcxc.ml"), -domain("dynabyte.ca"), -domain("etsi.me"), -domain("icanfindit.online"), -domain("jackgoss.xyz"), -domain("jsearch.pw"), -domain("metasearch.nl"), -domain("northboot.xyz"), -domain("notsearch.uk"), -domain("opnxng.com"), -domain("paulgo.io"), -domain("priv.au"), -domain("privatus.live"), -domain("s.frlt.one"), -domain("s.zhaocloud.net"), -domain("saber.tk"), -domain("search.0relay.com"), -domain("search.affusio.com"), -domain("search.bus-hit.me"), -domain("search.callmeecho.dev"), -domain("search.chemicals-in-the-water.eu"), -domain("search.cronobox.one"), -domain("search.disroot.org"), -domain("search.ethibox.fr"), -domain("search.gcomm.ch"), -domain("search.kiwitalk.de"), -domain("search.mdosch.de"), -domain("search.mpx.wtf"), -domain("search.neet.works"), -domain("search.ononoki.org"), -domain("search.privacyguides.net"), -domain("search.projectsegfau.lt"), -domain("search.rabbit-company.com"), -domain("search.rhscze.cf"), -domain("search.rowie.at"), -domain("search.sapti.me"), -domain("search.serginho.dev"), -domain("search.smnz.de"), -domain("search.snopyta.org"), -domain("search.stinpriza.org"), -domain("search.teamriverbubbles.com"), -domain("search.trom.tf"), -domain("search.unlocked.link"), -domain("search.uspersec.com"), -domain("search.vidhukant.xyz"), -domain("search.zzls.xyz"), -domain("searx.baczek.me"), -domain("searx.be"), -domain("searx.becomesovran.com"), -domain("searx.bissisoft.com"), -domain("searx.chocoflan.net"), -domain("searx.divided-by-zero.eu"), -domain("searx.dresden.network"), -domain("searx.ebnar.xyz"), -domain("searx.ericaftereric.top"), -domain("searx.esmailelbob.xyz"), -domain("searx.fi"), -domain("searx.fmac.xyz"), -domain("searx.fossencdi.org"), -domain("searx.gnous.eu"), -domain("searx.gnu.style"), -domain("searx.kujonello.cf"), -domain("searx.mastodontech.de"), -domain("searx.mha.fi"), -domain("searx.mistli.net"), -domain("searx.mxchange.org"), -domain("searx.nakhan.net"), -domain("searx.namejeff.xyz"), -domain("searx.netzspielplatz.de"), -domain("searx.nixnet.services"), -domain("searx.org"), -domain("searx.orion-hub.fr"), -domain("searx.priv.pw"), -domain("searx.prvcy.eu"), -domain("searx.rimkus.it"), -domain("searx.roflcopter.fr"), -domain("searx.ru"), -domain("searx.run"), -domain("searx.semipvt.com"), -domain("searx.sethforprivacy.com"), -domain("searx.sev.monster"), -url-prefix("https://searx.slipfox.xyz/searx/"), -domain("searx.sp-codes.de"), -domain("searx.stuehieyr.com"), -domain("searx.tiekoetter.com"), -domain("searx.tuxcloud.net"), -domain("searx.tyil.nl"), -domain("searx.vanwa.tech"), -domain("searx.webheberg.info"), -domain("searx.xyz"), -domain("searx.zapashcanon.fr"), -domain("searx.zcyph.cc"), -domain("searxng.ir"), -domain("searxng.nicfab.eu"), -domain("searxng.zackptg5.com"), -domain("serx.ml"), -domain("sh0.it"), -domain("soek.allesbeste.com"), -domain("spot.ecloud.global"), -domain("srx.cosmohub.io"), -domain("searx.oakleycord.dev"), -domain("suche.dasnetzundich.de"), -domain("suche.tromdienste.de"), -domain("suche.uferwerk.org"), -domain("swag.pw"), -domain("sx.catgirl.cloud"), -url-prefix("https://timdor.noip.me/searx/"), -url-prefix("https://trydex.tk/searxng/"), -domain("www.gruble.de"), -domain("www.webrats.xyz"), -domain("xcxc.ml"), -domain("xo.wtf") { +/* Domains picked from https://searx.space/. */ +@-moz-document domain("https://search.bus-hit.me/"), domain("https://search.inetol.net/") +{ @media (prefers-color-scheme: light) { :root.theme-auto { #catppuccin(@lightFlavor, @accentColor); diff --git a/styles/stack-overflow/catppuccin.user.css b/styles/stack-overflow/catppuccin.user.css index ba9966d713..1e771f3949 100644 --- a/styles/stack-overflow/catppuccin.user.css +++ b/styles/stack-overflow/catppuccin.user.css @@ -2,7 +2,7 @@ @name Stack Overflow Catppuccin @namespace github.com/catppuccin/userstyles/styles/stack-overflow @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stack-overflow -@version 0.1.1 +@version 0.1.2 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/stack-overflow/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astack-overflow @description Soothing pastel theme for Stack Overflow @@ -75,8 +75,6 @@ domain('superuser.com'), domain('mathoverflow.net'), domain('askubuntu.com'), do @crust: @catppuccin[@@lookup][@crust]; @accent-color: @catppuccin[@@lookup][@@accent]; - background-image: none; - --ctp-rosewater: #rgbify(@rosewater) []; --ctp-flamingo: #rgbify(@flamingo) []; --ctp-pink: #rgbify(@pink) []; @@ -248,7 +246,7 @@ domain('superuser.com'), domain('mathoverflow.net'), domain('askubuntu.com'), do } .s-avatar { - &.subcommunity-topic-mobile-dev.s-avatar { + &.subcommunity-topic-mobile-dev { @svg: escape( '' ); @@ -413,6 +411,11 @@ domain('superuser.com'), domain('mathoverflow.net'), domain('askubuntu.com'), do } } + .sunset-background { + background-color: @base !important; + color: @text !important; + } + .disabled-link { color: @overlay2; } diff --git a/styles/tuta/catppuccin.user.css b/styles/tuta/catppuccin.user.css index 3a06d255c7..44fb348507 100644 --- a/styles/tuta/catppuccin.user.css +++ b/styles/tuta/catppuccin.user.css @@ -2,7 +2,7 @@ @name Tuta Catppuccin @namespace github.com/catppuccin/userstyles/styles/tuta @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/tuta -@version 0.0.7 +@version 0.0.9 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/tuta/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atuta @description Soothing pastel theme for Tuta @@ -93,6 +93,19 @@ background-color: @base !important; } + .ionicon { + fill: @text !important; + } + + .h2 { + color: @subtext1 !important; + } + + .bottom-nav { + background: @mantle !important; + color: @text !important; + } + .dropdown-button, .dropdown-button div { color: @text !important; @@ -101,6 +114,15 @@ background-color: @surface1 !important; } + /* logo */ + path[style*="fill: #00d2a7;"] { + fill: @accent-color !important; + } + + path[style*="fill: #c5c7c7;"] { + fill: @text !important; + } + .row-selected { border-color: @accent-color !important; color: @accent-color !important; diff --git a/styles/twitch/catppuccin.user.css b/styles/twitch/catppuccin.user.css index baa9cef40d..9442bee414 100644 --- a/styles/twitch/catppuccin.user.css +++ b/styles/twitch/catppuccin.user.css @@ -2,7 +2,7 @@ @name Twitch Catppuccin @namespace github.com/catppuccin/userstyles/styles/twitch @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/twitch -@version 1.3.0 +@version 1.3.1 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atwitch @description Soothing pastel theme for Twitch @@ -236,6 +236,7 @@ --color-text-tooltip: @base !important; --color-background-tooltip: @text !important; --color-hinted-grey-2: @surface0; + --color-hinted-grey-15: @text; --color-background-overlay-alt: @mantle; --color-background-button-overlay-primary-hover: @subtext1; --color-background-button-overlay-text-hover: @crust; diff --git a/styles/vikunja/README.md b/styles/vikunja/README.md new file mode 100644 index 0000000000..f8b91efbdc --- /dev/null +++ b/styles/vikunja/README.md @@ -0,0 +1,36 @@ + + + +

+ Logo
+ + Catppuccin for Vikunja + +

+ +

+ + +

+ +

+ +

+ + + +## 💝 Current Maintainer +- [Guaxinim5573](https://github.com/Guaxinim5573) + + +  + +

+ +

+ +

+ Copyright © 2021-present Catppuccin Org +

+ + diff --git a/styles/vikunja/catppuccin.user.css b/styles/vikunja/catppuccin.user.css new file mode 100644 index 0000000000..361c2e9ec0 --- /dev/null +++ b/styles/vikunja/catppuccin.user.css @@ -0,0 +1,332 @@ +/* ==UserStyle== +@name Vikunja Catppuccin +@namespace github.com/catppuccin/userstyles/styles/vikunja +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/vikunja +@version 0.0.1 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/vikunja/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Avikunja +@description Soothing pastel theme for Vikunja +@author Catppuccin +@license MIT + +@preprocessor less +@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"] +@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] +@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] +==/UserStyle== */ + +@-moz-document domain('try.vikunja.io') { + #catppuccin(@lookup, @accent) { + @rosewater: @catppuccin[@@lookup][@rosewater]; + @flamingo: @catppuccin[@@lookup][@flamingo]; + @pink: @catppuccin[@@lookup][@pink]; + @mauve: @catppuccin[@@lookup][@mauve]; + @red: @catppuccin[@@lookup][@red]; + @maroon: @catppuccin[@@lookup][@maroon]; + @peach: @catppuccin[@@lookup][@peach]; + @yellow: @catppuccin[@@lookup][@yellow]; + @green: @catppuccin[@@lookup][@green]; + @teal: @catppuccin[@@lookup][@teal]; + @sky: @catppuccin[@@lookup][@sky]; + @sapphire: @catppuccin[@@lookup][@sapphire]; + @blue: @catppuccin[@@lookup][@blue]; + @lavender: @catppuccin[@@lookup][@lavender]; + @text: @catppuccin[@@lookup][@text]; + @subtext1: @catppuccin[@@lookup][@subtext1]; + @subtext0: @catppuccin[@@lookup][@subtext0]; + @overlay2: @catppuccin[@@lookup][@overlay2]; + @overlay1: @catppuccin[@@lookup][@overlay1]; + @overlay0: @catppuccin[@@lookup][@overlay0]; + @surface2: @catppuccin[@@lookup][@surface2]; + @surface1: @catppuccin[@@lookup][@surface1]; + @surface0: @catppuccin[@@lookup][@surface0]; + @base: @catppuccin[@@lookup][@base]; + @mantle: @catppuccin[@@lookup][@mantle]; + @crust: @catppuccin[@@lookup][@crust]; + @accent-color: @catppuccin[@@lookup][@@accent]; + + #hslbreakdown(@color, @item) { + --@{item}-h: hue(@color) !important; + --@{item}-s: saturation(@color) !important; + --@{item}-l: lightness(@color) !important; + --@{item}-light-l: lightness(@color) !important; + --@{item}-dark-l: lightness(@color) !important; + --@{item}-invert-l: lightness(@color) !important; + } + + color-scheme: if(@lookup = latte, light, dark); + + #hslbreakdown(@accent-color, primary); + --site-background: @mantle; + --content-heading-color: @text; + --card-header-color: @text; + --card-color: @text; + --body-color: @text; + --label-color: @text; + --strong-color: @text; + --primary: @accent-color; + --primary-invert: @base; + --switch-view-color: @base; + --input-background-color: @base; + --input-icon-color: @text; + --table-row-hover-background-color: @mantle; + --table-head-cell-color: @text; + --input-border-color: @overlay0; + --link-hover: @accent-color; + --white: @base; + --grey: @overlay0; + --card-content-background-color: @base; + --success: @green; + --danger: @red; + --warning: @yellow; + --text: @text; + --text-strong: @text; + --button-text-hover-background-color: @base; + + body, + div#app, + header, + aside.menu-container, + footer.card-footer { + background: @mantle !important; + } + + svg.llama-cool > circle, + svg.logo > path[fill="#196aff"] { + fill: @accent-color; + } + + svg.logo, + h1, + .action-heading, + .subtitle a, + .project-menu-title { + color: @text !important; + } + + h1.title.task-id, + div.detail-title, + div.detail-title span { + color: @overlay0; + } + + button { + box-shadow: none !important; + } + + button.is-danger { + color: @red !important; + background: none; + + &:hover { + background: @red !important; + color: @surface0 !important; + } + + &:active { + background: darken(@red, 10%) !important; + color: @surface0 !important; + } + } + + button.is-success { + color: @green; + + &:hover { + background: @green !important; + color: @surface0 !important; + } + + &:active { + background: darken(@green, 10%) !important; + } + } + + .base-button.is-primary { + color: @base; + + &:hover { + background: @accent-color; + } + + &:active { + background: darken(@accent-color, 10%); + } + } + + button.base-button:not(.is-primary) { + color: @text; + } + + div.action-buttons > button:hover, + button.search-result-button:hover, + .button.is-text:active, + .single-task:hover { + background: @mantle; + } + + p.is-editor-empty::before { + color: @overlay0; + } + + header > button.base-button.menu-button::before, + header > button.base-button.menu-button::after { + background: @text; + } + + .menu .menu-list { + li > a, + li > a > span { + color: @text; + } + li > a.router-link-active { + color: @accent-color; + } + li:hover { + background: @mantle; + } + } + + a.base-button.menu-bottom-link { + color: @overlay0; + + &:hover { + color: @overlay2; + } + } + + div.is-done { + background: @green; + color: @surface0; + } + + div.tiptap__editor { + a { + color: @accent-color; + } + } + + p.created { + color: @overlay0; + } + + .progress-bar { + --progress-bar-background-color: @crust; + --progress-value-background-color: @accent-color; + } + + /* Gantt */ + div.gantt-container { + --grey-300: @surface0; + } + + div.g-gantt-chart { + .g-upper-timeunit, + .g-timeunit { + color: @text !important; + } + + .g-timeunit .today { + color: @surface0; + } + + .g-gantt-row { + background: @base; + } + + div.g-gantt-bar { + div.g-gantt-bar-label > div { + color: @surface0; + } + + .g-gantt-bar-handle-left, + .g-gantt-bar-handle-right { + background: darken(@accent-color, 10%); + } + } + } + + /* Kaban */ + div.bucket-header, + div.task-item, + div.bucket-footer, + div.bucket > button.base-button { + background: @base; + } + + div.task-item > .task { + background: @mantle; + + span.icon, + span.priority-label { + background: @surface0; + } + } + + /* Command Palette */ + span.result-title, + div.active-cmd.tag { + background: @base; + } + + /* Keyboard Shortcuts modal */ + kbd { + color: @text; + border-color: @overlay0; + background: @base; + } + + div.message-wrapper > div.message.info { + background: @base; + } + + /* Popups */ + div.v-popper__inner { + background: @mantle; + color: @text; + } + + div.v-popper__arrow-outer { + border-color: @mantle; + } + + .modal-mask { + span, + p, + strong { + color: @text !important; + } + } + + /* Vue Notifications */ + .vue-notification { + color: @surface0 !important; + } + .vue-notification button { + background: none; + color: @overlay0 !important; + } + + .vue-notification.success { + background: @green; + border-left-color: darken(@green, 5%); + } + } + + :root.dark { + #catppuccin(@darkFlavor, @accentColor); + } + :root.light { + #catppuccin(@lightFlavor, @accentColor); + } +} + +/* prettier-ignore */ +@catppuccin: { + @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; + @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; + @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; + @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; +} + +// vim:ft=less diff --git a/styles/vikunja/preview.webp b/styles/vikunja/preview.webp new file mode 100644 index 0000000000..b508b3c385 --- /dev/null +++ b/styles/vikunja/preview.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:1433187180b72dd7d3b1c6af0cfdada40543b7b73dab5172b34536898274faea +size 72478 diff --git a/styles/web.dev/README.md b/styles/web.dev/README.md new file mode 100644 index 0000000000..735e9f38fc --- /dev/null +++ b/styles/web.dev/README.md @@ -0,0 +1,36 @@ + + + +

+ Logo
+ + Catppuccin for web.dev + +

+ +

+ + +

+ +

+ +

+ + + +## 💝 Current Maintainer +- [uncenter](https://github.com/uncenter) + + +  + +

+ +

+ +

+ Copyright © 2021-present Catppuccin Org +

+ + diff --git a/styles/web.dev/catppuccin.user.css b/styles/web.dev/catppuccin.user.css new file mode 100644 index 0000000000..975d630d9b --- /dev/null +++ b/styles/web.dev/catppuccin.user.css @@ -0,0 +1,204 @@ +/* ==UserStyle== +@name web.dev Catppuccin +@namespace github.com/catppuccin/userstyles/styles/web.dev +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/web.dev +@version 0.0.1 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/web.dev/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aweb.dev +@description Soothing pastel theme for web.dev +@author Catppuccin +@license MIT + +@preprocessor less +@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"] +@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] +@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] +==/UserStyle== */ + +@-moz-document domain('web.dev') { + @media (prefers-color-scheme: light) { + :root { + #catppuccin(@lightFlavor, @accentColor); + } + } + @media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); + } + } + + #catppuccin(@lookup, @accent) { + @rosewater: @catppuccin[@@lookup][@rosewater]; + @flamingo: @catppuccin[@@lookup][@flamingo]; + @pink: @catppuccin[@@lookup][@pink]; + @mauve: @catppuccin[@@lookup][@mauve]; + @red: @catppuccin[@@lookup][@red]; + @maroon: @catppuccin[@@lookup][@maroon]; + @peach: @catppuccin[@@lookup][@peach]; + @yellow: @catppuccin[@@lookup][@yellow]; + @green: @catppuccin[@@lookup][@green]; + @teal: @catppuccin[@@lookup][@teal]; + @sky: @catppuccin[@@lookup][@sky]; + @sapphire: @catppuccin[@@lookup][@sapphire]; + @blue: @catppuccin[@@lookup][@blue]; + @lavender: @catppuccin[@@lookup][@lavender]; + @text: @catppuccin[@@lookup][@text]; + @subtext1: @catppuccin[@@lookup][@subtext1]; + @subtext0: @catppuccin[@@lookup][@subtext0]; + @overlay2: @catppuccin[@@lookup][@overlay2]; + @overlay1: @catppuccin[@@lookup][@overlay1]; + @overlay0: @catppuccin[@@lookup][@overlay0]; + @surface2: @catppuccin[@@lookup][@surface2]; + @surface1: @catppuccin[@@lookup][@surface1]; + @surface0: @catppuccin[@@lookup][@surface0]; + @base: @catppuccin[@@lookup][@base]; + @mantle: @catppuccin[@@lookup][@mantle]; + @crust: @catppuccin[@@lookup][@crust]; + @accent-color: @catppuccin[@@lookup][@@accent]; + + color-scheme: if(@lookup = latte, light, dark); + + ::selection { + background-color: fade(@accent-color, 30%); + } + + input, + textarea { + &::placeholder { + color: @subtext0 !important; + } + } + + :focus-visible { + outline-color: @accent-color; + } + + --webdev-background-gray: @surface0; + --webdev-background-gray-2: @surface1; + --webdev-background-oficial-gray: @surface0; + --webdev-background-white: @base; + --webdev-google-colors-blue-50: @base; + --webdev-google-colors-blue-600: @accent-color; + --webdev-google-colors-blue-800: @accent-color; + --webdev-primary: @accent-color; + --webdev-text-text-1: @text; + --webdev-text-text-2: @subtext1; + --webdev-text-text-3: @subtext0; + --webdev-illustration-colors-blue: @blue; + --webdev-illustration-colors-gray: @surface2; + --webdev-illustration-colors-green: @green; + --webdev-illustration-colors-red: @red; + + --devsite-secondary-text-color: @subtext1; + --devsite-primary-border: 1px solid @surface0; + --devsite-secondary-border: 1px solid @surface2; + + --devsite-contrast-link-color: @accent-color; + --devsite-header-link-color-active: @text; + + --devsite-button-disabled-background: @surface0; + --devsite-button-disabled-color: @subtext0; + --devsite-button-primary-background-active: @accent-color; + --devsite-button-primary-color-active: @crust; + --devsite-button-primary-border-hover: 2px solid transparent; + + --devsite-input-background: @surface0; + --devsite-input-background-focus: fade(@accent-color, 30%); + + devsite-multiple-choice { + .devsite-multiple-choice-question { + color: @text; + } + + --devsite-multiple-choice-background: @surface0; + --devsite-multiple-choice-correct-background: fade(@green, 10%); + --devsite-multiple-choice-correct-color: @green; + --devsite-multiple-choice-incorrect-background: fade(@red, 10%); + --devsite-multiple-choice-incorrect-color: @red; + } + + body:not([codelabs-content-type="paginated"]) { + --devsite-notice-link-background-hover: @mantle; + + --devsite-caution-notice-background: fade(@red, 10%); + --devsite-caution-notice-color: @red; + --devsite-key-point-notice-background: fade(@sapphire, 10%); + --devsite-key-point-notice-color: @sapphire; + --devsite-key-term-notice-background: fade(@mauve, 10%); + --devsite-key-term-notice-color: @mauve; + --devsite-note-notice-background: fade(@blue, 10%); + --devsite-note-notice-color: @blue; + --devsite-status-notice-color: @teal; + --devsite-success-notice-background: fade(@green, 10%); + --devsite-success-notice-color: @green; + --devsite-warning-notice-background: fade(@peach, 10%); + --devsite-warning-notice-color: @peach; + } + + devsite-code, + devsite-code[dark-code], + devsite-content { + --devsite-code-background: @mantle; + --devsite-code-color: @text; + --devsite-code-buttons-color: @overlay2; + --devsite-code-buttons-hover: @subtext1; + + --devsite-var-color: @mauve; + --devsite-code-comments-color: @surface2; + --devsite-code-keywords-color: @mauve; + --devsite-code-numbers-color: @peach; + --devsite-code-strings-color: @green; + --devsite-code-types-color: @yellow; + } + + devsite-header devsite-language-selector { + --devsite-select-color: @text; + } + + devsite-playlist { + .devsite-playlist--header h1:first-of-type, + .devsite-playlist--header-badge-info, + .devsite-playlist--header-details-info { + color: @crust; + } + + .devsite-playlist--sections .devsite-playlist--section[expanded] { + color: @crust; + } + + devsite-bookmark { + --devsite-bookmark-icon-color: @crust; + --devsite-bookmark-icon-arrow-color: @crust; + --devsite-dropdown-list-toggle-color-hover: @crust; + } + } + + devsite-content { + --devsite-search-results-breadcrumb-color: @subtext0; + } + + .devsite-site-logo { + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); + } + + .wd-footer-promo { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}"); + } + } +} + +/* prettier-ignore */ +@catppuccin: { + @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; + @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; + @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; + @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; +} + +// vim:ft=less diff --git a/styles/web.dev/preview.webp b/styles/web.dev/preview.webp new file mode 100644 index 0000000000..844c151d04 --- /dev/null +++ b/styles/web.dev/preview.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:2d26570728b1d8df600fe9b94b1e998e62988aadba0614bf7c81ec4d178041fa +size 205520 diff --git a/styles/wikiwand/catppuccin.user.css b/styles/wikiwand/catppuccin.user.css index 3857852284..1da864012a 100644 --- a/styles/wikiwand/catppuccin.user.css +++ b/styles/wikiwand/catppuccin.user.css @@ -2,7 +2,7 @@ @name Wikiwand Catppuccin @namespace github.com/catppuccin/userstyles/styles/wikiwand @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/wikiwand -@version 1.2.0 +@version 1.2.1 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/wikiwand/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awikiwand @description Soothing pastel theme for Wikiwand @@ -325,7 +325,9 @@ .list_item__VVizU.list_active__ahAYX { color: @accent-color; } - .item_star__arENF { + .item_star__arENF, + .item_article__sLPDb, + .icon_icon__0vohI { color: @subtext1; } .item_star__arENF.item_active__4kaIV { @@ -367,16 +369,21 @@ color: @accent-color !important; } .summary_footer__Lk6z7 > span:nth-child(1), - svg.icon_icon__0vohI, - .icon_icon__0vohI.input_icon__He3sV, - svg.icon_icon__0vohI:nth-child(2) > use:nth-child(1) { - color: @accent-color; - fill: @accent-color; + .input_icon__He3sV, + .item_star__arENF.item_active__4kaIV * { + color: @accent-color !important; + fill: @accent-color !important; } .wikitable tr::before { background-color: @surface0 !important; border-color: @surface2 !important; } + .infobox .mw-ref { + background: transparent !important; + * { + color: @accent-color !important; + } + } } } diff --git a/styles/youtube/catppuccin.user.css b/styles/youtube/catppuccin.user.css index 1b5b4ee57b..d62b707533 100644 --- a/styles/youtube/catppuccin.user.css +++ b/styles/youtube/catppuccin.user.css @@ -2,7 +2,7 @@ @name YouTube Catppuccin @namespace github.com/catppuccin/userstyles/styles/youtube @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/youtube -@version 4.1.1 +@version 4.2.2 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube @description Soothing pastel theme for YouTube @@ -54,6 +54,7 @@ @mantle: @catppuccin[@@lookup][@mantle]; @crust: @catppuccin[@@lookup][@crust]; @accent-color: @catppuccin[@@lookup][@@accent]; + @text-filter: @catppuccin[@@lookup][@text_filter]; @white: if(@lookup = latte, @base, @text); @black: if(@lookup = latte, @text, @base); @@ -106,8 +107,8 @@ --yt-spec-light-green: @green !important; --yt-spec-dark-green: @green !important; --yt-spec-yellow: @peach !important; - --yt-spec-black-pure-alpha-5: fadeout(@crust, 0.05) !important; - --yt-spec-black-pure-alpha-10: fadeout(@crust, 0.1) !important; + --yt-spec-black-pure-alpha-5: @subtext0 !important; + --yt-spec-black-pure-alpha-10: @overlay2 !important; --yt-spec-black-pure-alpha-15: fadeout(@crust, 0.15) !important; --yt-spec-black-pure-alpha-30: fadeout(@crust, 0.3) !important; --yt-spec-black-pure-alpha-60: fadeout(@crust, 0.6) !important; @@ -384,6 +385,10 @@ color: @accent-color !important; } + .yt-page-navigation-progress { + background: @accent-color !important; + } + /* Selected chapter */ ytd-macro-markers-list-item-renderer { --ytd-macro-markers-list-item-background-color: @surface0 !important; @@ -465,7 +470,8 @@ #guide-skeleton .guide-ghost-icon, #guide-skeleton .guide-ghost-text, .masthead-skeleton-icon, - #home-page-skeleton .skeleton-bg-color { + #home-page-skeleton .skeleton-bg-color, + .watch-skeleton .skeleton-bg-color { background-color: @surface1; } @@ -488,7 +494,9 @@ [fill="red"], [fill="#F00"], - [fill="#FF0000"] { + [fill="#FF0000"], + [fill="#f03"], + [fill="#FF0033"] { fill: @accent-color !important; } @@ -496,6 +504,12 @@ fill: if(@lookup = latte, @base, @text) !important; } + /* verification badge */ + [src*="https://www.gstatic.com/images/icons/material/system/1x/check_circle_grey600_36dp.png"] + { + filter: @text-filter; + } + yt-icon.ytd-logo [fill="white"] { fill: @crust !important; } @@ -583,6 +597,11 @@ } } + .yt-spec-button-shape-next--disabled { + background-color: fade(@overlay0, 50%); + color: @subtext0; + } + .yt-spec-button-shape-next--overlay { &.yt-spec-button-shape-next--tonal, &.yt-spec-button-shape-next--text { @@ -824,8 +843,9 @@ .html5-video-player { color: @white; - .ytp-swatch-background-color { - background-color: @accent-color !important; + .ytp-swatch-background-color, + .ytp-play-progress { + background: @accent-color !important; } .ytp-svg-fill, @@ -897,6 +917,13 @@ color: @white; } + .YtwFactoidRendererLabel { + color: @subtext0; + } + .YtwFactoidRendererValue { + color: @text; + } + ytd-reel-video-renderer:not([is-watch-while-mode]) { .yt-spec-button-shape-with-label__label { color: @subtext1; @@ -913,6 +940,11 @@ color: @white; } + .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--filled { + background-color: @accent-color; + color: @crust; + } + .YtdDesktopShortsVolumeControlsMuteIcon { color: @white !important; } @@ -928,6 +960,29 @@ } } + /* Buy super thanks bar */ + #progressContainer.tp-yt-paper-progress { + background-color: @mantle !important; + } + + #comment-chip-container.yt-pdg-comment-chip-renderer, + .slider-knob-inner.tp-yt-paper-slider { + background: @accent-color !important; + } + + #primaryProgress.tp-yt-paper-progress { + background: linear-gradient(139deg, @peach, @maroon, @red, @pink); + } + + #container.ytd-pdg-comment-preview-renderer { + background-color: @mantle !important; + } + + #comment-chip-price.yt-pdg-comment-chip-renderer, + yt-icon.yt-pdg-comment-chip-renderer { + color: @crust; + } + /* Channel pages */ .yt-tab-shape-wiz__tab { color: @subtext1; @@ -963,6 +1018,37 @@ color: @text; } } + + /* channel details */ + .profile-badge-view-model-wiz__badge-description { + color: @text !important; + } + + .profile-badge-view-model-wiz__badge-subtitle { + color: @subtext0 !important; + } + + .yt-profile-identity-info-view-model-wiz__divider { + border-color: @surface0 !important; + } + + /* Profiles */ + .yt-profile-card-view-model-wiz { + background-color: @mantle; + } + .yt-profile-identity-info-view-model-wiz__channel-name, + .yt-profile-info-view-model-wiz__section-title, + .yt-comment-interaction-view-model-wiz__video-title, + .yt-shared-subscription-view-model-wiz__channel-name { + color: @text; + } + .yt-profile-identity-info-view-model-wiz__badge, + .yt-profile-identity-info-view-model-wiz__metadata-handle, + .yt-profile-identity-info-view-model-wiz__metadata-content, + .yt-profile-info-view-model-wiz__section-subtitle, + .yt-comment-interaction-view-model-wiz__comment-content { + color: @subtext0; + } } } @@ -1269,10 +1355,10 @@ /* prettier-ignore */ @catppuccin: { - @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; - @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; - @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; - @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; + @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @text_filter: brightness(0) saturate(100%) invert(31%) sepia(12%) saturate(1015%) hue-rotate(196deg) brightness(94%) contrast(91%); @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; + @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @text_filter: brightness(0) saturate(100%) invert(80%) sepia(11%) saturate(726%) hue-rotate(192deg) brightness(104%) contrast(92%); @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; + @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @text_filter: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1385%) hue-rotate(192deg) brightness(101%) contrast(92%); @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; + @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @text_filter: brightness(0) saturate(100%) invert(87%) sepia(6%) saturate(985%) hue-rotate(191deg) brightness(96%) contrast(99%); @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; } // vim:ft=less