ombi base fixes and ombi 🧛

CSS/themes/ombi/dark.css

@@ -18,7 +18,7 @@
   --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
   
   --button-color: hsla(0,0%,100%,.15);
-  --button-color-hover: hsla(0,0%,100%,.30);
+  --button-color-hover: rgb(82, 82, 82);
   --button-text: #eee;
   --button-text-hover: #FFF;
 

CSS/themes/ombi/dracula.css

@@ -0,0 +1,35 @@
+
+/*    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			 */
+
+/* OMBI DRACULA THEME */
+@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css);
+:root {
+  --main-bg-color: #282a36;
+  --modal-bg-color: #282a36;
+
+  --button-color: #bd93f9;
+  --button-color-hover: #ff79c6;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color:  80, 250, 123;
+  --accent-color-hover: #50fa7b;
+  --queue-color: #50fa7b;
+  --link-color: #ff79c6;
+  --link-color-hover: #8be9fd;
+  --label-text-color: #282a36;
+    
+  --text:#6272a4;
+  --text-hover: #95adfa;
+  --text-muted: #999;
+}

CSS/themes/ombi/ombi-base.css

@@ -309,7 +309,7 @@ a:hover {
 }
 
 .btn-ombi:hover {
-    background-color: var(--button-color) !important;
+    background-color: var(--button-color-hover) !important;
     color: var(--button-text-hover) !important;
 
 }
@@ -406,6 +406,11 @@ small.important {
     background: var(--button-color);
 }
 
+.mat-raised-button:not([class*=mat-elevation-z]):not(.mat-raised-button.mat-warn):not(.viewon-btn.plex):hover {
+    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
+    background: var(--button-color-hover) !important;
+}
+
 /* Plex buttons */
 .viewon-btn.plex,
 .viewon-btn.emby,
@@ -546,6 +551,7 @@ tr.mat-header-row {
 
 #info-wrapper .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
     background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
 }
 
 hr {