petio 🧛 theme

CSS/themes/petio/aquamarine.css

@@ -25,5 +25,6 @@
   --accent-color:  18, 175, 160;
   --accent-color-hover: #fff;
   --link-color: #0ed2bf;
+  --link-color-hover: #fff;
   --spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
 }

CSS/themes/petio/dark.css

@@ -25,5 +25,6 @@
   --accent-color: 100, 100, 100;
   --accent-color-hover: #ffffff73;
   --link-color: #fff;
+  --link-color-hover: #fff;
   --spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
 }

CSS/themes/petio/dracula.css

@@ -0,0 +1,30 @@
+
+/*    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			 */
+
+/* PETIO DRACULA THEME */
+@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css);
+:root {
+  --main-bg-color: #282a36;
+  --modal-bg-color: #282a36;
+  --text-color:#6272a4;
+  --text-color-hover: #95adfa;
+  --button-color: #bd93f9;
+  --button-color-hover: #ff79c6;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+  --accent-color: 80, 250, 123;
+  --accent-color-hover: #8be9fd;
+  --link-color: #ff79c6;
+  --link-color-hover: #8be9fd;
+  --spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+}

CSS/themes/petio/hotline.css

@@ -25,5 +25,6 @@
   --accent-color: 244, 67, 54;
   --accent-color-hover: #0b3161;
   --link-color: #0b3161;
+  --link-color-hover: #fff;
   --spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
 }

CSS/themes/petio/organizr-dark.css

@@ -25,5 +25,6 @@
   --accent-color: 44, 171, 227;
   --accent-color-hover: #fff;
   --link-color: #2cabe3;
+  --link-color-hover: #fff;
   --spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
 }

CSS/themes/petio/petio-base.css

@@ -129,6 +129,17 @@ p a,
     color: var(--link-color);
 }
 
+a:hover,
+.table-action:hover,
+.session--toggle:hover,
+p a:hover,
+.profile-page .logout:hover,
+.person--bio--read-more:hover,
+.filter--item--collapse:hover,
+.filter--comparison:hover {
+    color: var(--link-color-hover);
+}
+
 /* OTHER */
 .widget--item hr {
     background: rgb(255 255 255 / 50%);

CSS/themes/petio/plex.css

@@ -24,5 +24,6 @@
   --accent-color: 229, 160, 13;
   --accent-color-hover: #ffc107;
   --link-color: #e5a00d;
+  --link-color-hover: #fff;
   --spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
 }

CSS/themes/petio/space-gray.css

@@ -25,5 +25,6 @@
   --accent-color: 129, 166, 183;
   --accent-color-hover: #607D8B;
   --link-color: #9adfff;
+  --link-color-hover: #fff;
   --spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
 }