feat: rose-pine theme (#661)

css/community-theme-options/rose-pine-dawn.css

@@ -0,0 +1,34 @@
+:root {
+  --main-bg-color: #fffaf3;
+
+  --modal-bg-color: #f2e9de;
+  --modal-header-color: #faf4ed;
+  --modal-footer-color: #faf4ed;
+
+  --drop-down-menu-bg: #f4ede8;
+
+  --button-color: #dfdad9;
+  --button-color-hover: #cecacd;
+  --button-text: var(--text);
+  --button-text-hover: var(--text-hover);
+
+  --accent-color: 180, 99, 122;
+  --accent-color-hover: rgb(180, 99, 122, 0.8);
+  --link-color: #286983;
+  --link-color-hover: rgb(86, 148, 159, 0.8);
+  --label-text-color: #575279;
+
+  --text: #575279;
+  --text-hover: var(--text);
+  --text-muted: 9893a5;
+
+  /* Specials */
+  --arr-queue-color: #286983; /* Servarr apps + Bazarr */
+  --plex-poster-unwatched: #d7827e;
+  --petio-spinner: invert(40%) sepia(20%) saturate(1206%) hue-rotate(152deg) brightness(96%) contrast(94%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ /* Pine */
+  --gitea-color-primary-dark-4: var(--accent-color);
+  --overseerr-gradient: linear-gradient(
+    var(--main-bg-color),
+    var(--main-bg-color)
+  );
+}

css/community-theme-options/rose-pine-moon.css

@@ -0,0 +1,34 @@
+:root {
+  --main-bg-color: #2a273f;
+
+  --modal-bg-color: #393552;
+  --modal-header-color: #232136;
+  --modal-footer-color: #232136;
+
+  --drop-down-menu-bg: #2a283e;
+
+  --button-color: #44415a;
+  --button-color-hover: #56526e;
+  --button-text: var(--text);
+  --button-text-hover: var(--text-hover);
+
+  --accent-color: 235, 111, 146;
+  --accent-color-hover: rgb(235, 111, 146, 0.8);
+  --link-color: #3e8fb0;
+  --link-color-hover: rgb(156, 207, 216, 0.8);
+  --label-text-color: #e0def4;
+
+  --text: #e0def4;
+  --text-hover: var(--text);
+  --text-muted: 6e6a86;
+
+  /* Specials */
+  --arr-queue-color: #3e8fb0; /* Servarr apps + Bazarr */
+  --plex-poster-unwatched: #ea9a97;
+  --petio-spinner: invert(40%) sepia(20%) saturate(1206%) hue-rotate(152deg) brightness(96%) contrast(94%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ /* Pine */
+  --gitea-color-primary-dark-4: var(--accent-color);
+  --overseerr-gradient: linear-gradient(
+    var(--main-bg-color),
+    var(--main-bg-color)
+  );
+}

css/community-theme-options/rose-pine.css

@@ -0,0 +1,34 @@
+:root {
+  --main-bg-color: #1f1d2e;
+
+  --modal-bg-color: #26233a;
+  --modal-header-color: #191724;
+  --modal-footer-color: #191724;
+
+  --drop-down-menu-bg: #21202e;
+
+  --button-color: #403d52;
+  --button-color-hover: #524f67;
+  --button-text: var(--text);
+  --button-text-hover: var(--text-hover);
+
+  --accent-color: 235, 111, 146;
+  --accent-color-hover: rgb(235, 111, 146, 0.8);
+  --link-color: #31748f;
+  --link-color-hover: rgb(156, 207, 216, 0.8);
+  --label-text-color: #e0def4;
+
+  --text: #e0def4;
+  --text-hover: var(--text);
+  --text-muted: 6e6a86;
+
+  /* Specials */
+  --arr-queue-color: #31748f; /* Servarr apps + Bazarr */
+  --plex-poster-unwatched: #ebbcba;
+  --petio-spinner: invert(40%) sepia(20%) saturate(1206%) hue-rotate(152deg) brightness(96%) contrast(94%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ /* Pine */
+  --gitea-color-primary-dark-4: var(--accent-color);
+  --overseerr-gradient: linear-gradient(
+    var(--main-bg-color),
+    var(--main-bg-color)
+  );
+}