diff --git a/CSS/themes/plex/overseer.css b/CSS/themes/plex/overseer.css
new file mode 100644
index 00000000..dc2f5904
--- /dev/null
+++ b/CSS/themes/plex/overseer.css
@@ -0,0 +1,96 @@
+/*    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 THEME */
+@import url(https://theme-park.dev/CSS/themes/plex/plex-base.css);
+@import url(https://theme-park.dev/CSS/variables/overseer.css);
+
+/* APP VARS*/
+:root {
+  --poster-unwatched: #6366f1;
+  --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/variables/overseer.css b/CSS/variables/overseer.css
new file mode 100644
index 00000000..6c4725c5
--- /dev/null
+++ b/CSS/variables/overseer.css
@@ -0,0 +1,24 @@
+:root {
+  --main-bg-color:  linear-gradient(to bottom, #1f2937,#111827);
+
+  --modal-bg-color: #374151; 
+  --modal-footer-color: #374151;
+  --modal-header-color: #374151;
+
+  --drop-down-menu-bg: #374151;
+
+  --button-color: #4f46e5;
+  --button-color-hover: #6366f1;
+  --button-text: #eee;
+  --button-text-hover: #fff;
+
+  --accent-color: 167, 139, 250;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #a78bfa;
+  --link-color-hover: #fff;
+  --label-text-color: #111827;
+
+  --text: #d1d5db;
+  --text-hover: #fff;
+  --text-muted: #9ca3af;
+}
\ No newline at end of file