1
0
mirror of https://github.com/gilbN/theme.park.git synced 2024-09-11 19:32:24 +02:00

added blackberry community themes options

This commit is contained in:
GilbN 2021-10-24 00:37:53 +02:00
parent 158591b16b
commit 8d48164b06
12 changed files with 375 additions and 0 deletions

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}