From 2c95d0fa5b2395ad1a082eee1b30512a8165dc65 Mon Sep 17 00:00:00 2001
From: Marius <24592972+gilbN@users.noreply.github.com>
Date: Sun, 4 Jul 2021 19:26:08 +0200
Subject: [PATCH] standardizing theme variables

---
 CSS/variables/aquamarine.css    | 19 +++++++++++++++++++
 CSS/variables/dark.css          | 19 +++++++++++++++++++
 CSS/variables/dracula.css       | 19 +++++++++++++++++++
 CSS/variables/hotline.css       | 19 +++++++++++++++++++
 CSS/variables/organizr-dark.css | 19 +++++++++++++++++++
 CSS/variables/plex.css          | 19 +++++++++++++++++++
 CSS/variables/space-gray.css    | 19 +++++++++++++++++++
 7 files changed, 133 insertions(+)
 create mode 100644 CSS/variables/aquamarine.css
 create mode 100644 CSS/variables/dark.css
 create mode 100644 CSS/variables/dracula.css
 create mode 100644 CSS/variables/hotline.css
 create mode 100644 CSS/variables/organizr-dark.css
 create mode 100644 CSS/variables/plex.css
 create mode 100644 CSS/variables/space-gray.css

diff --git a/CSS/variables/aquamarine.css b/CSS/variables/aquamarine.css
new file mode 100644
index 00000000..92feea74
--- /dev/null
+++ b/CSS/variables/aquamarine.css
@@ -0,0 +1,19 @@
+:root {
+  --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+
+  --button-color: #009688;
+  --button-color-hover: #12afa0;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color:  0, 150, 136;
+  --accent-color-hover: #12afa0;
+  --link-color: #0ed2bf;
+  --link-color-hover: #fff;
+  --label-text-color: #fff;
+
+  --text:#eee;
+  --text-hover: #fff;
+  --text-muted: #bbb;
+}
\ No newline at end of file
diff --git a/CSS/variables/dark.css b/CSS/variables/dark.css
new file mode 100644
index 00000000..f06aea3c
--- /dev/null
+++ b/CSS/variables/dark.css
@@ -0,0 +1,19 @@
+:root {
+  --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
+  --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-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 100, 100, 100;
+  --accent-color-hover: rgba(255, 255, 255, 0.45);
+  --link-color: #ddd;
+  --link-color-hover: #fff;
+  --label-text-color: #fff;
+    
+  --text:#eee;
+  --text-hover: #fff;
+  --text-muted: #999;
+}
\ No newline at end of file
diff --git a/CSS/variables/dracula.css b/CSS/variables/dracula.css
new file mode 100644
index 00000000..5a831242
--- /dev/null
+++ b/CSS/variables/dracula.css
@@ -0,0 +1,19 @@
+: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;
+  --link-color: #ff79c6;
+  --link-color-hover: #8be9fd;
+  --label-text-color: #282a36;
+    
+  --text:#6272a4;
+  --text-hover: #95adfa;
+  --text-muted: #999;
+  }
\ No newline at end of file
diff --git a/CSS/variables/hotline.css b/CSS/variables/hotline.css
new file mode 100644
index 00000000..c8b33547
--- /dev/null
+++ b/CSS/variables/hotline.css
@@ -0,0 +1,19 @@
+: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;
+
+  --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: #0b3161;
+  --link-color: #ddd;
+  --link-color-hover: #fff;
+  --label-text-color: #fff;
+    
+  --text:#eee;
+  --text-hover: #fff;
+  --text-muted: #bbb;
+}
\ No newline at end of file
diff --git a/CSS/variables/organizr-dark.css b/CSS/variables/organizr-dark.css
new file mode 100644
index 00000000..6d57bdf3
--- /dev/null
+++ b/CSS/variables/organizr-dark.css
@@ -0,0 +1,19 @@
+:root {
+  --main-bg-color: #1f1f1f;
+  --modal-bg-color: #1b1b1b;
+
+  --button-color: #2cabe3;
+  --button-color-hover: rgb(44 171 227 / .8);
+  --button-text: #eee;
+  --button-text-hover: #fff;
+
+  --accent-color:  44, 171, 227;
+  --accent-color-hover: white;
+  --link-color: #2cabe3;
+  --link-color-hover: #3cc5ff;
+  --label-text-color: #fff;
+    
+  --text:#96a2b4;
+  --text-hover: #fff;
+  --text-muted: #999;
+}
\ No newline at end of file
diff --git a/CSS/variables/plex.css b/CSS/variables/plex.css
new file mode 100644
index 00000000..2f5ae97c
--- /dev/null
+++ b/CSS/variables/plex.css
@@ -0,0 +1,19 @@
+:root {
+  --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
+  --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
+
+  --button-color: #cc7b19;
+  --button-color-hover: #e59029;
+  --button-text: #eee;
+  --button-text-hover: #fff;
+
+  --accent-color:  229, 160, 13;
+  --accent-color-hover: #ffc107;
+  --link-color: #e5a00d;
+  --link-color-hover: #fff;
+  --label-text-color: #fff;
+    
+  --text:#eee;
+  --text-hover: #fff;
+  --text-muted: #bbb;
+}
\ No newline at end of file
diff --git a/CSS/variables/space-gray.css b/CSS/variables/space-gray.css
new file mode 100644
index 00000000..7b7f7dc5
--- /dev/null
+++ b/CSS/variables/space-gray.css
@@ -0,0 +1,19 @@
+:root {
+  --main-bg-color: radial-gradient(ellipse at center, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --modal-bg-color: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+
+  --button-color: #607D8B;
+  --button-color-hover: #81a6b7;
+  --button-text: #eee;
+  --button-text-hover: #fff;
+
+  --accent-color: 129, 166, 183;
+  --accent-color-hover: #81a6b7;
+  --link-color: #81a6b7;
+  --link-color-hover: #9adfff;
+  --label-text-color: #fff;
+
+  --text: #eee;
+  --text-hover: #fff;
+  --text-muted: #bbb;
+}
\ No newline at end of file