catppuccin.user.less
· 2.0 KiB · Text
Raw
/* ==UserStyle==
@name Radarr/Sonarr Catppuccin
@namespace github.com/catppuccin/userstyles/styles/radarr
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/radarr
@version 2000.01.01
@description Soothing pastel theme for Radarr
@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";
@-moz-document regexp("https?://.*radarr(?!\\.video).*"), regexp("https?://.*sonarr(?!\\.video).*") {
:root {
@media (prefers-color-scheme: light) {
#catppuccin(@lightFlavor);
}
@media (prefers-color-scheme: dark) {
#catppuccin(@darkFlavor);
}
}
#catppuccin(@flavor) {
#lib.palette();
#lib.defaults();
body {
--successColor: @green;
--dangerColor: @red;
--warningColor: @peach;
--queueColor: @mauve;
--primaryColor: @sapphire;
--borderColor: @crust;
--inputBackgroundColor: @mantle;
--textColor: @text;
--sidebarColor: @text;
--toolbarColor: @text;
--toolbarLabelColor: @text;
}
[class^="PageContent"] {
background-color: @base;
}
[class^="PageHeader"], [class^="PageSidebar"] {
background-color: @crust;
}
[class^="PageToolbar"], [class^="MovieIndexPoster-title"], [class^="MovieCreditPoster-title"], [class*="Table"], [class^="Card"], [class^="AddNewMovie-searchIconContainer"] {
background-color: @mantle;
}
[class^="MovieDetails"] {
color: @text;
}
}
}
| 1 | /* ==UserStyle== |
| 2 | @name Radarr/Sonarr Catppuccin |
| 3 | @namespace github.com/catppuccin/userstyles/styles/radarr |
| 4 | @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/radarr |
| 5 | @version 2000.01.01 |
| 6 | @description Soothing pastel theme for Radarr |
| 7 | @author Catppuccin |
| 8 | @license MIT |
| 9 | |
| 10 | @preprocessor less |
| 11 | @var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"] |
| 12 | @var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] |
| 13 | @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"] |
| 14 | ==/UserStyle== */ |
| 15 | |
| 16 | @import "https://userstyles.catppuccin.com/lib/lib.less"; |
| 17 | |
| 18 | |
| 19 | @-moz-document regexp("https?://.*radarr(?!\\.video).*"), regexp("https?://.*sonarr(?!\\.video).*") { |
| 20 | :root { |
| 21 | @media (prefers-color-scheme: light) { |
| 22 | #catppuccin(@lightFlavor); |
| 23 | } |
| 24 | @media (prefers-color-scheme: dark) { |
| 25 | #catppuccin(@darkFlavor); |
| 26 | } |
| 27 | } |
| 28 | |
| 29 | |
| 30 | #catppuccin(@flavor) { |
| 31 | #lib.palette(); |
| 32 | #lib.defaults(); |
| 33 | |
| 34 | body { |
| 35 | --successColor: @green; |
| 36 | --dangerColor: @red; |
| 37 | --warningColor: @peach; |
| 38 | --queueColor: @mauve; |
| 39 | --primaryColor: @sapphire; |
| 40 | --borderColor: @crust; |
| 41 | --inputBackgroundColor: @mantle; |
| 42 | --textColor: @text; |
| 43 | --sidebarColor: @text; |
| 44 | --toolbarColor: @text; |
| 45 | --toolbarLabelColor: @text; |
| 46 | } |
| 47 | |
| 48 | [class^="PageContent"] { |
| 49 | background-color: @base; |
| 50 | } |
| 51 | |
| 52 | [class^="PageHeader"], [class^="PageSidebar"] { |
| 53 | background-color: @crust; |
| 54 | } |
| 55 | |
| 56 | [class^="PageToolbar"], [class^="MovieIndexPoster-title"], [class^="MovieCreditPoster-title"], [class*="Table"], [class^="Card"], [class^="AddNewMovie-searchIconContainer"] { |
| 57 | background-color: @mantle; |
| 58 | } |
| 59 | |
| 60 | [class^="MovieDetails"] { |
| 61 | color: @text; |
| 62 | } |
| 63 | } |
| 64 | } |