From 31bc969472720042dd3f8071c156c51bb535b748 Mon Sep 17 00:00:00 2001 From: Zer0zzy Date: Wed, 12 Jun 2024 09:39:10 -0400 Subject: [PATCH 01/16] update cw-manage --- styles/cw-manage/catppuccin.user.css | 220 +++++++++++++++++++++++++++ 1 file changed, 220 insertions(+) create mode 100644 styles/cw-manage/catppuccin.user.css diff --git a/styles/cw-manage/catppuccin.user.css b/styles/cw-manage/catppuccin.user.css new file mode 100644 index 0000000000..4a064483dc --- /dev/null +++ b/styles/cw-manage/catppuccin.user.css @@ -0,0 +1,220 @@ +/* ==UserStyle== +@name ConnectWise Catppuccin +@namespace github.com/zer0zzy/userstyles/styles/ +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/cw-manage +@version 0.0.1 +@updateURL https://github.com/zer0zzy/userstyles/raw/main/styles/cw-manage/catppuccin.user.css +@description Soothing pastel theme for ConnectWise +@author Zer0zzy +@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("na.myconnectwise.net") { + @media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); + } + } + @media (prefers-color-scheme: light) { + :root { + #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; + } + } + + #content table, + #content h1, + #content h2, + #content h3, + #content h4, + #content h5, + #content pre, + #content code, + #content tt { + color: @text !important; + } + + .GL4OBY5BEDC { + overflow-x: scroll !important; + overflow-y: hidden !important; + } + .GL4OBY5BEDC::-webkit-scrollbar { + height: 0px !important; + } + .mm_buttonIcon { + border: none !important; + color: none !important; + } + path:not(path[fill="none"]) { + fill: @text !important; + } + td[cellindex="6"] > div > a.boldMultilineClickable { + color: @mauve !important; + } + } +} + +/* 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; + } + ; +} \ No newline at end of file From f261b8c0da901ac856bf9434c3daef4a7e9f4a97 Mon Sep 17 00:00:00 2001 From: Zer0zzy Date: Wed, 12 Jun 2024 11:23:40 -0400 Subject: [PATCH 02/16] add crowdstrike style --- styles/crowdstrike/catppuccin.user.css | 366 +++++++++++++++++++++++++ 1 file changed, 366 insertions(+) create mode 100644 styles/crowdstrike/catppuccin.user.css diff --git a/styles/crowdstrike/catppuccin.user.css b/styles/crowdstrike/catppuccin.user.css new file mode 100644 index 0000000000..3ef8378385 --- /dev/null +++ b/styles/crowdstrike/catppuccin.user.css @@ -0,0 +1,366 @@ +/* ==UserStyle== +@name CrowdStrike Catppuccin +@namespace github.com/zer0zzy/userstyles/styles/ +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/crowdstrike +@version 0.0.1 +@updateURL https://github.com/zer0zzy/userstyles/raw/main/styles/crowdstrike/catppuccin.user.css +@description Soothing pastel theme for CrowdStrike +@author Zer0zzy +@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("na.myconnectwise.net") { + @media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); + } + } + @media (prefers-color-scheme: light) { + :root { + #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; + } + } + + #content table, + #content h1, + #content h2, + #content h3, + #content h4, + #content h5, + #content pre, + #content code, + #content tt { + color: @text !important; + } + + p, + svg, + .cs-button, + .sensor-update-policy-settings-setting__count-toggles-unavailable, + .cs-truncate-with-tooltip, + time { + color: var(--text-and-icons) !important; + } + .cs-icon path { + stroke: var(--text-and-icons) !important; + } + .cs-tabs-tablist, + .cs-tabs-tablist__tab.active, + .deleted-hosts__info-bar, + .sensor-downloads-index-sensor-downloads__instruction-container { + background-color: var(--overlay-0\.5) !important; + } + .cs-checkbox__input:checked+.cs-checkbox__checkbox-label .cs-checkbox__faux-input::after, + .cs-checkbox__checkbox-label .cs-checkbox__faux-input::after { + background: var(--text-and-icons) !important; + background-color: var(--text-and-icons) !important; + } + .is-disabled .cs-checkbox__faux-input::after, + .sensor-downloads-older-sensor-downloads__download-instructions { + background-color: var(--surface-xl) !important; + border: var(--surface-lg) !important; + } + .cs-table-table, + .cs-table-head, + .sensor-downloads-older-sensor-downloads, + .sensor-downloads-older-sensor-downloads .table-column--platform, + .sensor-downloads-older-sensor-downloads .table-column--filename, + .sensor-downloads-older-sensor-downloads .table-column--sha256, + .sensor-downloads-older-sensor-downloads .table-column--created-at, + .sensor-downloads-older-sensor-downloads .table-column--downloadable { + background: var(--surface-md) !important; + } + .cs-checkbox__checkbox-label .cs-checkbox__faux-input { + background-color: var(--overlay-2) !important; + } + .cs-checkbox__faux-input { + border-color: var(--surface-base) !important; + } + .status-label { + color: var(--overlay-2) !important; + } + .status-label.is-enabled { + color: var(--graph-1) !important; + } + .cs-slat-table-row:hover, + .cs-slat-table-row.is-open { + background-color: var(--overlay-0\.5) !important; + } + .cs-modal__container { + background-color: var(--ground-floor) !important; + } + .policy-settings-header, + .settings-action-bar, + .settings-action-bar__container, + .cs-button, + .sensor-update-policy-settings-setting__summary-container.is-open, + .cs-checkbox__faux-input { + background-color: var(--overlay-1) !important; + } + .text-positive { + color: var(--positive) !important; + } + .text-critical { + color: var(--critical) !important; + } + .text-high { + color: var(--high) !important; + } + .text-medium { + color: var(--medium) !important; + } + .text-low { + color: var(--low) !important; + } + body, + textarea, + label { + color: var(--body-and-labels) !important; + } + :root, + .theme-dark, + .theme-light { + --basement: @crust !important; + --blue: @blue !important; + --body-and-labels: @text !important; + --border-bold: @surface2 !important; + --border-faint: @surface0 !important; + --border-reg: @surface1 !important; + --brand: @red !important; + --code-base-64: @pink !important; + --code-bg: @mantle !important; + --code-outline: @crust !important; + --code-text: @blue !important; + --critical: @red !important; + --destructive-hover: @red !important; + --destructive-idle: @crust !important; + --destructive-pressed: @red!important; + --disabled: @overlay1 !important; + --disc-operations: @mauve !important; + --dns-requests: @sapphire !important; + --elevation-2xl: 0px 25px 50px 0px fade(@mantle, 62%) !important; + --elevation-base: 0px 1px 2px 0px fade(@mantle, 46%),0px 1px 3px 0px fade(@mantle, 10%) !important; + --elevation-inner-lg: inset 0px 2px 4px 0px fade(@mantle, 36%) !important; + --elevation-inner-md: inset 0px 1px 2px 0px fade(@mantle, 25%) !important; + --elevation-lg: 0px 10px 15px 0px fade(@mantle, 30%),0px 4px 6px 0px fade(@mantle, 15%) !important; + --elevation-md: 0px 2px 4px 0px fade(@mantle, 33%),0px 4px 6px 0px fade(@mantle, 10%) !important; + --elevation-xl: 0px 20px 25px 0px fade(@mantle, 30%),0px 10px 10px 0px fade(@mantle, 12%) !important; + --focus: darken(@lavender, 5%) !important; + --graph-1: @green !important; + --graph-10: @flamingo !important; + --graph-11: @rosewater !important; + --graph-2: saturate(@mauve, 5%) !important; + --graph-3: saturate(@mauve, 40%) !important; + --graph-4: @yellow !important; + --graph-5: @green !important; + --graph-6: @teal !important; + --graph-7: @lavender !important; + --graph-8: #@sapphire !important; + --graph-9: @red !important; + --graph-disabled: @overlay1 !important; + --ground-floor: @mantle !important; + --high: saturate(@peach, 30%) !important; + --informational: desaturate(2blue, 5%) !important; + --lines-dark: @crust !important; + --lines-light: @surface0 !important; + --low: desaturate(@green, 15%) !important; + --medium: @yellow !important; + --mezzanine: @surface0 !important; + --nav-text-and-icons: @subtext1 !important; + --nav-text-secondary: @subtext0 !important; + --network-operations: @maroon !important; + --neutral: @overlay1 !important; + --normal-hover: @overlay1 !important; + --normal-idle: @surface2 !important; + --normal-pressed: @overlay0 !important; + --overlay-0: @overlay1 !important; + --overlay-0\.5: fade(@overlay1, 21%) !important; + --overlay-1: fade(@overlay1, 40%) !important; + --overlay-2: fade(@overlay1, 99%) !important; + --overlay-reverse-0\.5: desaturate(@overlay0, 20%) !important; + --positive: @teal !important; + --primary-hover: @overlay2 !important; + --primary-idle: @overlay0 !important; + --primary-pressed: lighten(@blue, 4%) !important; + --process-operations: saturate(@blue, 10%) !important; + --purple: darken(@mauve, 20%) !important; + --registry-operations: saturate(@lavender, 50%) !important; + --selected: fade(#saturate(@text, 60%), 1%) !important; + --surface-2xl: @surface2 !important; + --surface-base: @surface0 !important; + --surface-dash-widget: @mantle !important; + --surface-inner: @surface1 !important; + --surface-lg: @surface2 !important; + --surface-md: @surface0 !important; + --surface-xl: @surface1 !important; + --text-and-icons: @subtext1 !important; + --titles-and-attributes: @text !important; + } + } +} + /* 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; + } + ; +} \ No newline at end of file From ae7d91c2b80e85c0e158232f1da3fbe44471473a Mon Sep 17 00:00:00 2001 From: Zer0zzy Date: Wed, 12 Jun 2024 11:25:52 -0400 Subject: [PATCH 03/16] add domain --- styles/crowdstrike/catppuccin.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/crowdstrike/catppuccin.user.css b/styles/crowdstrike/catppuccin.user.css index 3ef8378385..556f2b06dc 100644 --- a/styles/crowdstrike/catppuccin.user.css +++ b/styles/crowdstrike/catppuccin.user.css @@ -14,7 +14,7 @@ @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("na.myconnectwise.net") { +@-moz-document domain("falcon.crowdstrike.com") { @media (prefers-color-scheme: dark) { :root { #catppuccin(@darkFlavor, @accentColor); From 7fdc0157dccea4f8f1facc7b4df4abdfe771d7b4 Mon Sep 17 00:00:00 2001 From: Zer0zzy Date: Wed, 12 Jun 2024 15:15:39 -0400 Subject: [PATCH 04/16] more sites --- styles/itglue/catppuccin.user.css | 196 ++++++++++++++++++++++++++++++ styles/nable/catppuccin.user.css | 192 +++++++++++++++++++++++++++++ 2 files changed, 388 insertions(+) create mode 100644 styles/itglue/catppuccin.user.css create mode 100644 styles/nable/catppuccin.user.css diff --git a/styles/itglue/catppuccin.user.css b/styles/itglue/catppuccin.user.css new file mode 100644 index 0000000000..345f2bc26f --- /dev/null +++ b/styles/itglue/catppuccin.user.css @@ -0,0 +1,196 @@ +/* ==UserStyle== +@name ITGlue Catppuccin +@namespace github.com/zer0zzy/userstyles/styles/ +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/itglue +@version 0.0.1 +@updateURL https://github.com/zer0zzy/userstyles/raw/main/styles/itglue/catppuccin.user.css +@description Soothing pastel theme for ConnectWise +@author Zer0zzy +@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("itglue.com") { + @media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); + } + } + @media (prefers-color-scheme: light) { + :root { + #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%); + } + + span[tabindex="0"] { + color: white !important; + } + body { + border-color: rgb(30, 30, 46) !important; + } + .asset-edit-row .kaseya-ui-text-field .text-field__input-container>textarea { + height: 150px; + } + #react-main > div > div:nth-child(3) > div.table-with-folders > div > div:nth-child(1) > div > div.react-table-body.qa-react-table-body.position-relative > div > table { + table-layout: auto; + } + } +} + +/* 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; + } + ; +} \ No newline at end of file diff --git a/styles/nable/catppuccin.user.css b/styles/nable/catppuccin.user.css new file mode 100644 index 0000000000..a35bea9bcc --- /dev/null +++ b/styles/nable/catppuccin.user.css @@ -0,0 +1,192 @@ +/* ==UserStyle== +@name Nable Catppuccin +@namespace github.com/zer0zzy/userstyles/styles/ +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nable +@version 0.0.1 +@updateURL https://github.com/zer0zzy/userstyles/raw/main/styles/nable/catppuccin.user.css +@description Soothing pastel theme for ConnectWise +@author Zer0zzy +@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("nable.com") { + @media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); + } + } + @media (prefers-color-scheme: light) { + :root { + #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%); + } + + .slds-card, + .slds-card__header, + .slds-card__body { + background: @surface0 !important; + } + pre { + background-color: @surface0 !important; + } + } +} + +/* 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; + } + ; +} \ No newline at end of file From d390df87bffd587e99faddd1dac4221a9ceaf207 Mon Sep 17 00:00:00 2001 From: Zer0zzy Date: Fri, 14 Jun 2024 11:24:48 -0400 Subject: [PATCH 05/16] Add 5 new colors to crowdstrike catppucin. --- styles/crowdstrike/catppuccin.user.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/styles/crowdstrike/catppuccin.user.css b/styles/crowdstrike/catppuccin.user.css index 556f2b06dc..5ce7b1f222 100644 --- a/styles/crowdstrike/catppuccin.user.css +++ b/styles/crowdstrike/catppuccin.user.css @@ -262,6 +262,11 @@ @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; + @purple: #9a4bff; + @turquoise: #26c3a3; + @lime: #7fbf20; + @coral: #ff5e50; + @indigo: #4848a3; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @@ -291,6 +296,11 @@ @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; + @purple: #9d79d6; + @turquoise: #63e6be; + @lime: #b8e994; + @coral: #ff8e72; + @indigo: #6667ab; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @@ -320,6 +330,11 @@ @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; + @purple: #9d79d6; + @turquoise: #63e6be; + @lime: #b8e994; + @coral: #ff8e72; + @indigo: #6667ab; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @@ -349,6 +364,11 @@ @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; + @purple: #9d79d6; + @turquoise: #63e6be; + @lime: #b8e994; + @coral: #ff8e72; + @indigo: #6667ab; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; From 27a7690822ae247781254344e1d33d0e5f242192 Mon Sep 17 00:00:00 2001 From: Zer0zzy Date: Fri, 14 Jun 2024 12:02:45 -0400 Subject: [PATCH 06/16] update crowdstrike --- styles/crowdstrike/catppuccin.user.css | 28 ++++---------------------- 1 file changed, 4 insertions(+), 24 deletions(-) diff --git a/styles/crowdstrike/catppuccin.user.css b/styles/crowdstrike/catppuccin.user.css index 5ce7b1f222..16d09cb616 100644 --- a/styles/crowdstrike/catppuccin.user.css +++ b/styles/crowdstrike/catppuccin.user.css @@ -220,11 +220,10 @@ --normal-hover: @overlay1 !important; --normal-idle: @surface2 !important; --normal-pressed: @overlay0 !important; - --overlay-0: @overlay1 !important; - --overlay-0\.5: fade(@overlay1, 21%) !important; + // ---overlay-0\.5: fade(@overlay1, 21%) !important; --overlay-1: fade(@overlay1, 40%) !important; --overlay-2: fade(@overlay1, 99%) !important; - --overlay-reverse-0\.5: desaturate(@overlay0, 20%) !important; + // --overlay-reverse-0\.5: desaturate(@overlay0, 20%) !important; --positive: @teal !important; --primary-hover: @overlay2 !important; --primary-idle: @overlay0 !important; @@ -262,11 +261,6 @@ @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; - @purple: #9a4bff; - @turquoise: #26c3a3; - @lime: #7fbf20; - @coral: #ff5e50; - @indigo: #4848a3; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @@ -296,11 +290,6 @@ @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; - @purple: #9d79d6; - @turquoise: #63e6be; - @lime: #b8e994; - @coral: #ff8e72; - @indigo: #6667ab; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @@ -330,11 +319,6 @@ @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; - @purple: #9d79d6; - @turquoise: #63e6be; - @lime: #b8e994; - @coral: #ff8e72; - @indigo: #6667ab; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @@ -364,11 +348,6 @@ @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; - @purple: #9d79d6; - @turquoise: #63e6be; - @lime: #b8e994; - @coral: #ff8e72; - @indigo: #6667ab; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @@ -383,4 +362,5 @@ @crust: #11111b; } ; -} \ No newline at end of file +} + \ No newline at end of file From 727715ec1ba2020cf26d7185d80ad76cfdf70054 Mon Sep 17 00:00:00 2001 From: Zer0zzy Date: Wed, 3 Jul 2024 10:53:21 -0400 Subject: [PATCH 07/16] add sharepoint --- styles/sharepoint/catppuccin.user.css | 286 ++++++++++++++++++++++++++ 1 file changed, 286 insertions(+) create mode 100644 styles/sharepoint/catppuccin.user.css diff --git a/styles/sharepoint/catppuccin.user.css b/styles/sharepoint/catppuccin.user.css new file mode 100644 index 0000000000..42f51b3e43 --- /dev/null +++ b/styles/sharepoint/catppuccin.user.css @@ -0,0 +1,286 @@ +/* ==UserStyle== +@name Sharepoint Catppuccin +@namespace github.com/zer0zzy/userstyles/styles/ +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/sharepoint +@updateURL https://github.com/zer0zzy/userstyles/raw/main/styles/sharepoint/catppuccin.user.css +@version 1.0.0 +@description Soothing pastel theme for Sharepoint +@author Me +@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("sharepoint.com"), domain("office.net"), domain("officeapps.live.com") { + #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%); + } + + /* User-Agent Style */ + html { + background-color: #1d1d2d !important; + } + html { + color-scheme: dark !important; + } + iframe { + color-scheme: initial; + } + html, + body { + background-color: #1d1d2d; + } + html, + body { + border-color: #2544a9; + color: #c9d2ef; + } + a { + color: #328efa; + } + table { + border-color: #45456a; + } + mark { + color: #c9d2ef; + } + ::placeholder { + color: #6e87dc; + } + input:-webkit-autofill, + textarea:-webkit-autofill, + select:-webkit-autofill { + background-color: #4b5000 !important; + color: #c9d2ef !important; + } + ::-webkit-scrollbar { + background-color: #232336; + color: #637ed9; + } + ::-webkit-scrollbar-thumb { + background-color: #3c3c5c; + } + ::-webkit-scrollbar-thumb:hover { + background-color: #49496f; + } + ::-webkit-scrollbar-thumb:active { + background-color: #3c3c5b; + } + ::-webkit-scrollbar-corner { + background-color: #1d1d2d; + } + ::selection { + background-color: #004ba7 !important; + color: #c9d2ef !important; + } + ::-moz-selection { + background-color: #004ba7 !important; + color: #c9d2ef !important; + } + + /* Invert Style */ + .jfk-bubble.gtx-bubble, + .captcheck_answer_label > input + img, + span#closed_text > img[src^="https://www.gstatic.com/images/branding/googlelogo"], + span[data-href^="https://www.hcaptcha.com/"] > #icon, + ::-webkit-calendar-picker-indicator, + img.Wirisformula, + img.WACPageImg { + filter: invert(100%) hue-rotate(180deg) brightness(98%) contrast(90%) !important; + } + + /* Variables Style */ + :root { + --darkreader-neutral-background: #181824; + --darkreader-neutral-text: #a9c5e8; + --darkreader-selection-background: #004ba7; + --darkreader-selection-text: #c9d2ef; + } + + /* Modified CSS */ + #upsellBannerForPhone button { + border-color: initial; + border-style: initial; + border-width: 0px; + color: rgb(201, 210, 239); + outline-color: initial; + } + #upsellBannerForPad, + #upsellBannerForPhone { + background-color: rgb(29, 29, 45); + box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px 0px; + } + #upsellBannerForPad iframe, + #upsellBannerForPhone iframe { + border-color: initial; + border-style: initial; + border-width: 0px; + } + #upsellBannerForPad button, + #upsellBannerForPhone button { + background-color: rgb(29, 29, 45); + border-color: initial; + border-style: initial; + border-width: 0px; + color: rgb(201, 210, 239); + outline-color: initial; + } + .od-Wac-Share-Iframe { + border-color: initial; + border-style: none; + border-width: initial; + } + .VCvEX0GkNVnjIs4mcPdJ { + background-color: rgb(23, 23, 34); + } + .lLFji2JIIWB51LkuYBKM { + background-color: rgb(29, 29, 45); + border-color: initial; + border-style: none; + border-width: initial; + box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px 0px; + outline-color: transparent; + } + + /* Override Style */ + .vimvixen-hint { + background-color: #795100 !important; + border-color: #d4ac13 !important; + color: #eee3c4 !important; + } + #vimvixen-console-frame { + color-scheme: light !important; + } + ::placeholder { + opacity: 0.5 !important; + } + #edge-translate-panel-body, + .MuiTypography-body1, + .nfe-quote-text { + color: var(--darkreader-neutral-text) !important; + } + gr-main-header { + background-color: #0f3947 !important; + } + .tou-z65h9k, + .tou-mignzq, + .tou-1b6i2ox, + .tou-lnqlqk { + background-color: var(--darkreader-neutral-background) !important; + } + .tou-75mvi { + background-color: #031f28 !important; + } + .tou-ta9e87, + .tou-1w3fhi0, + .tou-1b8t2us, + .tou-py7lfi, + .tou-1lpmd9d, + .tou-1frrtv8, + .tou-17ezmgn { + background-color: #0a0a0a !important; + } + .tou-uknfeu { + background-color: #221503 !important; + } + .tou-6i3zyv { + background-color: #19556a !important; + } + div.mermaid-viewer-control-panel .btn { + background-color: var(--darkreader-neutral-background); + fill: var(--darkreader-neutral-text); + } + svg g rect.er { + fill: var(--darkreader-neutral-background) !important; + } + svg g rect.er.entityBox { + fill: var(--darkreader-neutral-background) !important; + } + svg g rect.er.attributeBoxOdd { + fill: var(--darkreader-neutral-background) !important; + } + svg g rect.er.attributeBoxEven { + fill: var(--darkreader-selection-background); + fill-opacity: 0.8 !important; + } + svg rect.er.relationshipLabelBox { + fill: var(--darkreader-neutral-background) !important; + } + svg g g.nodes rect, + svg g g.nodes polygon { + fill: var(--darkreader-neutral-background) !important; + } + svg g rect.task { + fill: var(--darkreader-selection-background) !important; + } + svg line.messageLine0, + svg line.messageLine1 { + stroke: var(--darkreader-neutral-text) !important; + } + div.mermaid .actor { + fill: var(--darkreader-neutral-background) !important; + } + mitid-authenticators-code-app > .code-app-container { + background-color: white !important; + padding-top: 1rem; + } + iframe#unpaywall[src$="unpaywall.html"] { + color-scheme: light !important; + } + .ms-FocusZone, + .ms-DetailsRow-cell, + .ms-Button { + background-color: var(--darkreader-neutral-background) !important; + } + .ms-DetailsRow-cell, + .ms-FocusZone, + .ms-Button, + .od-ItemContent-title, + .ms-DetailsHeader-cellName { + color: var(--darkreader-neutral-text) !important; + } + .ms-Button { + border-color: #0e0e0e !important; + } + } +} +/* 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; }; +} \ No newline at end of file From e7c95db7d4bcf4a41ada802365f98f97dbaee0a3 Mon Sep 17 00:00:00 2001 From: Zer0zzy Date: Wed, 3 Jul 2024 11:24:01 -0400 Subject: [PATCH 08/16] fix sharepoint --- styles/sharepoint/catppuccin.user.css | 31 ++++++++++++++------------- 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/styles/sharepoint/catppuccin.user.css b/styles/sharepoint/catppuccin.user.css index 42f51b3e43..882da31d9b 100644 --- a/styles/sharepoint/catppuccin.user.css +++ b/styles/sharepoint/catppuccin.user.css @@ -13,6 +13,7 @@ @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("sharepoint.com"), domain("office.net"), domain("officeapps.live.com") { #catppuccin(@lookup, @accent) { @rosewater: @catppuccin[@@lookup][@rosewater]; @@ -190,7 +191,7 @@ #edge-translate-panel-body, .MuiTypography-body1, .nfe-quote-text { - color: var(--darkreader-neutral-text) !important; + color: #a9c5e8 !important; } gr-main-header { background-color: #0f3947 !important; @@ -199,7 +200,7 @@ .tou-mignzq, .tou-1b6i2ox, .tou-lnqlqk { - background-color: var(--darkreader-neutral-background) !important; + background-color: #181824 !important; } .tou-75mvi { background-color: #031f28 !important; @@ -220,38 +221,38 @@ background-color: #19556a !important; } div.mermaid-viewer-control-panel .btn { - background-color: var(--darkreader-neutral-background); - fill: var(--darkreader-neutral-text); + background-color: #181824; + fill: #a9c5e8; } svg g rect.er { - fill: var(--darkreader-neutral-background) !important; + fill: #181824 !important; } svg g rect.er.entityBox { - fill: var(--darkreader-neutral-background) !important; + fill: #181824 !important; } svg g rect.er.attributeBoxOdd { - fill: var(--darkreader-neutral-background) !important; + fill: #181824 !important; } svg g rect.er.attributeBoxEven { - fill: var(--darkreader-selection-background); + fill: #004ba7; fill-opacity: 0.8 !important; } svg rect.er.relationshipLabelBox { - fill: var(--darkreader-neutral-background) !important; + fill: #181824 !important; } svg g g.nodes rect, svg g g.nodes polygon { - fill: var(--darkreader-neutral-background) !important; + fill: #181824 !important; } svg g rect.task { - fill: var(--darkreader-selection-background) !important; + fill: #004ba7 !important; } svg line.messageLine0, svg line.messageLine1 { - stroke: var(--darkreader-neutral-text) !important; + stroke: #a9c5e8 !important; } div.mermaid .actor { - fill: var(--darkreader-neutral-background) !important; + fill: #181824 !important; } mitid-authenticators-code-app > .code-app-container { background-color: white !important; @@ -263,14 +264,14 @@ .ms-FocusZone, .ms-DetailsRow-cell, .ms-Button { - background-color: var(--darkreader-neutral-background) !important; + background-color: #181824 !important; } .ms-DetailsRow-cell, .ms-FocusZone, .ms-Button, .od-ItemContent-title, .ms-DetailsHeader-cellName { - color: var(--darkreader-neutral-text) !important; + color: #a9c5e8 !important; } .ms-Button { border-color: #0e0e0e !important; From eeda1493e5224ffc53cb904d29332a24d2f2b309 Mon Sep 17 00:00:00 2001 From: Zer0zzy Date: Wed, 3 Jul 2024 12:51:30 -0400 Subject: [PATCH 09/16] update sharepoint. not complete --- styles/sharepoint/catppuccin.user.css | 401 ++++++++++++++++++-------- 1 file changed, 285 insertions(+), 116 deletions(-) diff --git a/styles/sharepoint/catppuccin.user.css b/styles/sharepoint/catppuccin.user.css index 882da31d9b..5b6abaf2c8 100644 --- a/styles/sharepoint/catppuccin.user.css +++ b/styles/sharepoint/catppuccin.user.css @@ -1,11 +1,11 @@ /* ==UserStyle== -@name Sharepoint Catppuccin +@name Sharepoint Catppuccin @namespace github.com/zer0zzy/userstyles/styles/ @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/sharepoint @updateURL https://github.com/zer0zzy/userstyles/raw/main/styles/sharepoint/catppuccin.user.css -@version 1.0.0 +@version 1.0.0 @description Soothing pastel theme for Sharepoint -@author Me +@author Zer0zzy @license MIT @preprocessor less @@ -13,8 +13,20 @@ @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("corsicatechnologies-my.sharepoint.com"), +domain("usc-excel.officeapps.live.com"), +domain("res-1.cdn.office.net") { + @media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); + } + } + @media (prefers-color-scheme: light) { + :root { + #catppuccin(@lightFlavor, @accentColor); + } + } -@-moz-document domain("sharepoint.com"), domain("office.net"), domain("officeapps.live.com") { #catppuccin(@lookup, @accent) { @rosewater: @catppuccin[@@lookup][@rosewater]; @flamingo: @catppuccin[@@lookup][@flamingo]; @@ -44,73 +56,79 @@ @crust: @catppuccin[@@lookup][@crust]; @accent-color: @catppuccin[@@lookup][@@accent]; - color-scheme: if(@lookup = latte, light, dark); - + color-scheme: if(@lookup =latte, light, dark); + ::selection { background-color: fade(@accent-color, 30%); } - - /* User-Agent Style */ - html { - background-color: #1d1d2d !important; - } - html { - color-scheme: dark !important; - } - iframe { - color-scheme: initial; - } - html, - body { - background-color: #1d1d2d; - } - html, - body { - border-color: #2544a9; - color: #c9d2ef; - } - a { - color: #328efa; - } - table { - border-color: #45456a; - } - mark { - color: #c9d2ef; - } - ::placeholder { - color: #6e87dc; - } - input:-webkit-autofill, - textarea:-webkit-autofill, - select:-webkit-autofill { - background-color: #4b5000 !important; - color: #c9d2ef !important; - } - ::-webkit-scrollbar { - background-color: #232336; - color: #637ed9; - } - ::-webkit-scrollbar-thumb { - background-color: #3c3c5c; - } - ::-webkit-scrollbar-thumb:hover { - background-color: #49496f; - } - ::-webkit-scrollbar-thumb:active { - background-color: #3c3c5b; - } - ::-webkit-scrollbar-corner { - background-color: #1d1d2d; - } - ::selection { - background-color: #004ba7 !important; - color: #c9d2ef !important; - } - ::-moz-selection { - background-color: #004ba7 !important; - color: #c9d2ef !important; - } + .grid-visual-refresh .ewa-stb-ltr, + .grid-visual-refresh .ewa-stb-rtl { + background-color: #363a4f !important; + } + div[role="presentation"] { + background-color: #8087a2 !important; + color: #181926 !important; + } + #application.WACFrameWord { + background-color: #5b6078 !important; + background-image: none !important; + } + html { + background-color: #1d1d2d !important; + color-scheme: dark !important; + } + iframe { + color-scheme: initial; + } + html, + body { + background-color: #1d1d2d; + border-color: #2544a9; + color: @base; + } + a { + color: #328efa; + } + table { + border-color: #45456a; + } + mark { + color: #c9d2ef; + } + ::placeholder { + color: #6e87dc; + opacity: 0.5 !important; + } + input:-webkit-autofill, + textarea:-webkit-autofill, + select:-webkit-autofill { + background-color: #4b5000 !important; + color: #c9d2ef !important; + } + ::-webkit-scrollbar { + background-color: #232336; + color: #637ed9; + } + ::-webkit-scrollbar-thumb { + background-color: #3c3c5c; + } + ::-webkit-scrollbar-thumb:hover { + background-color: #49496f; + } + ::-webkit-scrollbar-thumb:active { + background-color: #3c3c5b; + } + ::-webkit-scrollbar-corner { + background-color: #1d1d2d; + } + ::selection { + background-color: #004ba7 !important; + color: #c9d2ef !important; + } + ::-moz-selection { + background-color: #004ba7 !important; + color: #c9d2ef !important; + } /* Invert Style */ .jfk-bubble.gtx-bubble, @@ -159,11 +177,43 @@ color: rgb(201, 210, 239); outline-color: initial; } + #RibbonTopBarContainer,.body-101, .ewa-ribbon, #RibbonContainer, #Ribbon { + background-color: @base !important; + color: @base !important; + } + #m_excelWebRenderer_ewaCtl_commandUIPlaceHolder > div { + background-color: @base !important; + color: @base !important; + } + #RibbonContainer div[style="background-color: var(--colorNeutralBackground3);"], #RibbonContainer > div:nth-child(1) > div:nth-child(2) > div:nth-child(1), #RibbonContainer > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) { + background-color: @base !important; + color: @base !important; + } + .tabContentContainer-140, .root-139 { + color: @text !important; + background-color: @surface0 !important; + } + .o365sx-navbar, .ms-Button, + .o365cs-base .o365sx-button, + [data-unique-id="GoPremiumButton"], + [data-unique-id="DocumentTitleButton"], + #SearchButton { + background-color: @surface0 !important; + color: @text !important; + } + .ms-Button, .o365sx-button, [data-unique-id="GoPremiumButton"], + [data-unique-id="DocumentTitleButton"], + #SearchButton { + border-color: @base !important; + } .od-Wac-Share-Iframe { border-color: initial; border-style: none; border-width: initial; } + .f19n0e5 { + color: @text !important; + } .VCvEX0GkNVnjIs4mcPdJ { background-color: rgb(23, 23, 34); } @@ -220,50 +270,59 @@ .tou-6i3zyv { background-color: #19556a !important; } - div.mermaid-viewer-control-panel .btn { - background-color: #181824; - fill: #a9c5e8; - } - svg g rect.er { - fill: #181824 !important; - } - svg g rect.er.entityBox { - fill: #181824 !important; - } - svg g rect.er.attributeBoxOdd { - fill: #181824 !important; - } - svg g rect.er.attributeBoxEven { - fill: #004ba7; - fill-opacity: 0.8 !important; - } - svg rect.er.relationshipLabelBox { - fill: #181824 !important; - } - svg g g.nodes rect, - svg g g.nodes polygon { - fill: #181824 !important; - } - svg g rect.task { - fill: #004ba7 !important; - } - svg line.messageLine0, - svg line.messageLine1 { - stroke: #a9c5e8 !important; - } - div.mermaid .actor { - fill: #181824 !important; + div.mermaid-viewer-control-panel { + .btn { + background-color: #181824; + fill: #a9c5e8; + } } - mitid-authenticators-code-app > .code-app-container { - background-color: white !important; - padding-top: 1rem; + svg, + i, + span.fui-Button_icon { + color: @text !important; + } + svg { + g { + rect.er { + fill: #181824 !important; + } + rect.er.entityBox { + fill: #181824 !important; + } + rect.er.attributeBoxOdd { + fill: #181824 !important; + } + rect.er.attributeBoxEven { + fill: #004ba7; + fill-opacity: 0.8 !important; + } + rect.task { + fill: #004ba7 !important; + } + g.nodes { + rect, + polygon { + fill: #181824 !important; + } + } + } + rect.er.relationshipLabelBox { + fill: #181824 !important; + } + line.messageLine0, + line.messageLine1 { + stroke: #a9c5e8 !important; + } } - iframe#unpaywall[src$="unpaywall.html"] { - color-scheme: light !important; + + div.mermaid { + .actor { + fill: #181824 !important; + } } + .ms-FocusZone, - .ms-DetailsRow-cell, - .ms-Button { + .ms-DetailsRow-cell { background-color: #181824 !important; } .ms-DetailsRow-cell, @@ -273,15 +332,125 @@ .ms-DetailsHeader-cellName { color: #a9c5e8 !important; } - .ms-Button { - border-color: #0e0e0e !important; - } } } /* 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; }; -} \ No newline at end of file + @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 \ No newline at end of file From 2f9863a9337afac26ecb32831f63de94ad1d8672 Mon Sep 17 00:00:00 2001 From: Zer0zzy <113624363+Zer0zzy@users.noreply.github.com> Date: Mon, 13 Apr 2026 13:21:06 -0400 Subject: [PATCH 10/16] Create catppuccin.user.css --- styles/autotask/catppuccin.user.css | 183 ++++++++++++++++++++++++++++ 1 file changed, 183 insertions(+) create mode 100644 styles/autotask/catppuccin.user.css diff --git a/styles/autotask/catppuccin.user.css b/styles/autotask/catppuccin.user.css new file mode 100644 index 0000000000..0297c90cee --- /dev/null +++ b/styles/autotask/catppuccin.user.css @@ -0,0 +1,183 @@ + /* ==UserStyle== +@name Autotask Catppuccin +@namespace github.com/zer0zzy/userstyles/styles/ +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/autotask +@version 0.0.1 +@updateURL https://github.com/zer0zzy/userstyles/raw/main/styles/autotask/catppuccin.user.css +@description Soothing pastel theme for Autotask +@author Zer0zzy +@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("autotask.net") { + @media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); + } + } + @media (prefers-color-scheme: light) { + :root { + #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); + + .bg-background-primary { + background-color: @mantle; + } + } +} + + /* 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; + } + ; +} From 0d56f7fb1aaebebbaff94139df238530bec2da78 Mon Sep 17 00:00:00 2001 From: Zer0zzy <113624363+Zer0zzy@users.noreply.github.com> Date: Mon, 13 Apr 2026 13:25:29 -0400 Subject: [PATCH 11/16] Update catppuccin.user.css --- styles/autotask/catppuccin.user.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles/autotask/catppuccin.user.css b/styles/autotask/catppuccin.user.css index 0297c90cee..d7b6557df0 100644 --- a/styles/autotask/catppuccin.user.css +++ b/styles/autotask/catppuccin.user.css @@ -1,9 +1,9 @@ /* ==UserStyle== @name Autotask Catppuccin @namespace github.com/zer0zzy/userstyles/styles/ -@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/autotask +@homepageURL https://github.com/zer0zzy/userstyles/tree/main/styles/autotask @version 0.0.1 -@updateURL https://github.com/zer0zzy/userstyles/raw/main/styles/autotask/catppuccin.user.css +@updateURL https://github.com/zer0zzy/userstyles/tree/main/styles/autotask/catppuccin.user.css @description Soothing pastel theme for Autotask @author Zer0zzy @license MIT From c20ef5bcc976181bfa47e36939c3ceb6e7b85779 Mon Sep 17 00:00:00 2001 From: Zer0zzy <113624363+Zer0zzy@users.noreply.github.com> Date: Mon, 13 Apr 2026 13:26:12 -0400 Subject: [PATCH 12/16] Update catppuccin.user.css --- styles/cw-manage/catppuccin.user.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/styles/cw-manage/catppuccin.user.css b/styles/cw-manage/catppuccin.user.css index 4a064483dc..83c38ef846 100644 --- a/styles/cw-manage/catppuccin.user.css +++ b/styles/cw-manage/catppuccin.user.css @@ -1,9 +1,9 @@ /* ==UserStyle== @name ConnectWise Catppuccin @namespace github.com/zer0zzy/userstyles/styles/ -@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/cw-manage +@homepageURL https://github.com/zer0zzy/userstyles/tree/main/styles/cw-manage @version 0.0.1 -@updateURL https://github.com/zer0zzy/userstyles/raw/main/styles/cw-manage/catppuccin.user.css +@updateURL https://github.com/zer0zzy/userstyles/tree/main/styles/cw-manage/catppuccin.user.css @description Soothing pastel theme for ConnectWise @author Zer0zzy @license MIT @@ -217,4 +217,4 @@ @crust: #11111b; } ; -} \ No newline at end of file +} From 48400bae4ae2fa381746688e00dd5d46465cabf1 Mon Sep 17 00:00:00 2001 From: Zer0zzy <113624363+Zer0zzy@users.noreply.github.com> Date: Mon, 13 Apr 2026 13:29:43 -0400 Subject: [PATCH 13/16] Update catppuccin.user.css --- styles/itglue/catppuccin.user.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/styles/itglue/catppuccin.user.css b/styles/itglue/catppuccin.user.css index 345f2bc26f..eb34f6cfc9 100644 --- a/styles/itglue/catppuccin.user.css +++ b/styles/itglue/catppuccin.user.css @@ -1,9 +1,9 @@ /* ==UserStyle== @name ITGlue Catppuccin @namespace github.com/zer0zzy/userstyles/styles/ -@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/itglue +@homepageURL https://github.com/zer0zzy/userstyles/tree/main/styles/itglue @version 0.0.1 -@updateURL https://github.com/zer0zzy/userstyles/raw/main/styles/itglue/catppuccin.user.css +@updateURL https://github.com/zer0zzy/userstyles/tree/main/styles/itglue/catppuccin.user.css @description Soothing pastel theme for ConnectWise @author Zer0zzy @license MIT @@ -193,4 +193,4 @@ @crust: #11111b; } ; -} \ No newline at end of file +} From 252f8502e414d3116856037a8fa640ca928d3c2d Mon Sep 17 00:00:00 2001 From: Zer0zzy <113624363+Zer0zzy@users.noreply.github.com> Date: Mon, 13 Apr 2026 13:31:39 -0400 Subject: [PATCH 14/16] Update catppuccin.user.css --- styles/nable/catppuccin.user.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/styles/nable/catppuccin.user.css b/styles/nable/catppuccin.user.css index a35bea9bcc..9c1584046b 100644 --- a/styles/nable/catppuccin.user.css +++ b/styles/nable/catppuccin.user.css @@ -1,10 +1,10 @@ /* ==UserStyle== -@name Nable Catppuccin +@name N-able Catppuccin @namespace github.com/zer0zzy/userstyles/styles/ -@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nable +@homepageURL https://github.com/zer0zzy/userstyles/tree/main/styles/nable @version 0.0.1 -@updateURL https://github.com/zer0zzy/userstyles/raw/main/styles/nable/catppuccin.user.css -@description Soothing pastel theme for ConnectWise +@updateURL https://github.com/zer0zzy/userstyles/tree/main/styles/nable/catppuccin.user.css +@description Soothing pastel theme for N-able @author Zer0zzy @license MIT @@ -189,4 +189,4 @@ @crust: #11111b; } ; -} \ No newline at end of file +} From e17340b8469531d3d4ae3d01f3ee11891b3ff6ce Mon Sep 17 00:00:00 2001 From: Zer0zzy <113624363+Zer0zzy@users.noreply.github.com> Date: Mon, 13 Apr 2026 13:32:21 -0400 Subject: [PATCH 15/16] Update catppuccin.user.css --- styles/itglue/catppuccin.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/itglue/catppuccin.user.css b/styles/itglue/catppuccin.user.css index eb34f6cfc9..35f6c68b1e 100644 --- a/styles/itglue/catppuccin.user.css +++ b/styles/itglue/catppuccin.user.css @@ -4,7 +4,7 @@ @homepageURL https://github.com/zer0zzy/userstyles/tree/main/styles/itglue @version 0.0.1 @updateURL https://github.com/zer0zzy/userstyles/tree/main/styles/itglue/catppuccin.user.css -@description Soothing pastel theme for ConnectWise +@description Soothing pastel theme for ITGlue @author Zer0zzy @license MIT From b22e088402a9a7d2ae19ed0b6d04c0a4fbc000f8 Mon Sep 17 00:00:00 2001 From: Zer0zzy <113624363+Zer0zzy@users.noreply.github.com> Date: Mon, 13 Apr 2026 13:32:46 -0400 Subject: [PATCH 16/16] Update catppuccin.user.css --- styles/crowdstrike/catppuccin.user.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles/crowdstrike/catppuccin.user.css b/styles/crowdstrike/catppuccin.user.css index 16d09cb616..ac28376e2a 100644 --- a/styles/crowdstrike/catppuccin.user.css +++ b/styles/crowdstrike/catppuccin.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name CrowdStrike Catppuccin @namespace github.com/zer0zzy/userstyles/styles/ -@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/crowdstrike +@homepageURL https://github.com/zer0zzy/userstyles/tree/main/styles/crowdstrike @version 0.0.1 @updateURL https://github.com/zer0zzy/userstyles/raw/main/styles/crowdstrike/catppuccin.user.css @description Soothing pastel theme for CrowdStrike @@ -363,4 +363,4 @@ } ; } - \ No newline at end of file +