From 455481a52f8a7c3a4e14135bec95e15619e5dae7 Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Thu, 22 Jul 2021 23:40:49 +0200 Subject: [PATCH] jackett dracula --- CSS/themes/jackett/aquamarine.css | 8 +- CSS/themes/jackett/dark.css | 8 +- CSS/themes/jackett/dracula.css | 16 ++ CSS/themes/jackett/hotline.css | 8 +- CSS/themes/jackett/jackett-base.css | 228 ++++++++++++++++++++++++--- CSS/themes/jackett/organizr-dark.css | 8 +- CSS/themes/jackett/plex.css | 8 +- CSS/themes/jackett/space-gray.css | 7 +- 8 files changed, 229 insertions(+), 62 deletions(-) create mode 100644 CSS/themes/jackett/dracula.css diff --git a/CSS/themes/jackett/aquamarine.css b/CSS/themes/jackett/aquamarine.css index 7b8e3144..eef44b39 100644 --- a/CSS/themes/jackett/aquamarine.css +++ b/CSS/themes/jackett/aquamarine.css @@ -13,10 +13,4 @@ /* JACKETT AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/jackett/jackett-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: rgba(0,0,0,.25); - --button-color-hover: rgba(255,255,255,.08); -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/jackett/dark.css b/CSS/themes/jackett/dark.css index 39d6fa70..a190de4d 100644 --- a/CSS/themes/jackett/dark.css +++ b/CSS/themes/jackett/dark.css @@ -13,10 +13,4 @@ /* JACKETT DARK THEME */ @import url(https://theme-park.dev/CSS/themes/jackett/jackett-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: #cc7b19; - --button-color-hover: #e59029; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/jackett/dracula.css b/CSS/themes/jackett/dracula.css new file mode 100644 index 00000000..f89c69c2 --- /dev/null +++ b/CSS/themes/jackett/dracula.css @@ -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 */ + +/* JACKETT AQUAMARINE THEME */ +@import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); diff --git a/CSS/themes/jackett/hotline.css b/CSS/themes/jackett/hotline.css index 005fe987..3661d1a2 100644 --- a/CSS/themes/jackett/hotline.css +++ b/CSS/themes/jackett/hotline.css @@ -13,10 +13,4 @@ /* JACKETT HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/jackett/jackett-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: rgba(0,0,0,.25); - --button-color-hover: rgba(255,255,255,.08); -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/jackett/jackett-base.css b/CSS/themes/jackett/jackett-base.css index 1fcec6d8..4a153e69 100644 --- a/CSS/themes/jackett/jackett-base.css +++ b/CSS/themes/jackett/jackett-base.css @@ -10,7 +10,7 @@ /* Made by @gilbN */ /* https://github.com/gilbN/theme.park */ * { - outline: none; + outline: none !important; } body { @@ -22,8 +22,22 @@ body { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: #FFF; + -o-background-size: auto, cover; + color: var(--text); +} + +h1, +h2, +h3, +h4, +h5, +h6, +#header-title { + color: var(--text-hover); +} + +hr { + border-top-color: rgb(var(--accent-color), .25); } /* Scrollbar */ @@ -44,7 +58,7 @@ body { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; + -o-background-size: auto, cover; } } @@ -87,15 +101,42 @@ body { .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { color: #fff !important; + background-color: rgba(255, 255, 255, 0.15); } + +.dataTables_wrapper .dataTables_paginate .paginate_button.current, +.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, +.dataTables_wrapper .dataTables_paginate .paginate_button.current:active, +.dataTables_wrapper .dataTables_paginate .paginate_button:active { + color: var(--button-text-hover) !important; + border: 1px solid var(--button-color-hover) !important; + background-color: var(--button-color-hover) !important; + background: var(--button-color-hover) !important; + box-shadow: inset 0 0 3px var(--button-color-hover); +} + +.dataTables_wrapper .dataTables_paginate .paginate_button { + color: var(--button-text) !important; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.15); +} + +.dataTables_wrapper .dataTables_paginate .paginate_button:hover { + color: var(--button-text-hover) !important; + border: 1px solid var(--button-color-hover) !important; + background-color: var(--button-color-hover) !important; + background: var(--button-color-hover) !important; +} + + a { - color: #ffffff; + color: var(--link-color); } a:focus, a:hover { - color: #f1f1f1; + color: var(--link-color-hover); } .dataTables_wrapper .dataTables_filter input { @@ -123,13 +164,13 @@ table.dataTable.cell-border tbody td { button, input, -select, textarea { background: rgba(0, 0, 0, 0.25); border: none; outline: none; } + #page { background-color: rgba(0, 0, 0, 0.25); } @@ -159,12 +200,37 @@ table.dataTable thead td { } .form-control { - color: #fff; + color: var(--text-hover); background-color: rgba(0, 0, 0, 0.25); border: 1px solid #ccc0; } +select { + background: rgba(0, 0, 0, 0.25); + color: var(--text) !important; + border: 1px solid rgba(0, 0, 0, 0) !important; + -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); + box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); + height: 26px; + padding: 0 8px; + border-radius: 4px; +} + +select:focus { + background: #1f1f1f !important; + color: var(--text) !important; + border: 1px solid #1f1f1f !important; + -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); +} + +.form-control:focus:not([checked="checked"]) { + border-color: rgb(var(--accent-color)); + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--accent-color), .6); + box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--accent-color), .6); +} + .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { @@ -174,11 +240,24 @@ fieldset[disabled] .form-control { .dataTables_length select, .dataTables_filter input, .dataTable.compact tfoot td select { - color: black; + background: rgba(0, 0, 0, 0.25); + border: 1px solid rgba(204, 204, 204, 0); } #footer { - color: #ffffff; + color: rgb(var(--accent-color)); +} + +.modal-header { + 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-content { @@ -189,38 +268,59 @@ fieldset[disabled] .form-control { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; + -o-background-size: auto, cover; } -.dropdown-menu { - background: var(--modal-bg-color); +.modal-footer { + 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; + -o-background-size: auto, cover; + border-top: 1px solid rgb(var(--accent-color)); +} + +.dropdown-menu { + background: var(--drop-down-menu-bg); + 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; } .dropdown-menu>li>a { - color: #fff; + color: var(--text); } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { - color: #ffffff; + color: var(--text-hover); background-color: rgba(255, 255, 255, 0.08); } +.dropdown-menu>.active>a, +.dropdown-menu>.active>a:focus, +.dropdown-menu>.active>a:hover { + color: var(--text-hover); + text-decoration: none; + background-color: rgba(255, 255, 255, 0.15); + outline: 0; +} + .close { color: #fff; } .btn-default { - color: #fff; + color: var(--button-text); background-color: var(--button-color); - border-color: #ccc0; + border-color: var(--button-color); } .btn-default.active, @@ -229,9 +329,76 @@ fieldset[disabled] .form-control { .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default { - color: #fff; + color: var(--button-text-hover); background-color: var(--button-color-hover); - border-color: #00000000; + border-color: var(--button-color-hover); +} + +.btn-primary { + color: var(--button-text); + background-color: var(--button-color); + border-color: var(--button-color); +} + +.btn-primary.active, +.btn-primary.focus, +.btn-primary:active, +.btn-primary:focus, +.btn-primary:hover, +.open>.dropdown-toggle.btn-primary { + color: var(--button-text-hover); + background-color: var(--button-color-hover); + border-color: var(--button-color-hover); +} + +.btn-primary.active, +.btn-primary:active, +.open>.dropdown-toggle.btn-primary { + background-image: none +} + +.btn-primary.disabled, +.btn-primary.disabled.active, +.btn-primary.disabled.focus, +.btn-primary.disabled:active, +.btn-primary.disabled:focus, +.btn-primary.disabled:hover, +.btn-primary[disabled], +.btn-primary[disabled].active, +.btn-primary[disabled].focus, +.btn-primary[disabled]:active, +.btn-primary[disabled]:focus, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary, +fieldset[disabled] .btn-primary.active, +fieldset[disabled] .btn-primary.focus, +fieldset[disabled] .btn-primary:active, +fieldset[disabled] .btn-primary:focus, +fieldset[disabled] .btn-primary:hover { + background-color: hsla(0, 0%, 100%, 0.35); + border-color: hsla(0, 0%, 100%, 0.35); +} + +.btn-primary .badge { + color: var(--label-text-color); + background-color: rgb(var(--accent-color)); +} + +#page>form>div:nth-child(2)>input[type=submit] { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; + color: var(--button-text); + background-color: var(--button-color); + border-color: var(--button-color); +} + +#page>form>div:nth-child(2)>input[type=submit]:hover, +#page>form>div:nth-child(2)>input[type=submit]:focus { + color: var(--button-text-hover); + background-color: var(--button-color-hover); + border-color: var(--button-color-hover); } .input-group-addon { @@ -250,6 +417,25 @@ fieldset[disabled] .form-control { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; + -o-background-size: auto, cover; border-color: transparent; } + +pre { + color: var(--text); +} + +.jackettlogWarn, +.jackettlogWarn pre { + background-color: #FFFF8E !important; + color: black !important; +} + +.indexer-caps { + padding: 0 15px 15px 15px; + border-top: 1px solid rgb(var(--accent-color)); +} + +#logo { + filter: invert(1); +} \ No newline at end of file diff --git a/CSS/themes/jackett/organizr-dark.css b/CSS/themes/jackett/organizr-dark.css index b9053c8d..e1d5256f 100644 --- a/CSS/themes/jackett/organizr-dark.css +++ b/CSS/themes/jackett/organizr-dark.css @@ -13,10 +13,4 @@ /* JACKETT ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/jackett/jackett-base.css); -:root { - --main-bg-color: #1f1f1f; - --modal-bg-color: #1b1b1b; - - --button-color: #2cabe3; - --button-color-hover: rgb(44 171 227 / .8); - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/jackett/plex.css b/CSS/themes/jackett/plex.css index e4d400b2..b0fa04ef 100644 --- a/CSS/themes/jackett/plex.css +++ b/CSS/themes/jackett/plex.css @@ -13,10 +13,4 @@ /* JACKETT PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/jackett/jackett-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; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/jackett/space-gray.css b/CSS/themes/jackett/space-gray.css index a936a282..8890a945 100644 --- a/CSS/themes/jackett/space-gray.css +++ b/CSS/themes/jackett/space-gray.css @@ -13,9 +13,4 @@ /* JACKETT SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/jackett/jackett-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; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file