GilbN
3 years ago
19 changed files with 443 additions and 17 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -0,0 +1,37 @@ |
|||
: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%) 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, |
|||
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: rgb(51, 0, 0); |
|||
--button-color-hover: rgb(104, 4, 4); |
|||
--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; |
|||
} |
@ -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: #e7627d; |
|||
--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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
Loading…
Reference in new issue