From ca39c590a7522e1c4a0bb65409e6afb7937acc4c Mon Sep 17 00:00:00 2001
From: gilbn <gilberg@gmail.com>
Date: Mon, 16 Aug 2021 23:06:28 +0200
Subject: [PATCH] Hotline is dead, long live Hotline!

---
 CSS/variables/dark.css        |  2 +-
 CSS/variables/hotline-old.css | 30 ++++++++++++++++++++++++++++++
 CSS/variables/hotline.css     | 30 +++++++++++++++---------------
 3 files changed, 46 insertions(+), 16 deletions(-)
 create mode 100644 CSS/variables/hotline-old.css

diff --git a/CSS/variables/dark.css b/CSS/variables/dark.css
index d29f426a0a..d3ecc7ac6b 100644
--- a/CSS/variables/dark.css
+++ b/CSS/variables/dark.css
@@ -14,7 +14,7 @@
 
   --accent-color: 170, 170, 170;
   --accent-color-hover: rgba(255, 255, 255, 0.45);
-  --link-color: #ddd;
+  --link-color: #7a7a7a;
   --link-color-hover: #fff;
   --label-text-color: black;
     
diff --git a/CSS/variables/hotline-old.css b/CSS/variables/hotline-old.css
new file mode 100644
index 0000000000..2fb98d4a71
--- /dev/null
+++ b/CSS/variables/hotline-old.css
@@ -0,0 +1,30 @@
+:root {
+  --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-header-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  
+  --drop-down-menu-bg: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
+
+  --button-color: hsla(0,0%,100%,.15);
+  --button-color-hover: hsla(0,0%,100%,.30);
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+  
+  --accent-color:  244, 67, 54;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #fff;
+  --link-color-hover: #fff;
+  --label-text-color: #fff;
+    
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #FB3122;
+  --petio-spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ 
+  --gitea-color-primary-dark-4: 244, 67, 54;
+}
\ No newline at end of file
diff --git a/CSS/variables/hotline.css b/CSS/variables/hotline.css
index 14ccbaa849..f576a9d6c1 100644
--- a/CSS/variables/hotline.css
+++ b/CSS/variables/hotline.css
@@ -1,21 +1,21 @@
 :root {
-  --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --main-bg-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
 
-  --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
-  --modal-header-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
-  --modal-footer-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
   
-  --drop-down-menu-bg: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --drop-down-menu-bg: linear-gradient(90deg, rgba(247,101,184,1) 0%, rgba(21, 95, 165) 100%) center center/cover no-repeat fixed;
 
-  --button-color: hsla(0,0%,100%,.15);
-  --button-color-hover: hsla(0,0%,100%,.30);
+  --button-color: #f98dc9;
+  --button-color-hover: #ff4cb1;
   --button-text: #eee;
-  --button-text-hover: #FFF;
+  --button-text-hover: #fff;
   
-  --accent-color:  244, 67, 54;
+  --accent-color:  249, 141, 201;
   --accent-color-hover: rgb(var(--accent-color),.8);
-  --link-color: #ddd;
-  --link-color-hover: #fff;
+  --link-color:rgb(255, 179, 222);
+  --link-color-hover: #d7fffe;
   --label-text-color: #fff;
     
   --text:#ddd;
@@ -23,8 +23,8 @@
   --text-muted: #999;
 
   /*Specials*/
-  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
-  --plex-poster-unwatched: #FB3122;
-  --petio-spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ 
-  --gitea-color-primary-dark-4: 244, 67, 54;
+  --arr-queue-color: #f98dc9; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #f765b8;
+  --petio-spinner: invert(78%) sepia(17%) saturate(4447%) hue-rotate(290deg) brightness(109%) contrast(95%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ 
+  --gitea-color-primary-dark-4: 215,255,254;
 }
\ No newline at end of file