From 6be992d6a2c8b57c4ad9a4dd33fd43e82fb21b28 Mon Sep 17 00:00:00 2001 From: Grady Link Date: Sat, 7 Mar 2026 12:17:58 -0800 Subject: [PATCH 1/4] feat(catbox): init --- scripts/userstyles.yml | 6 + styles/catbox/catppuccin.user.less | 225 +++++++++++++++++++++++++++++ 2 files changed, 231 insertions(+) create mode 100644 styles/catbox/catppuccin.user.less diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 9354816c0c..e7d3ce5039 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -164,6 +164,12 @@ userstyles: color: red current-maintainers: [*pynappo] past-maintainers: [*TheMemeSniper] + catbox: + name: Catbox + link: https://catbox.moe + categories: [file_manager] + color: blue + current-maintainers: [*gradylink] chatgpt: name: ChatGPT link: https://chat.openai.com diff --git a/styles/catbox/catppuccin.user.less b/styles/catbox/catppuccin.user.less new file mode 100644 index 0000000000..40a936a78b --- /dev/null +++ b/styles/catbox/catppuccin.user.less @@ -0,0 +1,225 @@ +/* ==UserStyle== +@name Catbox Catppuccin +@namespace github.com/catppuccin/userstyles/styles/catbox +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/catbox +@version 2000.01.01 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/catbox/catppuccin.user.less +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3A +@description Soothing pastel theme for Catbox +@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== */ + +@import "https://userstyles.catppuccin.com/lib/lib.less"; + +/* RegEx used to avoid theming blog. */ +@-moz-document regexp( + "^(https?:\/\/)?((litterbox|store)\.)?catbox\.moe(\/.*)?$" + ) { + :root:has(head > link[href*="resources/style-dark.css"]) { + #catppuccin(@darkFlavor); + } + :root:not(:has(head > link[href*="resources/style-dark.css"])) { + #catppuccin(@lightFlavor); + } + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + + body { + background-image: none; /* This is what Catbox's own dark theme does so I'm assuming it's ok for the light theme too? */ + background-color: @base; + color: @text; + } + + .welcome, .welcomesub, .linkbutton, .linkbutton b { + color: @accent !important; + } + + .dropzone { + background-color: @accent; + border-color: darken(@accent, 10%); + } + + .dz-default { + color: @base; + } + + .dz-preview { + background-color: @mantle; + border-color: @surface1; + } + + .dz-upload { + background-color: @accent; + + &[style*="background-color: rgb(255, 92, 92);"] { + background-color: @red !important; + } + } + + .urlUploadForm { + background-color: transparent; + } + + input[type="text"], input[type="password"] { + background-color: @base; + border-color: @surface0; + } + + .urlUpSubmit { + background-color: @accent; + border-color: darken(@accent, 10%); + color: @base; + } + + .notetiny { + background-image: none; + background-color: @mantle; + border-color: @surface0; + } + + .patreonProgressBarBacking { + background-color: @crust; + border-color: lighten(@accent, 7.5%); + } + + .patreonProgressBar { + background-color: @accent; + color: @base; + } + + .patreonSupportButton { + background-color: @base; + border-color: @surface0; + } + + .patreonSupportLink { + color: @text; + } + + .kofiSupportButton { + background-color: @blue; + border-color: darken(@blue, 10%); + } + + .kofiSupportLink, .storeSupportLink { + color: @base; + } + + .storeSupportButton { + background-color: @yellow; + border-color: darken(@yellow, 15%); + } + + /* User Home */ + .home, .hometab { + background-color: @mantle; + border-color: @surface0; + } + + .homebutton { + color: @accent; + } + + /* User Files */ + .notesmall { + background-image: none; + background-color: @mantle; + border-color: @surface0; + } + + /* User Albums */ + table { + background-color: @mantle; + border-color: @surface0; + } + + /* FAQ */ + *[style*="color: red;"] { + color: @red !important; + } + + /* Legal */ + .legalRowText { + background-color: @mantle; + border-color: @surface0; + color: @accent; + + &.active { + border-color: @accent; + } + } + + .legalSection { + background-color: @mantle; + } + + /* Litterbox */ + div[style*="background-color: #d1f3ff;"] { + background-color: @base !important; + border-color: @surface0 !important; + + & > div { + background-color: @accent !important; + color: @base; + } + } + + .timeSelector, .lenSelector { + background-color: @mantle !important; + border-color: @surface0; + border-style: solid; + + &[style*="background-color: rgb(84, 68, 173);"], + &[style*="background-color: #5444AD"] { + background-color: @accent !important; + color: @base; + } + } + + .dz-button { + color: @base; + } + + /* Store */ + /* The store doesn't have a dark theme so it will always use the light theme there. */ + .col-1-4 { + background-image: none; + background-color: @mantle; + border-color: @surface0; + } + + .productContainer button { + background-color: @accent; + border-color: darken(@accent, 10%); + color: @base; + } + + select { + border-color: @surface2; + background-color: @base; + } + + /* Manage Account */ + hr { + color: @surface1; + } + + .genericform { + background-color: @crust; + } + + input[type="submit"] { + background-color: @accent; + border-color: darken(@accent, 10%); + color: @base; + } + } +} From f6847b13b5a45ecef974853638bbae395b47b3f9 Mon Sep 17 00:00:00 2001 From: Grady Link Date: Sat, 7 Mar 2026 12:24:07 -0800 Subject: [PATCH 2/4] fix(catbox): please the linter --- styles/catbox/catppuccin.user.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles/catbox/catppuccin.user.less b/styles/catbox/catppuccin.user.less index 40a936a78b..86224b7c3d 100644 --- a/styles/catbox/catppuccin.user.less +++ b/styles/catbox/catppuccin.user.less @@ -4,7 +4,7 @@ @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/catbox @version 2000.01.01 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/catbox/catppuccin.user.less -@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3A +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acatbox @description Soothing pastel theme for Catbox @author Catppuccin @license MIT @@ -166,7 +166,7 @@ background-color: @base !important; border-color: @surface0 !important; - & > div { + > div { background-color: @accent !important; color: @base; } From dac4cbb34cd3d5aaacf3f915b3ddfbdea57e8533 Mon Sep 17 00:00:00 2001 From: Grady Link Date: Sun, 8 Mar 2026 22:03:50 -0700 Subject: [PATCH 3/4] feat(catbox): style successful upload it let me upload, at least to litterbox --- styles/catbox/catppuccin.user.less | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/styles/catbox/catppuccin.user.less b/styles/catbox/catppuccin.user.less index 86224b7c3d..0fc2bcf204 100644 --- a/styles/catbox/catppuccin.user.less +++ b/styles/catbox/catppuccin.user.less @@ -62,6 +62,20 @@ &[style*="background-color: rgb(255, 92, 92);"] { background-color: @red !important; } + + &[style*="background-color: rgb(35, 183, 72);"] { + background-color: @green !important; + } + } + + .dz-success { + border-color: @green !important; + } + + .responseText { + background-color: @accent; + border-color: darken(@accent, 10%); + color: @base; } .urlUploadForm { From f75d92891f9bc57d62fc33fa9ef8545fcaa668af Mon Sep 17 00:00:00 2001 From: Grady Link Date: Sun, 8 Mar 2026 22:42:33 -0700 Subject: [PATCH 4/4] feat(catbox): style user files and album pages --- styles/catbox/catppuccin.user.less | 32 +++++++++++++++++++++++++++--- 1 file changed, 29 insertions(+), 3 deletions(-) diff --git a/styles/catbox/catppuccin.user.less b/styles/catbox/catppuccin.user.less index 0fc2bcf204..daa75d50c8 100644 --- a/styles/catbox/catppuccin.user.less +++ b/styles/catbox/catppuccin.user.less @@ -82,7 +82,7 @@ background-color: transparent; } - input[type="text"], input[type="password"] { + input[type="text"], input[type="password"], textarea { background-color: @base; border-color: @surface0; } @@ -149,12 +149,39 @@ border-color: @surface0; } + img[src*="resources/nopreview.png"] { + filter: @text-filter; + } + + #completeMessage { + color: @green !important; + } + /* User Albums */ table { background-color: @mantle; border-color: @surface0; } + td { + border-color: @surface0; + } + + .albumLink { + background-color: @accent; + border-color: darken(@accent, 10%); + color: @base; + } + + /* Album Page (light theme only) */ + .container { + background-color: @surface0; + + * { + color: @text; + } + } + /* FAQ */ *[style*="color: red;"] { color: @red !important; @@ -202,8 +229,7 @@ color: @base; } - /* Store */ - /* The store doesn't have a dark theme so it will always use the light theme there. */ + /* Store (light theme only) */ .col-1-4 { background-image: none; background-color: @mantle;