diff --git a/CSS/variables/blackberry-abyss.css b/CSS/variables/blackberry-abyss.css
new file mode 100644
index 00000000..5e806cb7
--- /dev/null
+++ b/CSS/variables/blackberry-abyss.css
@@ -0,0 +1,32 @@
+:root {
+  --main-bg-color: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(211, 18%, 45%, 0.55), hsla(211, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  linear-gradient(to right, hsla(211, 18%, 5%, 1), hsla(211, 18%, 45%, 1), hsla(211, 18%, 5%, 1)) center center/cover no-repeat fixed;
+  
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: hsla(211, 18%, 45%, 1);
+  --button-color-hover: hsla(211, 18%, 45%, 0.55);
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 130, 157, 185;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(130, 157, 185);
+  --link-color-hover: rgb(100, 119, 139);
+  --label-text-color: #fff;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #829db9;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 130, 157, 185;
+}
diff --git a/CSS/variables/blackberry-amethyst.css b/CSS/variables/blackberry-amethyst.css
new file mode 100644
index 00000000..bfb20856
--- /dev/null
+++ b/CSS/variables/blackberry-amethyst.css
@@ -0,0 +1,30 @@
+:root {
+  --main-bg-color: radial-gradient(at top center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55) , hsla(0, 18%, 5%, 0.9)) center center/cover no-repeat fixed, linear-gradient(to bottom, #df89de 0%, hsl(276, 100%, 3%) 100%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: rgb(134, 84, 132);
+  --button-color-hover: rgba(134, 84, 132, .8);
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 217, 164, 217;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(199, 118, 197);
+  --link-color-hover: rgb(217, 164, 217);
+  --label-text-color: #fff;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(134, 84, 132);
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 134, 84, 132;
+}
\ No newline at end of file
diff --git a/CSS/variables/blackberry-carol.css b/CSS/variables/blackberry-carol.css
new file mode 100644
index 00000000..4316b89e
--- /dev/null
+++ b/CSS/variables/blackberry-carol.css
@@ -0,0 +1,30 @@
+:root {
+  --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"),radial-gradient(at center center, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 120%), radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, radial-gradient(at bottom center, rgba(167, 6, 6, 0.15), hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, radial-gradient(at top center, rgba(11, 80, 25, 0.6), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, radial-gradient(at bottom right, #0b5019, hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, radial-gradient(at center center, rgba(167, 6, 6, 0.25), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) center center/cover no-repeat fixed, linear-gradient(45deg, #0b5019 0%, #a70606 135%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: rgba(167, 6, 6, 0.15);
+  --button-color-hover: rgba(167, 6, 6, 0.35);
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color:170,170,170;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #aaaaaa;
+  --link-color-hover: #fff;
+  --label-text-color: rgb(32, 32, 32);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(100, 15, 15);
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 100, 15, 15;
+}
\ No newline at end of file
diff --git a/CSS/variables/blackberry-dreamscape.css b/CSS/variables/blackberry-dreamscape.css
new file mode 100644
index 00000000..bedfa52e
--- /dev/null
+++ b/CSS/variables/blackberry-dreamscape.css
@@ -0,0 +1,33 @@
+:root {
+  --main-bg-color: radial-gradient(at top center, rgba(0, 0, 0, 0), hsla(0, 14%, 18%, 0.2), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed,
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed,
+  linear-gradient(to top, #e2c9cc 1%, #e7627d 46%, #b8235a 59%, #801357 71%, #3d1635 84%, #1c1a27 100%) center center/cover no-repeat fixed;
+
+  
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #3d1635;
+  --button-color-hover: #801357;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 231, 98, 125;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(230, 125, 146);
+  --link-color-hover: #e2c9cc;
+  --label-text-color: #fff;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #3d1635;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 231, 98, 125;
+}
diff --git a/CSS/variables/blackberry-flamingo.css b/CSS/variables/blackberry-flamingo.css
new file mode 100644
index 00000000..4ddeb117
--- /dev/null
+++ b/CSS/variables/blackberry-flamingo.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.65), hsla(0, 18%, 5%, 0.95)) center center/cover no-repeat fixed, 
+  linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #fad0c4;
+  --button-color-hover: #ff9a9e;
+  --button-text: hsla(0, 18%, 5%, 0.95);
+  --button-text-hover: hsla(0, 18%, 5%, 0.95);
+
+  --accent-color: 250, 208, 196;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #fad0c4;
+  --link-color-hover: #e2c9cc;
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #ff9a9e;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 255, 154, 158;
+}
diff --git a/CSS/variables/blackberry-hearth.css b/CSS/variables/blackberry-hearth.css
new file mode 100644
index 00000000..979626f8
--- /dev/null
+++ b/CSS/variables/blackberry-hearth.css
@@ -0,0 +1,32 @@
+:root {
+  --main-bg-color: radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(0, 14%, 18%, 0.55), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed,
+   linear-gradient(to bottom, hsl(0, 18%, 5%), hsl(0, 65%, 23%), hsl(0, 100%, 9%)) center center/cover no-repeat fixed;
+
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: rgb(236, 106, 106);
+  --button-color-hover: hsl(0, 65%, 23%);
+  --button-text: hsla(0, 18%, 5%, 0.95);
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 236, 106, 106;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #fad0c4;
+  --link-color-hover: #e2c9cc;
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #ff9a9e;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 255, 154, 158;
+}
diff --git a/CSS/variables/blackberry-martian.css b/CSS/variables/blackberry-martian.css
new file mode 100644
index 00000000..f6fcaa10
--- /dev/null
+++ b/CSS/variables/blackberry-martian.css
@@ -0,0 +1,32 @@
+:root {
+  --main-bg-color: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45)) center center/cover no-repeat fixed,
+   radial-gradient(at right center, rgba(0, 0, 0, 0.3) 10%, hsla(0, 14%, 18%, 0.6), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed,
+    linear-gradient(to right, #43e97b 0%, #043815 100%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #2e5135;
+  --button-color-hover: #043815;
+  --button-text: #eee;
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 67, 233, 123;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #43e97b;
+  --link-color-hover: #2e5135;
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #43e97b;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 67, 233, 123;
+}
diff --git a/CSS/variables/blackberry-pumpkin.css b/CSS/variables/blackberry-pumpkin.css
new file mode 100644
index 00000000..0ba03cc3
--- /dev/null
+++ b/CSS/variables/blackberry-pumpkin.css
@@ -0,0 +1,33 @@
+:root {
+  --main-bg-color: linear-gradient(135deg, transparent 40%, rgba(20, 9, 27, 0.5)) center center/cover no-repeat fixed,
+   radial-gradient(at center center, rgba(243, 217, 217, 0.25), hsla(0, 14%, 18%, 0.55), rgba(14, 0, 19, 0.7)) center center/cover no-repeat fixed,
+   radial-gradient(at bottom center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55), rgb(10, 4, 12)) center center/cover no-repeat fixed,
+    radial-gradient(at center center, #ff8a00 50%, #37033a 100%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #924e00;
+  --button-color-hover: #723d00;
+  --button-text: #eee;
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 255, 138, 0;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #ff8a00;
+  --link-color-hover: #bd6500;
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #ff8a00;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 255, 138, 0;
+}
diff --git a/CSS/variables/blackberry-royal.css b/CSS/variables/blackberry-royal.css
new file mode 100644
index 00000000..4bb56762
--- /dev/null
+++ b/CSS/variables/blackberry-royal.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%) center center/cover no-repeat fixed,
+   radial-gradient(at top center, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.40) 120%) #000000 center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: rgb(185, 170, 159);
+  --button-color-hover: rgb(184, 159, 141);
+  --button-text: hsla(0, 18%, 5%, 0.95);;
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 185, 170, 159;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(185, 170, 159);
+  --link-color-hover: rgb(184, 159, 141);
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(185, 170, 159);
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4:  185, 170, 159;
+}
diff --git a/CSS/variables/blackberry-shadow.css b/CSS/variables/blackberry-shadow.css
new file mode 100644
index 00000000..f8e59fbf
--- /dev/null
+++ b/CSS/variables/blackberry-shadow.css
@@ -0,0 +1,30 @@
+:root {
+  --main-bg-color: linear-gradient(135deg, #252b2f, #090c0e) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #252b2f;
+  --button-color-hover: #090c0e;
+  --button-text: #eee;
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 81, 101, 114;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(96, 128, 150);
+  --link-color-hover: rgb(81, 101, 114, .8);
+  --label-text-color: #eee;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(81, 101, 114);
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4:  81, 101, 114;
+}
diff --git a/CSS/variables/blackberry-solar.css b/CSS/variables/blackberry-solar.css
new file mode 100644
index 00000000..429071cc
--- /dev/null
+++ b/CSS/variables/blackberry-solar.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: radial-gradient(at top left, rgba(0, 0, 0, 0.31), hsla(0, 14%, 18%, 0.9), hsla(0, 18%, 5%, 1)) center center/cover no-repeat fixed,
+   linear-gradient(120deg, #f6d365 0%, #a25a25 100%)  center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #f6d365;
+  --button-color-hover: #a25a25;
+  --button-text: hsla(0, 18%, 5%, 0.95);
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 246, 211, 101;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(246, 211, 101);
+  --link-color-hover: rgb(246, 211, 101, .8);
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(246, 211, 101);
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4:  246, 211, 101;
+}
diff --git a/CSS/variables/blackberry-vanta.css b/CSS/variables/blackberry-vanta.css
new file mode 100644
index 00000000..45a001fc
--- /dev/null
+++ b/CSS/variables/blackberry-vanta.css
@@ -0,0 +1,30 @@
+:root {
+  --main-bg-color: #000;
+
+  --modal-bg-color: #181818;
+  --modal-header-color: #181818;
+  --modal-footer-color: #181818;
+
+  --drop-down-menu-bg: #2d2d2d;
+
+  --button-color: #7a7a7a;
+  --button-color-hover: #9b9b9b;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 170, 170, 170;
+  --accent-color-hover: rgba(255, 255, 255, 0.45);
+  --link-color: #7a7a7a;
+  --link-color-hover: #fff;
+  --label-text-color: black;
+    
+  --text:#a5a5a5;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #e5a00d;
+  --petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 255, 255, 255;
+}