diff --git a/CSS/addons/plex/overseer-side-menu.css b/CSS/addons/plex/overseer-side-menu.css
new file mode 100644
index 00000000..1cb8e974
--- /dev/null
+++ b/CSS/addons/plex/overseer-side-menu.css
@@ -0,0 +1,94 @@
+/* dP dP dP */
+/* 88 88 88 */
+/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
+/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
+/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
+/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
+/* 88 */
+/* dP */
+
+/* Made by @gilbN */
+/* https://github.com/gilbN/theme.park */
+
+/* PLEX OVERSEER SIDE MENU */
+
+/* APP VARS*/
+:root {
+ --sidebar-color: #1f2937;
+}
+
+/* EXTRA CSS */
+[class*="SourceSidebar-openSidebar-"][class*="SourceSidebar-sidebar-"],
+[class*="SourceSidebar-sidebar-"] {
+ background: var(--sidebar-color) !important;
+ padding-top: 10px;
+}
+
+[class*="NavBar-container-"] {
+ background: rgb(0 0 0 / 0%) !important;
+}
+
+[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isSelected-"] {
+ background: var(--main-bg-color);
+ box-shadow: inset 4px 0 0 0 transparent !important;
+ border-radius: 5px;
+ margin-bottom: 5px;
+}
+
+[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-button-"]:hover,
+[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isActive-"] {
+ background: var(--modal-bg-color);
+}
+
+[class*="SourceSidebarLink-button-"] {
+ margin-bottom: 5px;
+}
+
+[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] {
+ background: var(--sidebar-color) !important;
+}
+
+[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarLink-isSelected-"] {
+ background: var(--main-bg-color) !important;
+}
+
+[class*="SourceSidebarContent-expandedSidebarContent-"],
+[class*="AllSourcesSidebarContent-container-"] {
+ padding: 10px;
+}
+
+[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="AllSourcesSidebarContent-container-"] {
+ padding: 0px;
+}
+
+[class*="SourceSidebarContent-expandedSidebarContent-"] div {
+ border-radius: 5px;
+}
+
+[class*="SourceSidebar-collapsedSidebar-"] [class*="SourceSidebar-sidebar-"] {
+ border-radius: 0px !important;
+}
+
+[class*="SourceSidebarContent-expandedSidebarContent-"] [class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"] {
+ box-shadow: none !important;
+ border-radius: 5px;
+}
+
+[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarItem-button-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarItem-isSelected-"][class*="SourceSidebarLink-isSelected-"] {
+ box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
+ border-radius: 0px;
+}
+
+[class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
+ box-shadow: none !important;
+ background: var(--modal-bg-color) !important;
+}
+
+[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
+ box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
+}
+
+[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-iconContainer-"],
+[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] {
+ color: rgb(var(--accent-color));
+}
\ No newline at end of file
diff --git a/CSS/themes/bazarr/bazarr-base.css b/CSS/themes/bazarr/bazarr-base.css
index 6e3e188e..a3748dae 100644
--- a/CSS/themes/bazarr/bazarr-base.css
+++ b/CSS/themes/bazarr/bazarr-base.css
@@ -271,7 +271,7 @@ label,
.sidebar-container .badge-secondary {
color: var(--label-text-color);
- background-color: var(--queue-color);
+ background-color: var(--arr-queue-color);
}
/* TOP NAV BAR */
diff --git a/CSS/themes/gitea/gitea-base.css b/CSS/themes/gitea/gitea-base.css
index 3e849593..b9a46369 100644
--- a/CSS/themes/gitea/gitea-base.css
+++ b/CSS/themes/gitea/gitea-base.css
@@ -11,12 +11,12 @@
/* https://github.com/gilbN/theme.park */
:root {
- --color-secondary-alpha-70: var(--gitea-color-secondary-alpha-70);
- --color-primary-light-4: var(--gitea-color-primary-light-4);
- --color-primary-light-2: var(--gitea-color-primary-light-2);
- --color-primary: var(--gitea-color-primary);
- --color-primary-dark-2: var(--gitea-color-primary-dark-2);
- --color-primary-dark-4: var(--gitea-color-primary-dark-4);
+ --color-secondary-alpha-70: rgba(0, 0, 0, 0.35);
+ --color-primary-light-4: rgb(var(--gitea-color-primary-dark-4),.2);
+ --color-primary-light-2: rgb(var(--gitea-color-primary-dark-4),.4);
+ --color-primary: rgb(var(--gitea-color-primary-dark-4),.6);
+ --color-primary-dark-2: rgb(var(--gitea-color-primary-dark-4),.8);
+ --color-primary-dark-4: rgb(var(--gitea-color-primary-dark-4));
}
body {
diff --git a/CSS/themes/lidarr/lidarr-base.css b/CSS/themes/lidarr/lidarr-base.css
index 204cf4c1..d598ad85 100644
--- a/CSS/themes/lidarr/lidarr-base.css
+++ b/CSS/themes/lidarr/lidarr-base.css
@@ -497,8 +497,8 @@ a:hover {
}
[class*="PageSidebarItem-status-"][class*="Label-info-"] {
- border-color: var(--queue-color);
- background-color: var(--queue-color);
+ border-color: var(--arr-queue-color);
+ background-color: var(--arr-queue-color);
color: var(--label-text-color);
}
diff --git a/CSS/themes/ombi/ombi-base.css b/CSS/themes/ombi/ombi-base.css
index a633887b..8ded519f 100644
--- a/CSS/themes/ombi/ombi-base.css
+++ b/CSS/themes/ombi/ombi-base.css
@@ -19,8 +19,7 @@ html,
body,
.wizard-background,
.content-container,
-.mat-sidenav-container,
-.content-container .top-bar-container {
+.mat-sidenav-container {
color: var(--text) !important;
background: var(--main-bg-color) !important;
background-repeat: repeat, no-repeat;
@@ -32,6 +31,10 @@ body,
-o-background-size: auto, cover;
}
+.content-container .top-bar-container {
+ background: transparent !important;
+}
+
.h1,
.h2,
.h3,
@@ -231,7 +234,7 @@ a:hover {
margin: 10px auto auto !important;
}
-@media (min-width: 768px) {
+/* @media (min-width: 768px) {
.content-container {
margin-left: 255px !important;
}
@@ -239,7 +242,7 @@ a:hover {
.content-container .section {
margin: 6px !important;
}
-}
+} */
/* MOBILE */
@media (min-width: 768px) {
diff --git a/CSS/themes/petio/petio-base.css b/CSS/themes/petio/petio-base.css
index 7a873059..8a9024c2 100644
--- a/CSS/themes/petio/petio-base.css
+++ b/CSS/themes/petio/petio-base.css
@@ -226,7 +226,7 @@ p a:hover,
}
.spinner svg {
- filter: var(--spinner);
+ filter: var(--petio-spinner);
}
.request-status {
diff --git a/CSS/themes/plex/plex-base.css b/CSS/themes/plex/plex-base.css
index 031813d8..fd391c35 100644
--- a/CSS/themes/plex/plex-base.css
+++ b/CSS/themes/plex/plex-base.css
@@ -263,7 +263,7 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] {
[class*="MetadataPosterCard-legacyUnwatchedTag-"],
[class*="MetadataPosterCard-legacyUnwatchedEpisodesBadge-"],
[class*="MetadataPosterCardOverlay-versionBadge-"] {
- background-color: var(--poster-unwatched);
+ background-color: var(--plex-poster-unwatched);
}
[class*="MetadataPosterCardFace-"]:hover,
diff --git a/CSS/themes/prowlarr/prowlarr-base.css b/CSS/themes/prowlarr/prowlarr-base.css
index 75bcb5c4..5a5c2cf2 100644
--- a/CSS/themes/prowlarr/prowlarr-base.css
+++ b/CSS/themes/prowlarr/prowlarr-base.css
@@ -427,8 +427,8 @@ a:hover {
}
[class*="PageSidebarItem-status-"][class*="Label-info-"] {
- border-color: var(--queue-color);
- background-color: var(--queue-color);
+ border-color: var(--arr-queue-color);
+ background-color: var(--arr-queue-color);
color: var(--label-text-color);
}
diff --git a/CSS/themes/radarr/radarr-base.css b/CSS/themes/radarr/radarr-base.css
index 82696099..421283be 100644
--- a/CSS/themes/radarr/radarr-base.css
+++ b/CSS/themes/radarr/radarr-base.css
@@ -441,8 +441,8 @@ a:hover {
}
[class*="PageSidebarItem-status-"][class*="Label-info-"] {
- border-color: var(--queue-color);
- background-color: var(--queue-color);
+ border-color: var(--arr-queue-color);
+ background-color: var(--arr-queue-color);
color: var(--label-text-color);
}
diff --git a/CSS/themes/readarr/readarr-base.css b/CSS/themes/readarr/readarr-base.css
index 5ee2bf06..ac402087 100644
--- a/CSS/themes/readarr/readarr-base.css
+++ b/CSS/themes/readarr/readarr-base.css
@@ -501,8 +501,8 @@ a:hover {
}
[class*="PageSidebarItem-status-"][class*="Label-info-"] {
- border-color: var(--queue-color);
- background-color: var(--queue-color);
+ border-color: var(--arr-queue-color);
+ background-color: var(--arr-queue-color);
color: #fff;
}
diff --git a/CSS/themes/sonarr/mind.css b/CSS/themes/sonarr/mind.css
index bcd0db76..32e60bf1 100644
--- a/CSS/themes/sonarr/mind.css
+++ b/CSS/themes/sonarr/mind.css
@@ -31,5 +31,5 @@
--button-color-hover: #fff200cc;
--accent-color: #fff200cc;
--accent-color-hover: #fff200cc;
- --queue-color: #204c80cc;
+ --arr-queue-color: #204c80cc;
}
\ No newline at end of file
diff --git a/CSS/themes/sonarr/noname.css b/CSS/themes/sonarr/noname.css
index 600a0513..48e4cec3 100644
--- a/CSS/themes/sonarr/noname.css
+++ b/CSS/themes/sonarr/noname.css
@@ -31,7 +31,7 @@
--accent-color: rgba(251, 63, 98, .8);
--accent-color-hover: rgba(251, 63, 98, .8);
- --queue-color: rgba(63, 251, 157, .8);
+ --arr-queue-color: rgba(63, 251, 157, .8);
--link-color: #ff6581;
--link-color-hover: #fff;
diff --git a/CSS/themes/sonarr/power.css b/CSS/themes/sonarr/power.css
index 7760a7f7..a4f326ae 100644
--- a/CSS/themes/sonarr/power.css
+++ b/CSS/themes/sonarr/power.css
@@ -30,5 +30,5 @@
--button-color-hover: #85096bcc;
--accent-color: #85096bcc;
--accent-color-hover: #85096bcc;
- --queue-color: #204c80cc;
+ --arr-queue-color: #204c80cc;
}
\ No newline at end of file
diff --git a/CSS/themes/sonarr/reality.css b/CSS/themes/sonarr/reality.css
index 99f59591..b9f09ebd 100644
--- a/CSS/themes/sonarr/reality.css
+++ b/CSS/themes/sonarr/reality.css
@@ -30,7 +30,7 @@
--button-color-hover: #e80c0bcc;
--accent-color: #e80c0bcc;
--accent-color-hover: #e80c0bcc;
- --queue-color: #204c80cc;
+ --arr-queue-color: #204c80cc;
}
\ No newline at end of file
diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css
index 4361ccc7..6a1249f5 100644
--- a/CSS/themes/sonarr/sonarr-base.css
+++ b/CSS/themes/sonarr/sonarr-base.css
@@ -469,8 +469,8 @@ a:hover {
}
[class*="PageSidebarItem-status-"] [class*="Label-info-"] {
- border-color: var(--queue-color);
- background-color: var(--queue-color);
+ border-color: var(--arr-queue-color);
+ background-color: var(--arr-queue-color);
color: var(--label-text-color);
}
diff --git a/CSS/themes/sonarr/soul.css b/CSS/themes/sonarr/soul.css
index 26f5905e..2db832ce 100644
--- a/CSS/themes/sonarr/soul.css
+++ b/CSS/themes/sonarr/soul.css
@@ -31,5 +31,5 @@
--button-color-hover: #f90c;
--accent-color: #f90c;
--accent-color-hover: #f90c;
- --queue-color: #204c80cc;
+ --arr-queue-color: #204c80cc;
}
\ No newline at end of file
diff --git a/CSS/themes/sonarr/space.css b/CSS/themes/sonarr/space.css
index d58a3753..83a77853 100644
--- a/CSS/themes/sonarr/space.css
+++ b/CSS/themes/sonarr/space.css
@@ -31,5 +31,5 @@
--button-color-hover: #0062ffcc;
--accent-color: #0062ffcc;
--accent-color-hover: #0062ffcc;
- --queue-color: #0062ffcc;
+ --arr-queue-color: #0062ffcc;
}
\ No newline at end of file
diff --git a/CSS/themes/sonarr/time.css b/CSS/themes/sonarr/time.css
index 37b87bda..960647ba 100644
--- a/CSS/themes/sonarr/time.css
+++ b/CSS/themes/sonarr/time.css
@@ -31,5 +31,5 @@
--button-color-hover: rgba(4, 168, 0, .8);
--accent-color: #6df751cc;
--accent-color-hover: #6df751cc;
- --queue-color: #6df751cc;
+ --arr-queue-color: #6df751cc;
}
\ No newline at end of file
diff --git a/CSS/variables/aquamarine.css b/CSS/variables/aquamarine.css
index 6dd7d8f2..7b96e580 100644
--- a/CSS/variables/aquamarine.css
+++ b/CSS/variables/aquamarine.css
@@ -23,14 +23,8 @@
--text-muted: #999;
/*Specials*/
- --queue-color: #009688; /* Servarr apps + Bazarr*/
- --poster-unwatched: rgb(21, 213, 194); /* Plex */
- --spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
-
- --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35);
- --gitea-color-primary-light-4: #002D24;
- --gitea-color-primary-light-2: #004B40;
- --gitea-color-primary: #006B5F;
- --gitea-color-primary-dark-2: #008C7E;
- --gitea-color-primary-dark-4: #12AFA0;
+ --arr-queue-color: #009688; /* Servarr apps + Bazarr*/
+ --plex-poster-unwatched: rgb(21, 213, 194);
+ --petio-spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+ --gitea-color-primary-dark-4: 18, 175, 160;
}
diff --git a/CSS/variables/dark.css b/CSS/variables/dark.css
index 7a5c620a..d29f426a 100644
--- a/CSS/variables/dark.css
+++ b/CSS/variables/dark.css
@@ -23,14 +23,8 @@
--text-muted: #999;
/*Specials*/
- --queue-color: #6b5; /* Servarr apps + Bazarr*/
- --poster-unwatched: #e5a00d; /* Plex */
- --spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
-
- --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35);
- --gitea-color-primary-light-4: #303030;
- --gitea-color-primary-light-2: #5E5E5E;
- --gitea-color-primary: #919191;
- --gitea-color-primary-dark-2: #C6C6C6;
- --gitea-color-primary-dark-4: #FFFFFF;
+ --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+ --plex-poster-unwatched: #e5a00d;
+ --petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+ --gitea-color-primary-dark-4: 255, 255, 255;
}
\ No newline at end of file
diff --git a/CSS/variables/dracula.css b/CSS/variables/dracula.css
index 537aacc2..f7fbf04f 100644
--- a/CSS/variables/dracula.css
+++ b/CSS/variables/dracula.css
@@ -23,14 +23,8 @@
--text-muted: #999;
/*Specials*/
- --queue-color: #50fa7b; /* Servarr apps + Bazarr*/
- --poster-unwatched: #bd93f9;/* Plex */
- --spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
-
- --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35);
- --gitea-color-primary-light-4: #003B00;
- --gitea-color-primary-light-2: #006700;
- --gitea-color-primary: #00961D;
- --gitea-color-primary-dark-2: #00C74D;
- --gitea-color-primary-dark-4: #50FA7B;
+ --arr-queue-color: #50fa7b; /* Servarr apps + Bazarr*/
+ --plex-poster-unwatched: #bd93f9;
+ --petio-spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+ --gitea-color-primary-dark-4: 80, 250, 123;
}
\ No newline at end of file
diff --git a/CSS/variables/hotline.css b/CSS/variables/hotline.css
index 47e91193..c1addd51 100644
--- a/CSS/variables/hotline.css
+++ b/CSS/variables/hotline.css
@@ -23,14 +23,8 @@
--text-muted: #999;
/*Specials*/
- --queue-color: #6b5; /* Servarr apps + Bazarr*/
- --poster-unwatched: #FB3122; /* Plex */
- --spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
-
- --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35);
- --gitea-color-primary-light-4: #690000;
- --gitea-color-primary-light-2: #890000;
- --gitea-color-primary: #AC0002;
- --gitea-color-primary-dark-2: #D0191D;
- --gitea-color-primary-dark-4: #F44336;
+ --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+ --plex-poster-unwatched: #FB3122;
+ --petio-spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+ --gitea-color-primary-dark-4: 244, 67, 54;
}
\ No newline at end of file
diff --git a/CSS/variables/organizr-dark.css b/CSS/variables/organizr-dark.css
index 17333792..909aa4ea 100644
--- a/CSS/variables/organizr-dark.css
+++ b/CSS/variables/organizr-dark.css
@@ -23,14 +23,8 @@
--text-muted: #999;
/*Specials*/
- --queue-color: #2cabe3; /* Servarr apps + Bazarr*/
- --poster-unwatched: #2cabe3;/* Plex */
- --spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
-
- --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35);
- --gitea-color-primary-light-4: #002A57;
- --gitea-color-primary-light-2: #004878;
- --gitea-color-primary: #00679A;
- --gitea-color-primary-dark-2: #0088BE;
- --gitea-color-primary-dark-4: #2CABE3;
+ --arr-queue-color: #2cabe3; /* Servarr apps + Bazarr*/
+ --plex-poster-unwatched: #2cabe3;
+ --petio-spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+ --gitea-color-primary-dark-4: 44, 171, 227;
}
\ No newline at end of file
diff --git a/CSS/variables/overseer.css b/CSS/variables/overseer.css
new file mode 100644
index 00000000..7cffcc5e
--- /dev/null
+++ b/CSS/variables/overseer.css
@@ -0,0 +1,30 @@
+:root {
+ --main-bg-color: linear-gradient(360deg, hsl(221, 39%, 11%) 65%, hsl(215, 28%, 17%) 100%);
+
+ --modal-bg-color: #1f2937;
+ --modal-header-color: #1f2937;
+ --modal-footer-color: #1f2937;
+
+ --drop-down-menu-bg: #374151;
+
+ --button-color: #4f46e5;
+ --button-color-hover: #6366f1;
+ --button-text: #e5e7eb;
+ --button-text-hover: #fff;
+
+ --accent-color: 167, 139, 250;
+ --accent-color-hover: rgb(var(--accent-color),.8);
+ --link-color: #6366f1;
+ --link-color-hover: #a78bfa;
+ --label-text-color: #000;
+
+ --text: #d1d5db;
+ --text-hover: #fff;
+ --text-muted: #9ca3af;
+
+ /*Specials*/
+ --arr-queue-color: #6366f1; /* Servarr apps + Bazarr*/
+ --plex-poster-unwatched: #6366f1;
+ --petio-spinner: invert(24%) sepia(59%) saturate(3411%) hue-rotate(237deg) brightness(91%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+ --gitea-color-primary-dark-4: 98, 116, 145;
+}
\ No newline at end of file
diff --git a/CSS/variables/plex.css b/CSS/variables/plex.css
index fe4b0ead..527b185a 100644
--- a/CSS/variables/plex.css
+++ b/CSS/variables/plex.css
@@ -26,13 +26,7 @@
--text-muted: #999;
/*Specials*/
- --queue-color: #27c24c; /* Servarr apps + Bazarr*/
- --spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
-
- --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35);
- --gitea-color-primary-light-4: #492000;
- --gitea-color-primary-light-2: #6E4500;
- --gitea-color-primary: #9B6C00;
- --gitea-color-primary-dark-2: #CC9500;
- --gitea-color-primary-dark-4: #FFC107;
+ --arr-queue-color: #27c24c; /* Servarr apps + Bazarr*/
+ --petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+ --gitea-color-primary-dark-4: 255, 193, 7;
}
\ No newline at end of file
diff --git a/CSS/variables/space-gray.css b/CSS/variables/space-gray.css
index 0c2d889a..bcfda52b 100644
--- a/CSS/variables/space-gray.css
+++ b/CSS/variables/space-gray.css
@@ -23,14 +23,8 @@
--text-muted: #999;
/*Specials*/
- --queue-color: #81a6b7; /* Servarr apps + Bazarr*/
- --poster-unwatched: #70aeca;/* Plex */
- --spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
-
- --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35);
- --gitea-color-primary-light-4: #002634;
- --gitea-color-primary-light-2: #1D4352;
- --gitea-color-primary: #3E6272;
- --gitea-color-primary-dark-2: #5F8394;
- --gitea-color-primary-dark-4: #81A6B7;
+ --arr-queue-color: #81a6b7; /* Servarr apps + Bazarr*/
+ --plex-poster-unwatched: #70aeca;
+ --petio-spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+ --gitea-color-primary-dark-4: 129, 166, 183;
}
\ No newline at end of file
diff --git a/README.md b/README.md
index 04ff9097..46dedcdb 100644
--- a/README.md
+++ b/README.md
@@ -22,6 +22,7 @@
Click on the banners for screenshots.
+
