diff --git a/CSS/themes/organizr/organizr-base.css b/CSS/themes/organizr/organizr-base.css
index 5ddcc536..21c3ea5c 100644
--- a/CSS/themes/organizr/organizr-base.css
+++ b/CSS/themes/organizr/organizr-base.css
@@ -1579,7 +1579,8 @@ a:hover,
     box-shadow: none !important;
 }
 
-.swal-overlay--show-modal .swal-modal {
+.swal-overlay--show-modal .swal-modal:not(.swal-modal.orgAlertTransparent),
+body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.panel-heading {
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -2070,6 +2071,10 @@ input,
     border-radius: 0px 0px 0 0;
 }
 
+.tabs-style-flip nav a::after {
+    background-color: rgb(var(--accent-color));
+}
+
 .tabs-style-flip .content-wrap {
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;
diff --git a/CSS/themes/overseerr/overseerr-base.css b/CSS/themes/overseerr/overseerr-base.css
new file mode 100644
index 00000000..69c53aeb
--- /dev/null
+++ b/CSS/themes/overseerr/overseerr-base.css
@@ -0,0 +1,524 @@
+/* TEXT */
+[class*="text-gray-"]:not(button:disabled) {
+    color: var(--text);
+}
+
+[class*="text-indigo-"]:not(.text-indigo-100) {
+    color: rgb(var(--accent-color))
+}
+
+.text-indigo-100 {
+    color: var(--label-text-color);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.tagline,
+.media-crew>li>span {
+    color: var(--text-hover) !important;
+}
+
+p {
+    color: var(--text) !important;
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.relative.z-10.flex.flex-col.flex-1.min-w-0.pr-4>div.flex.items-center.mt-2.text-sm.sm\:mt-1>span {
+    color: var(--text-hover);
+}
+
+.media-fact-value a,
+.media-fact-value button,
+a.crew-name,
+.card-field a,
+.prose a {
+    color: var(--link-color);
+}
+
+a.text-indigo-500 {
+    color: var(--link-color) !important;
+}
+
+a.text-indigo-500:hover {
+    color: var(--link-color-hover) !important;
+}
+
+.media-fact-value a:hover,
+.media-fact-value button:hover,
+a.crew-name:hover,
+.prose a:hover,
+.card-field a:hover {
+    color: var(--link-color-hover);
+}
+
+.label-tip {
+    color: var(--text-muted);
+}
+
+
+/* BUTTONS */
+
+button[class*="bg-indigo-"],
+button[class*="bg-gray-"],
+button[class*="border-indigo-"],
+button[class*="border-gray-"],
+button.input-action {
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+button[class*="text-white"] {
+    color: var(--button-text)
+}
+
+button[class*="bg-indigo-"]:hover,
+button[class*="bg-gray-"]:hover,
+button[class*="border-indigo-"]:hover,
+button[class*="border-gray-"]:hover,
+button.input-action:hover {
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+button[class*="text-white"]:hover,
+button.input-action:hover {
+    color: var(--button-text-hover)
+}
+
+/* INPUT FORMS */
+
+[multiple]:focus,
+[type=date]:focus,
+[type=datetime-local]:focus,
+[type=email]:focus,
+[type=month]:focus,
+[type=number]:focus,
+[type=password]:focus,
+[type=search]:focus,
+[type=tel]:focus,
+[type=text]:focus,
+[type=time]:focus,
+[type=url]:focus,
+[type=week]:focus,
+select:focus,
+textarea:focus {
+    --tw-ring-color: rgb(var(--accent-color));
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
+    border-color: rgb(var(--accent-color));
+}
+
+input[type=password],
+input[type=text],
+select,
+textarea {
+    border-color: rgba(255, 255, 255, .1);
+    background-color: rgba(7, 7, 7, .25);
+    color: var(--text);
+}
+
+input[type=checkbox] {
+    color: rgba(var(--accent-color));
+}
+
+[type=checkbox]:focus,
+[type=radio]:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-color: rgb(var(--accent-color));
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>tbody>tr>td.px-4.py-4.text-sm.font-medium.leading-5.text-gray-100.whitespace-nowrap.false>span>span.bg-indigo-500,
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>thead>tr>th.w-16.px-4.py-3.bg-gray-500.false>span>span.bg-indigo-500 {
+    background: rgb(var(--accent-color));
+}
+
+span.bg-indigo-500 {
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color) !important;
+}
+
+.react-select-container .react-select__control {
+    border-color: rgba(255, 255, 255, 0.1) !important;
+    background-color: rgba(0, 0, 0, 0.25) !important;
+    color: var(--text) !important;
+}
+
+.react-select-container .react-select__menu {
+    background: var(--drop-down-menu-bg);
+    color: var(--text);
+}
+
+.react-select-container .react-select__option--is-focused {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: var(--text-hover)
+}
+
+
+.group-label,
+label {
+    color: var(--text-hover);
+}
+
+select:focus {
+    background: #1f1f1f;
+}
+
+
+/* BG STUFF */
+#__next>div,
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+.bg-gray-800 {
+    --tw-bg-opacity: 0.3;
+    background-color: rgb(0, 0, 0, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-700:hover {
+    --tw-bg-opacity: .3;
+    background-color: rgb(var(--accent-color), var(--tw-bg-opacity));
+    color: rgb(var(--accent-color)) !important;
+}
+
+/* SEARCH BAR */
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>.bg-gray-700 {
+    background-color: rgb(var(--accent-color), .3)
+}
+
+#search_field {
+    background-color: rgba(0, 0, 0, 0.45);
+}
+
+
+/* TOP GRADIENT */
+#__next>div>div.absolute.top-0.w-full.h-64.from-gray-800.to-gray-900.bg-gradient-to-bl .bg-gradient-to-t {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+
+}
+
+/* GRADIENT ON CARDS'N'STUFF*/
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div {
+    background: none;
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div>div>div>div.absolute.bottom-0.left-0.right-0.h-12.rounded-b-xl.bg-gradient-to-t.from-gray-900.bg-gradient-to-t,
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>ul>li>a>div>div>div>div.absolute.bottom-0.left-0.right-0.h-12.rounded-b-xl.bg-gradient-to-t.from-gray-900 {
+    background-image: none !important;
+}
+
+/* SIDE BAR*/
+
+.sidebar {
+    border-right-width: 1px;
+    --tw-border-opacity: .1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a {
+    color: var(--text);
+}
+
+.to-purple-600 {
+    --tw-gradient-to: rgb(var(--accent-color), .3);
+}
+
+.hover\:to-purple-500:hover {
+    --tw-gradient-to: rgb(var(--accent-color), .8);
+}
+
+#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500,
+#__next>div>div.lg\:hidden>div>div.relative.flex.flex-col.flex-1.w-full.max-w-xs.bg-gray-800.sidebar.appear-done.enter-done>div.flex.flex-col.flex-1.h-0.pt-8.pb-8.overflow-y-auto.sm\:pb-4>nav>a.flex.items-center.px-2.py-2.text-base.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 {
+    --tw-gradient-from: rgb(var(--accent-color), .5);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .5));
+}
+
+#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 {
+    background: rgba(var(--accent-color), 0.05);
+    color: rgba(var(--accent-color));
+}
+
+body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div>header,
+body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div>div {
+    background: transparent;
+}
+
+body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div>div>div.overflow-hidden.bg-gray-600.rounded-md.shadow {
+    background: rgba(0, 0, 0, .25) !important;
+}
+
+#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>div.px-2>a {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+/* LOADER */
+body>div.fixed.top-0.left-0.z-50.w-full.transition-opacity.ease-out.duration-400.opacity-0>div {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--accent-color));
+}
+
+body>div.fixed.top-0.left-0.z-50.w-full .bg-indigo-400 {
+    background-color: rgb(var(--accent-color));
+}
+
+/* DISCOVER PAGE */
+
+.slider-title,
+.to-purple-400 {
+    color: rgb(var(--accent-color));
+}
+
+a.slider-title:hover {
+    color: var(--accent-color-hover);
+}
+
+/* CARD HOVER */
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div>div>div:hover {
+    background: linear-gradient(rgba(var(--accent-color), .04) 0%, rgba(var(--accent-color), 0.9) 100%);
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.absolute.inset-0.z-0>div.absolute.inset-0 {
+    background-image: linear-gradient(135deg, rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 75%) !important;
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a:hover {
+    background: linear-gradient(rgba(var(--accent-color), .04) 0%, rgba(var(--accent-color), 0.3) 100%);
+}
+
+
+/* SHOW PAGE */
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0 {
+    background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%) !important;
+}
+
+#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div > div.media-overview {
+    background: var(--main-bg-color);
+    padding: 1rem 1rem 2rem 0;
+    padding-left: 1rem;
+    margin: 1rem -1rem -1rem;
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div:hover,
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>ul>li>a>div:hover {
+    --tw-bg-opacity: 0.4;
+    background-color: rgb(var(--accent-color), var(--tw-bg-opacity));
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div>div>div>div.text-gray-300 {
+    color: var(--text-hover);
+}
+
+#__next>div>div .bg-gradient-to-t.from-gray-800 {
+    background: none;
+}
+
+.media-facts {
+    border-color: rgba(255, 255, 255, 0.1);
+    background-color: rgba(0, 0, 0, 0.25);
+    color: var(--text-hover) !important;
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.media-ratings,
+.media-fact {
+    border-color: rgb(255 255 255 / 10%);
+}
+
+.media-fact-value {
+    color: var(--text);
+}
+
+/* REQUESTS */
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div:nth-child(2)>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0 {
+    background-image: linear-gradient(90deg, rgba(var(--accent-color), 0.2) 0%, rgb(var(--accent-color)) 100%) !important;
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.flex.flex-col.justify-between.mb-4.lg\:items-end.lg\:flex-row>div.mt-8.md\:flex.md\:items-center.md\:justify-between>div>h2>span {
+    color: rgb(var(--accent-color));
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div:nth-child(2)>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0,
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0 {
+    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, var(--modal-bg-color) 100%) !important;
+}
+
+/* RINGA A DINGALING*/
+.ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgb(0 0 0 / 10%) !important;
+}
+
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.absolute.top-0.left-0.right-0.z-0.h-96>div>div>div.absolute.inset-0 {
+    background-image: linear-gradient(rgba(var(--accent-color), 0.2) 0%, #000 100%) !important;
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.bg-gray-800 {
+    background: #000;
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0,
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div:nth-child(2)>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0 {
+    background: linear-gradient(90deg, rgba(var(--accent-color), 0.4) 0%, #000 100%) !important;
+}
+
+/* SETTINGS */
+
+code {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-6>div.hidden.overflow-x-scroll.border-b.border-gray-600.sm\:block.hide-scrollbar>nav>a.px-1.py-4.ml-8.text-sm.font-medium.leading-5.transition.duration-300.border-b-2.border-transparent.whitespace-nowrap.first\:ml-0.text-indigo-500.border-indigo-600 {
+    border-color: rgb(var(--accent-color));
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-10.text-white>div>ul>li>div {
+    background: rgba(255, 255, 255, 0.1);
+    border-color: rgba(255, 255, 255, 0.1);
+}
+
+.bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--accent-color), var(--tw-bg-opacity));
+}
+
+.focus\:ring:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) rgba(var(--accent-color), 0.5);
+}
+
+.border-gray-600 {
+    --tw-border-opacity: .1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+.actions {
+    --tw-border-opacity: .1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+
+.border-gray-800,
+.divide-gray-800>:not([hidden])~:not([hidden]) {
+    --tw-border-opacity: .2;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+.border-gray-500,
+.border-gray-700 {
+    --tw-border-opacity: .1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-10.text-white>div.hidden.sm\:block>nav>a.px-3.py-2.text-sm.font-medium.transition.duration-300.rounded-md.whitespace-nowrap.mx-2.my-1.bg-indigo-700 {
+    background-color: var(--button-color);
+}
+
+
+/* TABLE */
+
+.divide-gray-700>:not([hidden])~:not([hidden]) {
+    border-color: rgba(255, 255, 255, 0.1);
+}
+
+table>thead>tr>th,
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-10.text-white>div>div.flex.flex-col>div>div>div>table>tbody>tr.bg-gray-700,
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div>div>table>tbody>tr.bg-gray-700 {
+    background: rgb(0 0 0 / 25%) !important;
+    border-color: rgba(255, 255, 255, 0.1);
+}
+
+
+/* MODAL */
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div,
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.p-4.bg-gray-600.rounded-md.shadow,
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div,
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div.bg-gray-700,
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.mt-4>div.p-4.bg-gray-600.rounded-md.shadow {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div>img,
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div>img {
+    display: none !important;
+}
+
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0,
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0 {
+    background: transparent !important;
+}
+
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>tbody {
+    background: rgb(255, 255, 255, .1);
+}
+
+
+/* DROPDOWN */
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div.bg-gray-700,
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a {
+    background: var(--drop-down-menu-bg);
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a:hover {
+    background: rgba(255, 255, 255, 0.1);
+}
+
+/* LOGIN */
+#__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>button,
+#__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>div:nth-child(3)>button {
+    background: rgba(255, 255, 255, 0.1);
+}
\ No newline at end of file
diff --git a/CSS/themes/plex/plex-base.css b/CSS/themes/plex/plex-base.css
index 54866b7b..fcd94772 100644
--- a/CSS/themes/plex/plex-base.css
+++ b/CSS/themes/plex/plex-base.css
@@ -659,4 +659,15 @@ hr {
 
 [class*="TableHeaderTitle-tableHeaderTitle-"] {
   color: var(--text-hover);
+}
+
+[class*="DirectoryListTableHeader-tableHeaderCell-"],
+[class*="DirectoryListTableHeader-columnMenuButton-"] {
+  background-color: rgb(0 0 0 / 25%);
+}
+
+a>[class*="DirectoryListTableHeader-tableHeaderCell-"]:hover, 
+button>[class*="DirectoryListTableHeader-tableHeaderCell-"]:hover,
+[class*="DirectoryListTableHeader-columnMenuButton-"]:hover {
+  background-color: rgba(255, 255, 255, 0.1);
 }
\ No newline at end of file
diff --git a/CSS/themes/portainer/portainer-base.css b/CSS/themes/portainer/portainer-base.css
index 70c8e252..daca4f62 100644
--- a/CSS/themes/portainer/portainer-base.css
+++ b/CSS/themes/portainer/portainer-base.css
@@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
 
+@import url("https://dev.theme-park.dev/CSS/defaults/placeholders.css");
+
 /* Scrollbar */
 @media only screen and (min-width: 768px) {
     html {
@@ -434,9 +436,14 @@ fieldset[disabled] .btn-primary:hover {
 
 /* FORM CONTROL */
 
+select:focus, select.form-control:focus {
+    background: #1f1f1f !important;
+}
+
 .form-control {
     background-color: rgba(255, 255, 255, 0.15) !important;
     border: 1px solid transparent;
+    color: var(--text);
 }
 
 .form-control:not([disabled]):not(select),
@@ -453,7 +460,7 @@ output {
 
 .input-group-addon {
     color: var(--button-text);
-    background-color: rgba(255, 255, 255, 0.15);
+    background-color: var(--button-color);
     border: 1px solid transparent;
 }
 
@@ -539,26 +546,6 @@ output {
     color: rgb(var(--accent-color));
 }
 
-/* PLACEHOLDER TEXT */
-::-webkit-input-placeholder {
-    /* Chrome/Opera/Safari */
-    color: #bbb;
-}
-
-::-moz-placeholder {
-    /* Firefox 19+ */
-    color: #bbb;
-}
-
-:-ms-input-placeholder {
-    /* IE 10+ */
-    color: #bbb;
-}
-
-:-moz-placeholder {
-    /* Firefox 18- */
-    color: #bbb;
-}
 
 /* STACKS */
 .CodeMirror {
diff --git a/CSS/themes/unraid/unraid-base.css b/CSS/themes/unraid/unraid-base.css
index 125f3e02..89388e23 100644
--- a/CSS/themes/unraid/unraid-base.css
+++ b/CSS/themes/unraid/unraid-base.css
@@ -452,7 +452,6 @@ li.caMenuItem:hover {
     background-color: rgba(0, 0, 0, 0.45) !important;
 }
 
-.infoButton,
 .supportButton,
 .actionsPopup,
 .supportPopup,
@@ -461,17 +460,30 @@ li.caMenuItem:hover {
 .ca_favouriteRepo {
     color: var(--button-text) !important;
     background: var(--button-color) !important;
+    border-color: var(--button-color) !important;
+}
+
+#templates_content > div > div > div.ca_bottomLine > div.infoButton.ca_appPopup {
+    color: var(--button-text) !important;
+    background: var(--button-color) !important;
+    border-color: var(--button-color) !important;
+}
+.infoButton:hover {
+    background: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+    border-color: var(--button-color-hover) !important;
 }
 
-.infoButton:hover,
 .supportButton:hover,
 .actionsPopup:hover,
 .supportPopup:hover,
 .popupProfile:hover,
 .repoPopup:hover,
-.ca_favouriteRepo:hover{
+.ca_favouriteRepo:hover,
+.donate:hover{
     background: var(--button-color-hover) !important;
     color: var(--button-text-hover) !important;
+    border-color: var(--button-color-hover) !important;
 }
 
 .donate a {
diff --git a/CSS/variables/blackberry-abyss.css b/CSS/variables/blackberry-abyss.css
new file mode 100644
index 00000000..5e806cb7
--- /dev/null
+++ b/CSS/variables/blackberry-abyss.css
@@ -0,0 +1,32 @@
+:root {
+  --main-bg-color: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(211, 18%, 45%, 0.55), hsla(211, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  linear-gradient(to right, hsla(211, 18%, 5%, 1), hsla(211, 18%, 45%, 1), hsla(211, 18%, 5%, 1)) center center/cover no-repeat fixed;
+  
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: hsla(211, 18%, 45%, 1);
+  --button-color-hover: hsla(211, 18%, 45%, 0.55);
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 130, 157, 185;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(130, 157, 185);
+  --link-color-hover: rgb(100, 119, 139);
+  --label-text-color: #fff;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #829db9;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 130, 157, 185;
+}
diff --git a/CSS/variables/blackberry-amethyst.css b/CSS/variables/blackberry-amethyst.css
new file mode 100644
index 00000000..bfb20856
--- /dev/null
+++ b/CSS/variables/blackberry-amethyst.css
@@ -0,0 +1,30 @@
+:root {
+  --main-bg-color: radial-gradient(at top center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55) , hsla(0, 18%, 5%, 0.9)) center center/cover no-repeat fixed, linear-gradient(to bottom, #df89de 0%, hsl(276, 100%, 3%) 100%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: rgb(134, 84, 132);
+  --button-color-hover: rgba(134, 84, 132, .8);
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 217, 164, 217;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(199, 118, 197);
+  --link-color-hover: rgb(217, 164, 217);
+  --label-text-color: #fff;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(134, 84, 132);
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 134, 84, 132;
+}
\ No newline at end of file
diff --git a/CSS/variables/blackberry-carol.css b/CSS/variables/blackberry-carol.css
new file mode 100644
index 00000000..31e6efb3
--- /dev/null
+++ b/CSS/variables/blackberry-carol.css
@@ -0,0 +1,37 @@
+:root {
+  --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"),
+  radial-gradient(at center center, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 120%) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(167, 6, 6, 0.15), hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  radial-gradient(at top center, rgba(11, 80, 25, 0.6), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed,
+  radial-gradient(at bottom right, #0b5019, hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  radial-gradient(at center center, rgba(167, 6, 6, 0.25), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) center center/cover no-repeat fixed, 
+  linear-gradient(45deg, #0b5019 0%, #a70606 135%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: rgb(51, 0, 0);
+  --button-color-hover: rgb(104, 4, 4);
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color:170,170,170;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #aaaaaa;
+  --link-color-hover: #fff;
+  --label-text-color: rgb(32, 32, 32);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(100, 15, 15);
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 100, 15, 15;
+}
\ No newline at end of file
diff --git a/CSS/variables/blackberry-dreamscape.css b/CSS/variables/blackberry-dreamscape.css
new file mode 100644
index 00000000..0ad15b8d
--- /dev/null
+++ b/CSS/variables/blackberry-dreamscape.css
@@ -0,0 +1,33 @@
+:root {
+  --main-bg-color: radial-gradient(at top center, rgba(0, 0, 0, 0), hsla(0, 14%, 18%, 0.2), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed,
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed,
+  linear-gradient(to top, #e2c9cc 1%, #e7627d 46%, #b8235a 59%, #801357 71%, #3d1635 84%, #1c1a27 100%) center center/cover no-repeat fixed;
+
+  
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #3d1635;
+  --button-color-hover: #801357;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 231, 98, 125;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(230, 125, 146);
+  --link-color-hover: #e2c9cc;
+  --label-text-color: #fff;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #e7627d;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 231, 98, 125;
+}
diff --git a/CSS/variables/blackberry-flamingo.css b/CSS/variables/blackberry-flamingo.css
new file mode 100644
index 00000000..4ddeb117
--- /dev/null
+++ b/CSS/variables/blackberry-flamingo.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.65), hsla(0, 18%, 5%, 0.95)) center center/cover no-repeat fixed, 
+  linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #fad0c4;
+  --button-color-hover: #ff9a9e;
+  --button-text: hsla(0, 18%, 5%, 0.95);
+  --button-text-hover: hsla(0, 18%, 5%, 0.95);
+
+  --accent-color: 250, 208, 196;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #fad0c4;
+  --link-color-hover: #e2c9cc;
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #ff9a9e;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 255, 154, 158;
+}
diff --git a/CSS/variables/blackberry-hearth.css b/CSS/variables/blackberry-hearth.css
new file mode 100644
index 00000000..979626f8
--- /dev/null
+++ b/CSS/variables/blackberry-hearth.css
@@ -0,0 +1,32 @@
+:root {
+  --main-bg-color: radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(0, 14%, 18%, 0.55), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed,
+   linear-gradient(to bottom, hsl(0, 18%, 5%), hsl(0, 65%, 23%), hsl(0, 100%, 9%)) center center/cover no-repeat fixed;
+
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: rgb(236, 106, 106);
+  --button-color-hover: hsl(0, 65%, 23%);
+  --button-text: hsla(0, 18%, 5%, 0.95);
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 236, 106, 106;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #fad0c4;
+  --link-color-hover: #e2c9cc;
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #ff9a9e;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 255, 154, 158;
+}
diff --git a/CSS/variables/blackberry-martian.css b/CSS/variables/blackberry-martian.css
new file mode 100644
index 00000000..f6fcaa10
--- /dev/null
+++ b/CSS/variables/blackberry-martian.css
@@ -0,0 +1,32 @@
+:root {
+  --main-bg-color: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45)) center center/cover no-repeat fixed,
+   radial-gradient(at right center, rgba(0, 0, 0, 0.3) 10%, hsla(0, 14%, 18%, 0.6), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed,
+    linear-gradient(to right, #43e97b 0%, #043815 100%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #2e5135;
+  --button-color-hover: #043815;
+  --button-text: #eee;
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 67, 233, 123;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #43e97b;
+  --link-color-hover: #2e5135;
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #43e97b;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 67, 233, 123;
+}
diff --git a/CSS/variables/blackberry-pumpkin.css b/CSS/variables/blackberry-pumpkin.css
new file mode 100644
index 00000000..0ba03cc3
--- /dev/null
+++ b/CSS/variables/blackberry-pumpkin.css
@@ -0,0 +1,33 @@
+:root {
+  --main-bg-color: linear-gradient(135deg, transparent 40%, rgba(20, 9, 27, 0.5)) center center/cover no-repeat fixed,
+   radial-gradient(at center center, rgba(243, 217, 217, 0.25), hsla(0, 14%, 18%, 0.55), rgba(14, 0, 19, 0.7)) center center/cover no-repeat fixed,
+   radial-gradient(at bottom center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55), rgb(10, 4, 12)) center center/cover no-repeat fixed,
+    radial-gradient(at center center, #ff8a00 50%, #37033a 100%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #924e00;
+  --button-color-hover: #723d00;
+  --button-text: #eee;
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 255, 138, 0;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #ff8a00;
+  --link-color-hover: #bd6500;
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #ff8a00;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 255, 138, 0;
+}
diff --git a/CSS/variables/blackberry-royal.css b/CSS/variables/blackberry-royal.css
new file mode 100644
index 00000000..4bb56762
--- /dev/null
+++ b/CSS/variables/blackberry-royal.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%) center center/cover no-repeat fixed,
+   radial-gradient(at top center, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.40) 120%) #000000 center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: rgb(185, 170, 159);
+  --button-color-hover: rgb(184, 159, 141);
+  --button-text: hsla(0, 18%, 5%, 0.95);;
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 185, 170, 159;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(185, 170, 159);
+  --link-color-hover: rgb(184, 159, 141);
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(185, 170, 159);
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4:  185, 170, 159;
+}
diff --git a/CSS/variables/blackberry-shadow.css b/CSS/variables/blackberry-shadow.css
new file mode 100644
index 00000000..f8e59fbf
--- /dev/null
+++ b/CSS/variables/blackberry-shadow.css
@@ -0,0 +1,30 @@
+:root {
+  --main-bg-color: linear-gradient(135deg, #252b2f, #090c0e) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #252b2f;
+  --button-color-hover: #090c0e;
+  --button-text: #eee;
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 81, 101, 114;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(96, 128, 150);
+  --link-color-hover: rgb(81, 101, 114, .8);
+  --label-text-color: #eee;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(81, 101, 114);
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4:  81, 101, 114;
+}
diff --git a/CSS/variables/blackberry-solar.css b/CSS/variables/blackberry-solar.css
new file mode 100644
index 00000000..429071cc
--- /dev/null
+++ b/CSS/variables/blackberry-solar.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: radial-gradient(at top left, rgba(0, 0, 0, 0.31), hsla(0, 14%, 18%, 0.9), hsla(0, 18%, 5%, 1)) center center/cover no-repeat fixed,
+   linear-gradient(120deg, #f6d365 0%, #a25a25 100%)  center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #f6d365;
+  --button-color-hover: #a25a25;
+  --button-text: hsla(0, 18%, 5%, 0.95);
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 246, 211, 101;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(246, 211, 101);
+  --link-color-hover: rgb(246, 211, 101, .8);
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(246, 211, 101);
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4:  246, 211, 101;
+}
diff --git a/CSS/variables/blackberry-vanta.css b/CSS/variables/blackberry-vanta.css
new file mode 100644
index 00000000..45a001fc
--- /dev/null
+++ b/CSS/variables/blackberry-vanta.css
@@ -0,0 +1,30 @@
+:root {
+  --main-bg-color: #000;
+
+  --modal-bg-color: #181818;
+  --modal-header-color: #181818;
+  --modal-footer-color: #181818;
+
+  --drop-down-menu-bg: #2d2d2d;
+
+  --button-color: #7a7a7a;
+  --button-color-hover: #9b9b9b;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 170, 170, 170;
+  --accent-color-hover: rgba(255, 255, 255, 0.45);
+  --link-color: #7a7a7a;
+  --link-color-hover: #fff;
+  --label-text-color: black;
+    
+  --text:#a5a5a5;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --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;
+}
diff --git a/README.md b/README.md
index bddb2bc4..996fd91a 100644
--- a/README.md
+++ b/README.md
@@ -97,8 +97,8 @@
 <p><a href="https://docs.theme-park.dev/themes/organizr">Organizr</a></p>
 </td>
 <td style="width: 140px; height: 26px; text-align: center;">
-<p><a href="https://docs.theme-park.dev/themes/synclounge"><img src="https://docs.theme-park.dev/site_assets/synclounge/logo.png" alt="" width="48" height="48" /></a></p>
-<p><a href="https://docs.theme-park.dev/themes/synclounge">Synclounge</a></p>
+<p><a href="https://docs.theme-park.dev/themes/overseerr"><img src="https://docs.theme-park.dev/site_assets/overseerr/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/overseerr">Overseerr</a></p>
 </td>
 <td style="width: 109px; height: 26px; text-align: center;">
 <p><a href="https://docs.theme-park.dev/themes/deluge"><img src="https://docs.theme-park.dev/site_assets/deluge/logo.png" alt="" width="48" height="48" /></a></p>
@@ -136,7 +136,7 @@
 </td>
 </tr>
 <tr style="height: 56px;">
-<td>
+<td style="width: 136px; height: 56px; text-align: center;">
 <p><a href="https://docs.theme-park.dev/themes/netdata"><img src="https://docs.theme-park.dev/site_assets/netdata/logo.png" alt="" width="48" height="48" /></a></p>
 <p><a href="https://docs.theme-park.dev/themes/netdata">Netdata</a></p>
 </td>
@@ -197,7 +197,7 @@
 <p><a href="https://docs.theme-park.dev/themes/mylar3">Mylar 3</a></p>
 </td>
 </tr>
-<tr>
+<tr style="height: 40px; text-align: center;">
 <td style="width: 90px; height: 40px; text-align: center;">
 <p><a href="https://docs.theme-park.dev/themes/bitwarden"><img src="https://docs.theme-park.dev/site_assets/bitwarden/logo.png" alt="" width="48" height="48" /></a></p>
 <p><a href="https://docs.theme-park.dev/themes/bitwarden">Bitwarden</a></p>
@@ -227,7 +227,7 @@
 <p><a href="https://docs.theme-park.dev/themes/moviematch">Moviematch</a></p>
 </td>
 </tr>
-<tr>
+<tr style="height: 40px; text-align: center;">
 <td style="width: 90px; height: 40px; text-align: center;">
 <p><a href="https://docs.theme-park.dev/themes/petio"><img src="https://docs.theme-park.dev/site_assets/petio/logo.png" alt="" width="48" height="48" /></a></p>
 <p><a href="https://docs.theme-park.dev/themes/petio">Petio</a></p>
@@ -249,16 +249,16 @@
 <p><a href="https://docs.theme-park.dev/themes/duplicati">Duplicati</a></p>
 </td>
 <td style="width: 160px; height: 40px; text-align: center;">
-<p><a href="https://docs.theme-park.dev/themes/plpp"><img src="https://docs.theme-park.dev/site_assets/plpp/logo.png" alt="" width="48" height="48" /></a></p>
-<p><a href="https://docs.theme-park.dev/themes/plpp">PLPP (Deprecated)</a></p>
+<p><a href="https://docs.theme-park.dev/themes/synclounge"><img src="https://docs.theme-park.dev/site_assets/synclounge/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/synclounge">Synclounge</a></p>
 </td>
 <td style="width: 90px; height: 40px; text-align: center;">
 <p><a href="https://docs.theme-park.dev/themes/thelounge"><img src="https://docs.theme-park.dev/site_assets/thelounge/logo.png" alt="" width="48" height="48" /></a></p>
 <p><a href="https://docs.theme-park.dev/themes/thelounge">The Lounge (Deprecated)</a></p>
 </td>
 </tr>
-<tr>
-<td>
+<tr style="height: 40px; text-align: center;">
+<td style="width: 110px; height: 73px; text-align: center;">
 <p><a href="https://docs.theme-park.dev/themes/grafana"><img src="https://docs.theme-park.dev/site_assets/grafana/logo.png" alt="" width="48" height="48" /></a></p>
 <p><a href="https://docs.theme-park.dev/themes/grafana">Grafana (Deprecated)</a></p>
 </td>
@@ -275,6 +275,9 @@
 <p><a href="https://docs.theme-park.dev/themes/logarr">Logarr (Deprecated)</a></p>
 </td>
 <td style="width: 110px; height: 56px; text-align: center;">
+<p><a href="https://docs.theme-park.dev/themes/plpp"><img src="https://docs.theme-park.dev/site_assets/plpp/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/plpp">PLPP (Deprecated)</a></p>
+</td>
 <td style="width: 110px; height: 56px; text-align: center;">
 <td style="width: 110px; height: 56px; text-align: center;">
 </tr>