diff --git a/CSS/themes/overseerr/overseerr-base.css b/CSS/themes/overseerr/overseerr-base.css
new file mode 100644
index 00000000..74adea99
--- /dev/null
+++ b/CSS/themes/overseerr/overseerr-base.css
@@ -0,0 +1,442 @@
+/* TEXT */
+[class*="text-gray-"] {
+    color: var(--text);
+}
+
+[class*="text-indigo-"]:not(.text-indigo-100) {
+    color: rgb(var(--accent-color))
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.tagline,
+.media-crew>li>span {
+    color: var(--text-hover) !important;
+}
+
+p {
+    color: var(--text) !important;
+}
+
+.media-fact-value a,
+.media-fact-value button,
+a.crew-name,
+.prose a {
+    color: var(--link-color);
+}
+
+.media-fact-value a:hover,
+.media-fact-value button:hover,
+a.crew-name:hover,
+.prose 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: 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: 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);
+}
+
+.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.2;
+    background-color: rgb(var(--accent-color), var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-700:hover {
+    --tw-bg-opacity: .3;
+    background-color: rgb(var(--accent-color), var(--tw-bg-opacity));
+}
+
+/* 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 {
+    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;
+}
+
+.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;
+}
+
+/* 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;
+}
+
+.media-page {
+    padding-top: calc(9rem + env(safe-area-inset-top));
+}
+
+#__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 {
+    --tw-bg-opacity: 0.4;
+    background-color: rgb(var(--accent-color), var(--tw-bg-opacity));
+}
+
+#__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;
+}
+
+/* PERSON */
+/* #__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div {
+    margin-bottom: 5rem;
+} */
+
+#__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 */
+
+#__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));
+}
+
+
+/* TABLE */
+
+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 {
+    background: rgb(0 0 0 / 25%) !important;
+}
+
+
+/* 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 {
+    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 {
+    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 {
+    background: transparent !important;
+}
\ No newline at end of file