topaLE
/
theme.park
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

added Requestrr themes

pull/46/head
gilbn 6 years ago
parent
45e603cdb5
commit
895e6cdeef
12 changed files with 394 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 24
      CSS/themes/requestrr/aquamarine.css
  2. 24
      CSS/themes/requestrr/dark.css
  3. 24
      CSS/themes/requestrr/hotline.css
  4. 24
      CSS/themes/requestrr/plex.css
  5. 274
      CSS/themes/requestrr/requestrr-base.css
  6. 24
      CSS/themes/requestrr/space-gray.css
  7. BIN
      Resources/requestrr/requestrr_white.png
  8. BIN
      Screenshots/requestrr/aquamarine.png
  9. BIN
      Screenshots/requestrr/dark.png
  10. BIN
      Screenshots/requestrr/hotline.png
  11. BIN
      Screenshots/requestrr/plex.png
  12. BIN
      Screenshots/requestrr/space-gray.png

24
CSS/themes/requestrr/aquamarine.css
View File

@ -0,0 +1,24 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* REQUESTRR AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/requestrr/requestrr-base.css);
: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;
--accent-color: #009688;
--text-color: #eee;
--text-color-faded: #ddd;
}

24
CSS/themes/requestrr/dark.css
View File

@ -0,0 +1,24 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* REQUESTRR DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/requestrr/requestrr-base.css);
: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);
--accent-color: rgba(255, 255, 255, 0.25);
--text-color: #eee;
--text-color-faded: #ddd;
}

24
CSS/themes/requestrr/hotline.css
View File

@ -0,0 +1,24 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* REQUESTRR HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/requestrr/requestrr-base.css);
: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);
--accent-color: #F44336;
--text-color: #eee;
--text-color-faded: #ddd;
}

24
CSS/themes/requestrr/plex.css
View File

@ -0,0 +1,24 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* REQUESTRR PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/requestrr/requestrr-base.css);
: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;
--accent-color: #e5a00d;
--text-color: #eee;
--text-color-faded: #ddd;
}

274
CSS/themes/requestrr/requestrr-base.css
View File

