diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml
index 6c2850dce8..e10f5f7313 100644
--- a/scripts/userstyles.yml
+++ b/scripts/userstyles.yml
@@ -251,6 +251,13 @@ userstyles:
categories: [development, wiki]
color: text
current-maintainers: [*ashish0kumar]
+ docker:
+ name: Docker
+ link: https://app.docker.com
+ categories: [package_registry, development]
+ icon: docker
+ color: blue
+ current-maintainers: [*AlwaysNur]
docs.deno.com:
name: docs.deno.com
link: https://docs.deno.com
diff --git a/styles/docker/catppuccin.user.less b/styles/docker/catppuccin.user.less
new file mode 100644
index 0000000000..3f5e285c25
--- /dev/null
+++ b/styles/docker/catppuccin.user.less
@@ -0,0 +1,117 @@
+/* ==UserStyle==
+@name Docker Catppuccin
+@namespace github.com/catppuccin/userstyles/styles/docker
+@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/docker
+@version 2000.01.01
+@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/docker/catppuccin.user.less
+@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adocker
+@description Soothing pastel theme for Docker
+@author Catppuccin
+@license MIT
+
+@preprocessor less
+@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"]
+@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"]
+@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"]
+==/UserStyle== */
+@import "https://userstyles.catppuccin.com/lib/lib.less";
+@import "https://raw.githubusercontent.com/catppuccin/userstyles/feat/mui-lib/lib/mui.less";
+
+@-moz-document regexp('https?:\/\/[^\.]+\.docker\.com[^\s]*') {
+
+ :root.dark {
+ #catppuccin(@darkFlavor);
+ }
+
+ :root.light {
+ #catppuccin(@lightFlavor);
+ }
+
+ #catppuccin(@flavor) {
+ #lib.palette();
+ #lib.defaults();
+ #__mui.base();
+ #__mui.with-name(docker);
+ }
+}
+
+@-moz-document domain("login.docker.com") {
+ :root {
+ @media (prefers-color-scheme: light) {
+ #catppuccin(@lightFlavor);
+ }
+
+ @media (prefers-color-scheme: dark) {
+ #catppuccin(@darkFlavor);
+ }
+ }
+
+ #catppuccin(@flavor) {
+ #lib.palette();
+ #lib.defaults();
+
+ body {
+ --page-background-color: @base;
+ }
+
+ --primary-color: @accent !important;
+ --link-color: @accent;
+ --primary-color-no-override: @accent;
+ --page-background-color: #000;
+ --info-color: #0a66e1;
+ --success-color: @green;
+ --error-color-values: 208,
+ 14,
+ 23;
+ --error-color: @red;
+ --error-text-color: #fff;
+ --warning-color: @yellow;
+ --button-font-color: @base;
+
+ --widget-background-color: @mantle;
+ --box-border-color: @overlay0;
+
+ --social-button-border-color: @text;
+ --secondary-button-text-color: @subtext0;
+
+ --presentational-content-color: @text;
+ --brand-primary-color: #3f59e4;
+ --gray-lightest: #f1f2f3;
+ --gray-light: #dee2e6;
+ --gray-mid: #c2c8d0;
+ --gray-dark: #6f7780;
+ --gray-darkest: #2d333a;
+ --gray-mid-dark: #686868;
+ --gray-social-border: #8e8e8e;
+ --title-font-color: @text;
+ --font-default-color: @text;
+
+ --input-background-color: @base;
+ --font-light-color: @overlay0;
+ --base-focus-color: @accent;
+ --input-border-color: @overlay0;
+
+ #footer-links a {
+ color: @accent;
+
+ &:visited {
+ color: @mauve;
+ }
+ }
+ input {
+ caret-color: @subtext0;
+ }
+ span[data-provider^="google"] {
+ @svg: escape('');
+ background-image: url("data:image/svg+xml,@{svg}");
+ }
+ span[data-provider^="github"] {
+ @svg: escape('');
+ background-image: url("data:image/svg+xml,@{svg}");
+ }
+ #prompt-logo-center {
+ @svg: escape('');
+ content: url("data:image/svg+xml,@{svg}");
+ }
+ }
+}
\ No newline at end of file