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

requesterr dracula

pull/242/head
Marius 4 years ago
parent
a0bcbc1509
commit
53ff588f56
9 changed files with 87 additions and 116 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      CSS/themes/bitwarden/bitwarden-base.css
  2. 10
      CSS/themes/requestrr/aquamarine.css
  3. 10
      CSS/themes/requestrr/dark.css
  4. 16
      CSS/themes/requestrr/dracula.css
  5. 10
      CSS/themes/requestrr/hotline.css
  6. 10
      CSS/themes/requestrr/organizr-dark.css
  7. 10
      CSS/themes/requestrr/plex.css
  8. 121
      CSS/themes/requestrr/requestrr-base.css
  9. 10
      CSS/themes/requestrr/space-gray.css

6
CSS/themes/bitwarden/bitwarden-base.css
View File

@ -493,4 +493,10 @@ input:focus:-ms-input-placeholder {
cursor: auto; cursor: auto;
background-color: rgb(0 0 0 / 10%); background-color: rgb(0 0 0 / 10%);
border-color: rgb(0 0 0 / 10%); border-color: rgb(0 0 0 / 10%);
}
.text-muted,
.card-header small,
.modal-header small {
color: var(--text-muted) !important;
} }

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

@ -13,12 +13,4 @@
/* REQUESTRR AQUAMARINE THEME */ /* REQUESTRR AQUAMARINE THEME */
@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); @import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/aquamarine.css);
--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;
}

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

@ -13,12 +13,4 @@
/* REQUESTRR DARK THEME */ /* REQUESTRR DARK THEME */
@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); @import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/dark.css);
--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;
}

16
CSS/themes/requestrr/dracula.css
View File

@ -0,0 +1,16 @@
/* 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 DRACULA THEME */
@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css);
@import url(https://theme-park.dev/CSS/variables/dracula.css);

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

@ -13,12 +13,4 @@
/* REQUESTRR HOTLINE THEME */ /* REQUESTRR HOTLINE THEME */
@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); @import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/hotline.css);
--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;
}

10
CSS/themes/requestrr/organizr-dark.css
View File

@ -13,12 +13,4 @@
/* REQUESTRR ORGANIZR-DARK THEME */ /* REQUESTRR ORGANIZR-DARK THEME */
@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); @import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--accent-color: #2cabe3;
--text-color: #96a2b4;
--text-color-faded: #ddd;
}

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

@ -13,12 +13,4 @@
/* REQUESTRR PLEX THEME */ /* REQUESTRR PLEX THEME */
@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); @import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/plex.css);
--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;
}

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