@ -0,0 +1,274 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
body {
color: var(--text-color);
background: var(--main-bg-color);
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: var(--text-color);
}
.text-muted, .form-control-label {
color: var(--text-color-faded) !important;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
color: white;
}
.navbar-light .navbar-nav .nav-link {
color: var(--text-color);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: var(--text-color-faded);
background: rgba(255, 255, 255, 0.08);
}
@media (min-width: 768px) {
.navbar-vertical.navbar-expand-md.fixed-left {
left: 0;
border-width: 0 1px 0 0;
background: rgba(0, 0, 0, 0.25) !important;
}
}
@media (max-width: 767.98px) {
.navbar-collapse.collapsing, .navbar-collapse.show {
background: var(--modal-bg-color);
box-shadow: 0 50px 100px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0,0,0,.1);
}
}
@media (max-width: 767.98px) {
.navbar-nav .nav-link {
color: var(--text-color) !important;
}
}
.fade {
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
background: rgba(0, 0, 0, 0.15) !important;
}
.bg-secondary {
background-color: rgba(0, 0, 0, 0)!important;
}
.bg-gradient-default {
background: none !important;
}
.card-profile-image img, .shadow {
box-shadow: 0 0 2rem 0 rgba(0,0,0,.15) !important;
}
.bg-white,.footer {
background-color: rgba(0, 0, 0, 0.25) !important;
}
.footer {
padding-left: 15px;
}
/* Logo */
#sidenav-main > div > a::before {
content: "";
background: url('../static/media/requestrr.1e4722c9.svg') no-repeat;
background-size: 200px;
width: 200px;
height: 36px;
display: block;
}
.navbar-brand-img {
display: none;
}
@media (max-width: 767.98px){
.navbar-collapse .collapse-brand img {
display: none;
}
}
@media (max-width: 767.98px){
#sidenav-main > div > div > div > div > div.collapse-brand.col-6 > a::before {
content: "";
background: url('../static/media/requestrr.1e4722c9.svg') no-repeat;
background-size: 200px;
width: 200px;
height: 36px;
display: block;
}
}
/* FORMS */
.form-control:disabled, .form-control[readonly] {
background-color: rgba(255, 255, 255, 0.1);
opacity: 1;
border: 1px solid transparent;
color: gray;
}
.form-control-alternative, .has-danger .form-control {
background: rgba(0, 0, 0, 0.25);
background-color: rgba(0, 0, 0, 0.25);
}
.form-control-alternative:focus {
background: rgba(0, 0, 0, 0.5);
}
.form-control:focus {
color: #fff;
}
.has-success .form-control {
background-color: rgba(0, 0, 0, 0.5);
}
.form-control {
color: var(--text-color);
border: 1px solid transparent;
}
/* Drop down*/
.react-dropdown-select.dropdown .react-dropdown-select-item-selected {
background: var(--accent-color) !important;
color: #fff!important;
}
.react-dropdown-select.dropdown div[role=list] span {
background-color: #fff;
color: #000000;
}
.react-dropdown-select.dropdown div[role=list] span:focus, .react-dropdown-select.dropdown div[role=list] span:hover {
color: #000000;
background-color: rgba(0, 0, 0, 0.2);
}
.react-dropdown-select.dropdown {
color: var(--text-color);
background-color: rgba(0, 0, 0, 0.25);
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: var(--text-color) !important;
}
::-webkit-input-placeholder:focus { /* Chrome/Opera/Safari */
color: blue !important;
}
::-moz-placeholder { /* Firefox 19+ */
color: var(--text-color) !important;
}
:-ms-input-placeholder { /* IE 10+ */
color: var(--text-color) !important;
}
:-moz-placeholder { /* Firefox 18- */
color: var(--text-color) !important;
}
/* Buttons */
.custom-checkbox .custom-control-input:checked~.custom-control-label:before {
background-color: var(--accent-color);
border-color: var(--accent-color);
}
.btn-primary, .btn-primary:hover {
color: #fff;
background-color: var(--button-color);
border-color: var(--button-color);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
.btn-default, .btn-default:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.25);
border-color: transparent;
}
.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle {
color: #fff;
background-color: rgba(0, 0, 0, 0.26);
border-color: transparent;
}
.btn-default.disabled, .btn-default:disabled {
color: #fff;
background-color: rgba(255, 255, 255, 0.15);
border-color: transparent;
opacity: .5;
}
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: var(--button-color);
border-color: var(--button-color);
}
.btn-info, .btn-info:hover {
color: #fff;
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
/* Login page*/
.bg-gradient-info {
background: var(--main-bg-color) !important;
}
@media (min-width: 1200px) {
.separator-skew {
height: 70px;
display: none;
}
}
#root > div > div.mt--8.pb-5.container > div > div > div {
background: rgba(0, 0, 0, 0.25) !important;
}
#root > div > div.mt--8.pb-5.container > div > div > div > div > form > div:nth-child(1) > div > input, #root > div > div.mt--8.pb-5.container > div > div > div > div > form > div:nth-child(2) > div > input {
background: rgba(0, 0, 0, .25) !important;
border: 10px solid transparent;
}
.input-group-text {
color: var(--text-color);
background-color: rgba(0, 0, 0, 0.25);
border: 1px solid transparent !important;
}
.input-group-prepend {
margin-right: 0px;
}
#root > div > div.header.bg-gradient-info.py-7.py-lg-8 > div.separator.separator-bottom.separator-skew.zindex-100 > svg > polygon {
display:none;
}
/* Scrollbar */
@media only screen and (min-width: 768px) {
html {
height: 100%;
width: 100%;
overflow: hidden;
}
body {
overflow-y: auto;
height: 100%;
background: var(--main-bg-color)
}
}
::-webkit-scrollbar {
width: 14px;
}
::-webkit-scrollbar-thumb {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0,0%,100%,.2);
background-clip: padding-box;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb:hover {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0,0%,100%,.5);
background-clip: padding-box;
}

24
CSS/themes/requestrr/space-gray.css
View File

@ -0,0 +1,24 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* RADARR SPACE GRAY THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/requestrr/requestrr-base.css);
: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;
--accent-color: #607D8B;
--text-color: #eee;
--text-color-faded: #ddd;
}

BIN
Resources/requestrr/requestrr_white.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
Screenshots/requestrr/aquamarine.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 731 KiB

BIN
Screenshots/requestrr/dark.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 392 KiB

BIN
Screenshots/requestrr/hotline.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1012 KiB

BIN
Screenshots/requestrr/plex.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 MiB

BIN
Screenshots/requestrr/space-gray.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 712 KiB

Write Preview
Loading…
Cancel
Save