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

lazylib dracula

pull/241/head
Marius 4 years ago
parent
f0de451348
commit
00ddd6eed9
8 changed files with 148 additions and 131 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. 11
      CSS/themes/lazylibrarian/aquamarine.css
  2. 11
      CSS/themes/lazylibrarian/dark.css
  3. 15
      CSS/themes/lazylibrarian/dracula.css
  4. 11
      CSS/themes/lazylibrarian/hotline.css
  5. 198
      CSS/themes/lazylibrarian/lazylibrarian-base.css
  6. 11
      CSS/themes/lazylibrarian/organizr-dark.css
  7. 11
      CSS/themes/lazylibrarian/plex.css
  8. 11
      CSS/themes/lazylibrarian/space-gray.css

11
CSS/themes/lazylibrarian/aquamarine.css
View File

@ -12,13 +12,4 @@
/* LAZYLIBRARIAN AQUAMARINE THEME */
@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-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;
--accent-color-hover: #12afa0;
--queue-color: #009688;
}
@import url(https://theme-park.dev/CSS/variables/aquamarine.css);

11
CSS/themes/lazylibrarian/dark.css
View File

@ -12,13 +12,4 @@
/* LAZYLIBRARIAN DARK THEME */
@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-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);
--accent-color-hover: rgba(255, 255, 255, 0.45);
--queue-color: #6b5;
}
@import url(https://theme-park.dev/CSS/variables/dark.css);

15
CSS/themes/lazylibrarian/dracula.css
View File

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

11
CSS/themes/lazylibrarian/hotline.css
View File

@ -12,13 +12,4 @@
/* LAZYLIBRARIAN HOTLINE THEME */
@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-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;
--accent-color-hover: #0b3161;
--queue-color: #6b5;
}
@import url(https://theme-park.dev/CSS/variables/hotline.css);

198
CSS/themes/lazylibrarian/lazylibrarian-base.css
View File

@ -9,9 +9,12 @@
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
* {
outline: none !important;
}
body {
color: #ccc;
color: var(--text);
background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
@ -22,9 +25,51 @@
-o-background-size: auto, cover;
}
p {
color: #ccc !important;
}
color: var(--text) !important;
}
h1,h2,h3,h4,h5,h6,label, legend {
color: var(--text-hover);
}
legend,.nav-tabs {
border-bottom: 1px solid rgb(var(--accent-color), .45) !important;
}
a,.btn-link {
color: var(--link-color);
}
a:hover,.btn-link:hover {
color: var(--link-color-hover);
}
input::-webkit-input-placeholder {
color: var(--text);
}
input:focus::-webkit-input-placeholder {
color: var(--text-hover);
}
/* Placeholders */
/* Firefox < 19 */
input:-moz-placeholder {
color: var(--text-muted);
}
input:focus:-moz-placeholder {
color: var(--text-hover);
}
/* Firefox > 19 */
input::-moz-placeholder {
color: var(--text-muted);
}
input:focus::-moz-placeholder {
color: var(--text-hover);
}
/* Internet Explorer 10 */
input:-ms-input-placeholder {
color: var(--text-muted);
}
input:focus:-ms-input-placeholder {
color: var(--text-hover);
}
/* SCROLLBAR */
@media only screen and (min-width: 768px) {
html {
@ -78,47 +123,55 @@
border-color: transparent;
}
.navbar-default .navbar-brand {
color: #e4e4e4;
color: rgb(var(--accent-color));
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: var(--accent-color-hover);
background-color: none;
}
.navbar-default .navbar-nav>li>a {
color: #e4e4e4;
color: var(--text);
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color: #ffffff;
color: var(--text-hover);
background-image: none;
background-color: rgba(0, 0, 0, .25);
}
/* BUTTONS */
.btn-primary, .btn-default {
background-image: none;
color: #ffffff;
background-color: var(--button-color);
border-color: transparent;
color: var(--button-text) !important;
background-color: var(--button-color) !important;
background: var(--button-color) !important;
border-color: var(--button-color) !important;
background-image: none !important;
outline: none;
}
.btn-primary:hover, .btn-default:hover, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
background-image: none;
color: #ffffff;
background-color: var(--button-color-hover);
border-color: transparent;
color: var(--button-text-hover) !important;
background-color: var(--button-color-hover) !important;
border-color: var(--button-color-hover) !important;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
color: #ffffff;
background-color: var(--button-color-hover);
border-color: transparent;
.btn-primary:active:hover, .btn-primary.active:hover, .open>
-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
color: var(--button-text-hover) !important;
background-color: var(--button-color-hover) !important;
border-color: var(--button-color-hover) !important;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
color: #ffffff;
background-color: var(--button-color-hover);
border-color: transparent;
color: var(--button-text-hover) !important;
background-color: var(--button-color-hover) !important;
border-color: var(--button-color-hover) !important;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus,.btn:hover, .btn:focus, .btn.focus {
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
outline: none;
background-color: var(--button-color-hover);
border-color: transparent;
color: var(--button-text-hover) !important;
background-color: var(--button-color-hover) !important;
border-color: var(--button-color-hover) !important;
}
.btn-link:hover, .btn-link:focus, button.close {
outline:none
@ -126,38 +179,39 @@
.btn-warning {
background-image: none;
color: #ffffff;
color: var(--button-text-hover);
background-color: #f89406;
border-color: #f89406;
}
.btn-warning:hover {
background-image: none;
color: #ffffff;
color: var(--button-text-hover);
background-color: #c67605;
border-color: #bc7005;
}
.btn:hover, .btn:focus, .btn.focus {
color: #ffffff;
color: var(--button-text-hover);
text-decoration: none;
}
.pagination>li.disabled>a, .pagination>li.disabled>a:hover, .pagination>li.disabled>span, .pagination>li.disabled>span:hover {
background-color: var(--button-color);
color: var(--text-muted);
background-image: none;
outline:none;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
color: #ccc;
color: var(--text-muted);
background-color: var(--button-color);
border-color: transparent;
border-color: var(--button-color);
cursor: not-allowed;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
color: #ffffff;
color: var(--button-text-hover);
background-image: none;
background-color: rgba(0, 0, 0, 0.45);
border-color: transparent;
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
outline: none;
}
.pagination>li.active>a, .pagination>li.active>span {
@ -168,16 +222,16 @@
background-image: none;
}
.pagination>li>a, .pagination>li>span {
color: #ffffff;
color: var(--button-text);
background-color: var(--button-color);
border: 1px solid transparent;
border: 1px solid var(--button-color);
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
color: #ffffff;
color: var(--button-text-hover);
background-image: none;
background-color: var(--button-color-hover);
border-color: transparent;
border-color: var(--button-color-hover);
outline: none;
}
@ -191,39 +245,21 @@
}
.form-control {
color: #fff;
background-color: rgba(0, 0, 0, 0.25);
color: var(--text);
background-color: rgba(255, 255, 255, 0.1);
background-image: none;
border: 1px solid transparent;
}
.form-control:active, .form-control:focus {
color: #272b30;
background-color: #fff !important;
background-image: none;
border: 1px solid transparent;
select:focus, select:active {
background: #1b1b1b;
color: white;
}
#subhead_menu .input-group .form-control:active ,.input-group .form-control:focus {
color: #272b30;
background-color: #fff !important;
height: 30px !important;
}
.configtable .input-group .form-control:active ,.configtable .input-group .form-control:focus {
display: block;
width: 100%;
height: 38px !important;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #272b30;
background-color: #fff !important;
.form-control:active:not(select.form-control), .form-control:focus:not(select.form-control),
.configtable .input-group .form-control:active, .configtable .input-group .form-control:focus {
color: var(--text-hover);
background-color: rgba(0, 0, 0, 0.25) !important;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
border: 1px solid transparent;
}
@ -232,6 +268,10 @@
table {
background-color: rgba(255, 255, 255, 0.08);
}
thead {
color: var(--text-hover);
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.08);
@ -255,7 +295,7 @@
/* SETTINGS */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #ffffff;
color: rgb(var(--accent-color));
background-color: rgba(255, 255, 255, 0.08);
border: 1px solid TRANSPARENT;
border-bottom-color: transparent;
@ -275,8 +315,8 @@
border:none;
border-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(0, 0, 0, .45);
color: var(--button-text);
background-color: var(--button-color);
}
.input-group {
margin-top: 2px;
@ -300,13 +340,29 @@
border: 1px solid transparent;
}
.modal-header {
border-bottom: 1px solid rgba(255, 255, 255, .45);
background: var(--modal-header-color);
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;
border-bottom: 1px solid rgb(var(--accent-color));
}
.modal-footer {
border-top: 1px solid rgba(255, 255, 255, .45);
background: var(--modal-footer-color);
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;
border-top: 1px solid rgb(var(--accent-color));
}
pre {
color: #ccc;
color: var(--text);
background-color: rgba(0, 0, 0, 0.25);
border: 1px solid transparent;
}

11
CSS/themes/lazylibrarian/organizr-dark.css
View File

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

11
CSS/themes/lazylibrarian/plex.css
View File

@ -12,13 +12,4 @@
/* LAZYLIBRARIAN PLEX THEME */
@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-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;
--accent-color-hover: #ffc107;
--queue-color: #27c24c;
}
@import url(https://theme-park.dev/CSS/variables/plex.css);

11
CSS/themes/lazylibrarian/space-gray.css
View File

@ -12,13 +12,4 @@
/* LAZYLIBRARIAN SPACE GRAY THEME */
@import url(https://theme-park.dev/CSS/themes/lazylibrarian/lazylibrarian-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;
--accent-color-hover: #81a6b7;
--queue-color: #81a6b7;
}
@import url(https://theme-park.dev/CSS/variables/space-gray.css);

Write Preview
Loading…
Cancel
Save