diff --git a/styles/autotask/catppuccin.user.css b/styles/autotask/catppuccin.user.css
new file mode 100644
index 0000000000..d7b6557df0
--- /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/zer0zzy/userstyles/tree/main/styles/autotask
+@version 0.0.1
+@updateURL https://github.com/zer0zzy/userstyles/tree/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;
+	}
+	;
+}
diff --git a/styles/crowdstrike/catppuccin.user.css b/styles/crowdstrike/catppuccin.user.css
new file mode 100644
index 0000000000..ac28376e2a
--- /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/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
+@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("falcon.crowdstrike.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%);
+		}
+
+		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\.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;
+	}
+	;
+}
+        
diff --git a/styles/cw-manage/catppuccin.user.css b/styles/cw-manage/catppuccin.user.css
new file mode 100644
index 0000000000..83c38ef846
--- /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/zer0zzy/userstyles/tree/main/styles/cw-manage
+@version 0.0.1
+@updateURL https://github.com/zer0zzy/userstyles/tree/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;
+	}
+	;
+}
diff --git a/styles/itglue/catppuccin.user.css b/styles/itglue/catppuccin.user.css
new file mode 100644
index 0000000000..35f6c68b1e
--- /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/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 ITGlue
+@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;
+	}
+	;
+}
diff --git a/styles/nable/catppuccin.user.css b/styles/nable/catppuccin.user.css
new file mode 100644
index 0000000000..9c1584046b
--- /dev/null
+++ b/styles/nable/catppuccin.user.css
@@ -0,0 +1,192 @@
+/* ==UserStyle==
+@name N-able Catppuccin
+@namespace github.com/zer0zzy/userstyles/styles/
+@homepageURL https://github.com/zer0zzy/userstyles/tree/main/styles/nable
+@version 0.0.1
+@updateURL https://github.com/zer0zzy/userstyles/tree/main/styles/nable/catppuccin.user.css
+@description Soothing pastel theme for N-able
+@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;
+	}
+	;
+}
diff --git a/styles/sharepoint/catppuccin.user.css b/styles/sharepoint/catppuccin.user.css
new file mode 100644
index 0000000000..5b6abaf2c8
--- /dev/null
+++ b/styles/sharepoint/catppuccin.user.css
@@ -0,0 +1,456 @@
+/* ==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 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("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);
+        }
+    }
+
+    #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%);
+        }
+        .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,
+        .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;
+        }
+        #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);
+        }
+        .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: #a9c5e8 !important;
+        }
+        gr-main-header {
+            background-color: #0f3947 !important;
+        }
+        .tou-z65h9k,
+        .tou-mignzq,
+        .tou-1b6i2ox,
+        .tou-lnqlqk {
+            background-color: #181824 !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: #181824;
+                fill: #a9c5e8;
+            }
+        }
+        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;
+            }
+        }
+
+        div.mermaid {
+            .actor {
+                fill: #181824 !important;
+            }
+        }
+
+        .ms-FocusZone,
+        .ms-DetailsRow-cell {
+            background-color: #181824 !important;
+        }
+        .ms-DetailsRow-cell,
+        .ms-FocusZone,
+        .ms-Button,
+        .od-ItemContent-title,
+        .ms-DetailsHeader-cellName {
+            color: #a9c5e8 !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;
+    }
+    ;
+}
+// vim:ft=less
\ No newline at end of file