jackett dracula

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 {
+@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: rgba(0,0,0,.25);
-  --button-color-hover: rgba(255,255,255,.08);
-}

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 {
+@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: #cc7b19;
-  --button-color-hover: #e59029;
-  }

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);

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 {
+@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: rgba(0,0,0,.25);
-  --button-color-hover: rgba(255,255,255,.08);
-}

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; 
+    -o-background-size: auto, cover;
-    color: #FFF;
+    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;
+}
+
+.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;
+    border-top: 1px solid rgb(var(--accent-color));
 }
 
 .dropdown-menu {
-    background: var(--modal-bg-color);
+    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; 
+    -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: 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: #00000000;
+    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);
+}

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 {
+@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);
-  }

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 {
+@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;
-  }

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 {
+@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;
-}