@ -10,9 +10,10 @@
/* Made by @gilbN */ /* Made by @gilbN */
/* https://github.com/gilbN/theme.park */ /* https://github.com/gilbN/theme.park */
@import url(https://theme-park.dev/CSS/defaults/placeholders.css);
body { body {
color: var(--text-color); color: var(--text);
background: var(--main-bg-color); background: var(--main-bg-color);
background-repeat: repeat, no-repeat; background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed; background-attachment: fixed, fixed;
@ -24,7 +25,7 @@ body {
} }
.bg-default { .bg-default {
background: var(--main-bg-color) !important; background: var(--main-bg-color);
background-repeat: repeat, no-repeat; background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed; background-attachment: fixed, fixed;
background-position: center center, center center; background-position: center center, center center;
@ -45,29 +46,36 @@ h2,
h3, h3,
h4, h4,
h5, h5,
h6 { h6,
color: var(--text-color); .heading-small.text-muted,
.form-control-label,
.text-white {
color: var(--text-hover) !important;
} }
.text-muted, .text-muted {
.form-control-label { color: var(--text-muted);
color: var(--text-color-faded) !important;
} }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link { .navbar-light .navbar-nav .show>.nav-link {
color: white; color: rgb(var(--accent-color));
} }
.navbar-light .navbar-nav .nav-link { .navbar-light .navbar-nav .nav-link {
color: var(--text-color); color: var(--text);
} }
.navbar-light .navbar-nav .nav-link:focus, .nav-link.active:hover,
.navbar-light .navbar-nav .nav-link:hover { .nav-link.active:focus {
color: var(--text-color-faded); background: rgba(255, 255, 255, 0.08);
}
.navbar-light .navbar-nav .nav-link:focus:not(.nav-link.active),
.navbar-light .navbar-nav .nav-link:hover:not(.nav-link.active) {
color: var(--text-hover);
background: rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.08);
} }
@ -97,7 +105,7 @@ h6 {
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
.navbar-nav .nav-link { .navbar-nav .nav-link {
color: var(--text-color) !important; color: var(--text) !important;
} }
} }
@ -191,7 +199,7 @@ h6 {
} }
.form-control:focus { .form-control:focus {
color: #fff; color: var(--text-hover);
} }
.has-success .form-control { .has-success .form-control {
@ -199,75 +207,71 @@ h6 {
} }
.form-control { .form-control {
color: var(--text-color); color: var(--text);
border: 1px solid transparent; border: 1px solid transparent;
} }
/* Drop down*/ /* Drop down*/
.react-dropdown-select.dropdown .react-dropdown-select-item-selected { .react-dropdown-select-item.css-148o527-ItemComponent {
background: var(--accent-color) !important; background: var(--drop-down-menu-bg) !important;
color: #fff !important;
} }
.react-dropdown-select.dropdown div[role=list] span { .react-dropdown-select.dropdown div[role=list] span {
background-color: #fff; color: var(--text);
color: #000000;
} }
.react-dropdown-select.dropdown div[role=list] span:focus, .react-dropdown-select.dropdown div[role=list] span:focus,
.react-dropdown-select.dropdown div[role=list] span:hover { .react-dropdown-select.dropdown div[role=list] span:hover {
color: #000000; color: var(--text-hover);
background-color: rgba(0, 0, 0, 0.2);
} }
.react-dropdown-select.dropdown { [class*="-ItemComponent"] {
color: var(--text-color); border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
background-color: rgba(0, 0, 0, 0.25);
} }
::-webkit-input-placeholder { [class*="-DropDown"]:not(.react-dropdown-select-dropdown-position-bottom) {
/* Chrome/Opera/Safari */ background: rgb(255 255 255 / 0%);
color: var(--text-color) !important; box-shadow: 0 0 10px 1px #000 !important;
} }
::-webkit-input-placeholder:focus { .react-dropdown-select.dropdown {
/* Chrome/Opera/Safari */ color: var(--text);
color: blue !important; background-color: rgb(0 0 0 / 25%);
}
::-moz-placeholder {
/* Firefox 19+ */
color: var(--text-color) !important;
} }
:-ms-input-placeholder { .react-dropdown-select.dropdown .react-dropdown-select-item-selected {
/* IE 10+ */ background: rgb(var(--accent-color)) !important;
color: var(--text-color) !important; color: var(--label-text-color) !important;
} }
:-moz-placeholder {
/* Firefox 18- */
color: var(--text-color) !important;
}
/* Buttons */ /* Buttons */
.custom-checkbox .custom-control-input:checked~.custom-control-label:before { .custom-checkbox .custom-control-input:checked~.custom-control-label:before {
background-color: var(--accent-color); background-color: rgb(var(--accent-color));
border-color: var(--accent-color); border-color: rgb(var(--accent-color));
} }
.btn-primary, .custom-checkbox .custom-control-input:checked~.custom-control-label:after {
.btn-primary:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='000000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
color: #fff; }
.btn-primary {
color: var(--button-text);
background-color: var(--button-color); background-color: var(--button-color);
border-color: var(--button-color); border-color: var(--button-color);
} }
.btn-primary:hover {
color: var(--button-text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle { .show>.btn-primary.dropdown-toggle {
color: #fff; color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
@ -297,29 +301,22 @@ h6 {
.btn-info.disabled, .btn-info.disabled,
.btn-info:disabled { .btn-info:disabled {
color: #fff; color: var(--text-muted);
background-color: var(--button-color); background-color: var(--button-color);
border-color: var(--button-color); border-color: var(--button-color);
} }
.btn-info, .btn-info,
.btn-info:hover { .btn-info:hover {
color: #fff; color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
/* Login page*/ /* Login page*/
.bg-gradient-info { .header.bg-gradient-info {
background: var(--main-bg-color) !important; background: transparent !important;
background-repeat: repeat, no-repeat;
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;
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
@ -341,7 +338,7 @@ h6 {
} }
.input-group-text { .input-group-text {
color: var(--text-color); color: var(--text);
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
border: 1px solid transparent !important; border: 1px solid transparent !important;
} }

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

@ -13,12 +13,4 @@
/* RADARR SPACE GRAY THEME */ /* RADARR SPACE GRAY THEME */
@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); @import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/space-gray.css);
--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;
}

Write Preview
Loading…
Cancel
Save