deploy: cee7d9060d

3 years ago · bccae4e8b7
36 changed files with 1323 additions and 891 deletions
--- a/css/base/bazarr/aquamarine.css
+++ b/css/base/bazarr/aquamarine.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/theme-options/aquamarine.css?sha=7f02500167b598d1a64c86198ed3c9af9dec5466");
--- a/css/base/bazarr/bazarr-base-old.css
+++ b/css/base/bazarr/bazarr-base-old.css
@ -0,0 +1,858 @@
+/*    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			 */
+
+@import url("/css/defaults/placeholders.css");
+@import url("/css/defaults/transparent.css");
+
+* {
+    outline: none;
+}
+
+body {
+    background: var(--main-bg-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;
+    color: var(--text);
+}
+
+/* scroller */
+::-webkit-scrollbar-corner {
+    background-color: var(--transparency-dark-10);
+}
+
+::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+    background: #1f1f1f;
+}
+
+::-webkit-scrollbar-thumb {
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    background-color: var(--transparency-light-35) !important;
+}
+
+a,
+.page-link {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+/* Pagination */
+.page-item.active .page-link {
+    z-index: 3;
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.page-link {
+    background-color: var(--transparency-light-10);
+    border: 1px solid var(--transparency-light-10);
+}
+
+.page-link:hover {
+    color: var(--link-color-hover);
+    text-decoration: none;
+    background-color: var(--transparency-dark-15);
+    border: 1px solid var(--transparency-light-10);
+}
+
+.page-item.disabled .page-link {
+    color: var(--link-color);
+    background-color: var(--transparency-light-10);
+    border: 1px solid var(--transparency-light-10);
+}
+
+.page-link:focus { 
+    z-index: 3;
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem rgb(var(--accent-color) / 25%);
+}
+
+/* TEXT */
+.text-muted {
+    color: var(--text-muted) !important;
+}
+
+.table {
+    color: var(--text);
+}
+
+.table thead th {
+    color: var(--text-hover);
+}
+
+.table-striped tbody tr:nth-of-type(odd) {
+    background-color: var(--transparency-dark-15);
+}
+
+.text-dark {
+color: var(--text-hover)!important;
+}
+.text-secondary {
+color: var(--text)!important;
+}
+.dropdown-item.disabled, .dropdown-item:disabled {
+color: var(--text-muted);
+pointer-events: none;
+background-color: transparent;
+}
+
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.custom-control-label,
+label,
+.modal-header {
+    color: var(--text-hover);
+}
+
+/* Form Stuff */
+
+.header-container input[type=text] {
+    padding: 0;
+    transition: none;
+    color: var(--text-hover);
+    border-radius: 0;
+    border: none;
+    border-bottom: 1px solid rgba(255, 255, 255, .3) !important;
+    background-color: transparent;
+}
+
+.header-container input[type=text]:focus {
+    box-shadow: none;
+    color: var(--text-hover);
+    background-color: transparent !important;
+    border-color: rgb(var(--accent-color)) !important;
+}
+
+.form-control {
+    color: var(--text-hover);
+    background-color: var(--transparency-light-10);
+    border: 1px solid var(--transparency-light-10);
+}
+
+.form-control:focus {
+    background-color: var(--transparency-light-25) !important;
+    border-color: var(--transparency-light-25) !important;
+    outline: 0;
+    box-shadow: none;
+    color: var(--text-hover);
+}
+
+.form-control:disabled,
+.form-control[readonly] {
+    background-color: var(--transparency-light-15);
+    opacity: .7;
+    color: var(--text-hover);
+    border: 1px solid var(--transparency-light-15);
+}
+
+:root .form-control:focus {
+    box-shadow: none !important;
+    border-color: transparent !important;
+}
+
+.form-group i {
+    color: var(--text-hover);
+}
+
+.bootstrap-tagsinput {
+    color: var(--text);
+    background: var(--transparency-dark-25) !important;
+    border: 1px solid transparent !important;
+
+}
+
+.bootstrap-tagsinput.focus {
+    background-color: #fff !important;
+    border-color: transparent;
+    outline: 0;
+    box-shadow: none;
+    color: black;
+}
+
+.input-group-text {
+    color: var(--text);
+    background: var(--transparency-dark-25);
+    border: 1px solid transparent;
+}
+
+.custom-chip-input .main-input {
+    background: transparent;
+    color: var(--text);
+}
+
+.custom-chip-input:focus-within {
+    border-color: var(--transparency-light-10);
+}
+
+.custom-chip-input .custom-chip {
+    color: var(--button-text);
+    background-color: var(--button-color);
+}
+
+.custom-selector .selector__control .selector__multi-value,
+.selector__multi-value__label {
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+/* SIDEBAR */
+.sidebar-container {
+    background: var(--transparency-dark-25);
+}
+
+.sidebar-container .sidebar-button,
+.sidebar-container .button {
+    color: var(--text) !important;
+    background: transparent
+}
+
+.sidebar-container .sidebar-button:active,
+.sidebar-container .sidebar-button:focus {
+    color: rgb(var(--accent-color)) !important;
+    background-color: var(--transparency-dark-15) !important;
+}
+
+.sidebar-container .sidebar-button:hover,
+.sidebar-container .button:hover {
+    background-color: transparent !important;
+    color: rgb(var(--accent-color)) !important;
+}
+
+.content-header.bg-dark .btn-dark:hover {
+    color: rgb(var(--accent-color));
+}
+
+.sidebar-container .sidebar-button.sb-active,
+.sidebar-container .sidebar-button.sb-active:hover,
+.sidebar-container .button.active {
+    background-color: var(--transparency-dark-15) !important;
+    color: rgb(var(--accent-color)) !important;
+}
+
+.content-header.bg-dark>button {
+    color: var(--text);
+}
+
+.content-header.bg-dark>button:hover {
+    color: var(--text-hover);
+}
+
+.content-header.bg-dark .btn-dark {
+    color: var(--text);
+}
+
+.btn-dark.disabled:hover,
+.btn-dark:disabled:hover {
+    color: var(--text) !important;
+}
+
+
+.sidebar-container .sidebar-collapse-box.active:before,
+.sidebar-container .sidebar-button.sb-active:before {
+    background-color: rgb(var(--accent-color));
+}
+
+@media (max-width: 767.98px) {
+
+    .sidebar-container.open,
+    .sidebar-container {
+        background: var(--modal-bg-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;
+    }
+}
+
+.sidebar-container .badge-secondary {
+    color: var(--label-text-color);
+    background-color: var(--arr-queue-color);
+}
+
+/* TOP NAV BAR */
+.header-container .bg-primary {
+    background: var(--transparency-dark-35) !important;
+}
+
+.header-container .btn-primary {
+    color: var(--button-text);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.header-container .btn-primary.focus,
+.header-container .btn-primary:focus,
+.header-container .btn-primary:hover {
+    color: var(--button-text-hover);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.header-container .btn-primary:not(:disabled):not(.disabled).active,
+.header-container .btn-primary:not(:disabled):not(.disabled):active,
+.header-container .show>.btn-primary.dropdown-toggle {
+    color: var(--button-text-hover);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+/* PAGES */
+.content-header.bg-dark {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+    border-bottom: solid 1px var(--transparency-light-10);
+
+}
+
+/* LOGIN */
+.bg-light {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+.auth-card {
+    border: 1px solid transparent;
+}
+
+.auth-card .card-footer {
+    background-color: transparent;
+    border-top: 1px solid var(--transparency-light-10);
+}
+
+hr {
+    border-top: 1px solid var(--transparency-light-10);
+}
+
+
+.card {
+    background-color: var(--transparency-dark-45);
+    box-shadow: 0 0 10px 1px #000000;
+    color: var(--text);
+}
+.card-header {
+    border-bottom: 1px solid var(--transparency-light-10);
+}
+
+.settings-card:hover,
+.settings-card:focus {
+    border-color: transparent;
+    color: var(--text-hover);
+}
+
+.alert-secondary {
+    color: var(--text);
+    background-color: var(--transparency-light-15);
+    border-color: var(--transparency-light-15);
+}
+
+/* Series page */
+.progress-bar {
+    background-color: var(--accent-color);
+    text-shadow: none;
+}
+
+.progress {
+    background-color: var(--transparency-light-20);
+}
+
+.progress-bar.bg-primary {
+    background: rgb(var(--accent-color)) !important;
+    color: var(--label-text-color) !important;
+}
+
+.progress-bar.bg-warning {
+    color: #212529;
+    background-color: rgba(255, 193, 7, .8) !important;
+}
+
+.badge-warning {
+    color: #212529;
+    background-color: rgba(255, 193, 7, .8);
+}
+
+.badge-primary {
+    color: var(--label-text-color);
+    background-color: rgb(var(--accent-color));
+}
+
+.text-truncate.badge.badge-secondary {
+    color: var(--label-text-color);
+    background-color: rgb(var(--accent-color));
+}
+
+.popover {
+    background-color: var(--drop-down-menu-bg);
+    border: 1px solid var(--transparency-light-20);
+}
+
+.bs-popover-auto[x-placement^=top]>.arrow:after,
+.bs-popover-top>.arrow:after {
+    border-top-color: var(--transparency-light-50);
+}
+
+.popover-header {
+    background-color: var(--drop-down-menu-bg);
+    border-bottom: 1px solid var(--transparency-light-10);
+
+}
+
+.popover-body {
+    color: var(--text)
+}
+
+.spinner-border {
+    color: rgb(var(--accent-color));
+}
+
+/* Modal */
+
+.modal-content {
+    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
+    border-radius: 3px;
+    background: var(--modal-bg-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;
+}
+
+.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 var(--accent-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;
+    border-top: 1px solid var(--accent-color);
+}
+
+.modal-content .badge-secondary {
+    color: var(--text-hover);
+    background-color: var(--accent-color);
+    padding: 5px;
+}
+
+.modal-content button:focus {
+    outline: none !important;
+}
+
+.close {
+    float: right;
+    font-size: 1.5rem;
+    font-weight: 700;
+    line-height: 1;
+    color: var(--text);
+    text-shadow: 0 1px 0 var(--text);
+    opacity: .5;
+}
+
+.close:hover {
+    color: var(--text-hover) !important;
+    text-decoration: none;
+}
+
+/* BUTTONS */
+
+.btn-primary,
+.btn-outline-secondary {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-primary.focus,
+.btn-primary:focus,
+.btn-primary:hover,
+.btn-outline-secondary:hover,
+.btn-outline-secondary.focus,
+.btn-outline-secondary:focus {
+    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,
+.show>.btn-primary.dropdown-toggle {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-primary.dropdown-toggle:focus,
+.btn-primary.focus,
+.btn-primary:focus {
+    box-shadow: 0 0 0 0.2rem rgba(var(--accent-color), .5);
+}
+
+.btn-primary.disabled,
+.btn-primary:disabled {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-dark.disabled,
+.btn-dark:disabled {
+    color: var(--text-muted);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.btn-dark.disabled:hover,
+.btn-dark:disabled:hover {
+    color: var(--text-muted);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.btn-dark {
+    color: var(--button-text);
+    background-color: transparent;
+    /* rgba(var(--accent-color),.5)*/
+    border-color: transparent;
+}
+
+.btn-dark.focus,
+.btn-dark:focus,
+.btn-dark:hover {
+    color: var(--button-text-hover);
+    background-color: transparent;
+    /* rgba(var(--accent-color),.8) */
+    border-color: transparent;
+}
+
+.btn-dark.focus,
+.btn-dark:focus {
+    box-shadow: 0 0 0 0.2rem transparent;
+}
+
+.btn-dark:not(:disabled):not(.disabled).active,
+.btn-dark:not(:disabled):not(.disabled):active,
+.show>.btn-dark.dropdown-toggle {
+    color: var(--button-text-hover);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.btn-dark:not(:disabled):not(.disabled).active:focus,
+.btn-dark:not(:disabled):not(.disabled):active:focus,
+.show>.btn-dark.dropdown-toggle:focus {
+    box-shadow: 0 0 0 0.2rem transparent;
+}
+
+.btn-light {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-light.focus,
+.btn-light:focus,
+.btn-light:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-light.disabled,
+.btn-light:disabled {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-light:not(:disabled):not(.disabled).active,
+.btn-light:not(:disabled):not(.disabled):active,
+.show>.btn-light.dropdown-toggle,
+.btn-light.focus,
+.btn-light:focus {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-light:not(:disabled):not(.disabled).active:focus,
+.btn-light:not(:disabled):not(.disabled):active:focus,
+.show>.btn-light.dropdown-toggle:focus {
+    box-shadow: 0 0 0 0.2rem transparent;
+}
+
+.custom-control-input:focus~.custom-control-label:before {
+    box-shadow: 0 0 0 0.2rem var(--transparency-light-10);
+}
+
+.custom-control-input:checked~.custom-control-label:before {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+}
+
+.custom-control-input:focus~.custom-control-label:before {
+    box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25)
+}
+
+.custom-control-input:focus:not(:checked)~.custom-control-label:before {
+    border-color: var(--accent-color);
+}
+
+.custom-control-input:not(:disabled):active~.custom-control-label:before {
+    color: var(--text-hover);
+    background-color: rgb(var(--accent-color));
+    border-color: rgb(var(--accent-color));
+}
+
+.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+}
+
+.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
+    background-color: rgba(var(--accent-color), .5)
+}
+
+.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
+    background-color: rgba(var(--accent-color), .5)
+}
+
+.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
+    background-color: rgba(var(--accent-color), .5)
+}
+
+.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
+    background-color: rgba(var(--accent-color), .5)
+}
+
+.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
+}
+
+input {
+    color: var(--text-hover) !important;
+}
+
+.custom-select:focus {
+    border-color: rgb(var(--accent-color));
+    outline: 0;
+    box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25)
+}
+
+.custom-file-input:focus~.custom-file-label {
+    border-color: rgb(var(--accent-color));
+    box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25)
+}
+
+/* DROPDOWN MENU */
+.dropdown-menu,
+.dropdown-header {
+    color: var(--text);
+    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-item {
+    color: var(--text);
+}
+
+.dropdown-item:focus,
+.dropdown-item:hover {
+    color: var(--text-hover);
+    background-color: var(--transparency-dark-10);
+}
+
+.custom-selector .selector__control {
+    background: var(--transparency-dark-25);
+    border-color: rgba(0, 0, 0, 0) !important;
+    color: var(--text-hover);
+}
+
+[class$="-singleValue"],
+[class$="-placeholder"],
+[class$="-indicatorContainer"] {
+    color: var(--text) !important;
+}
+
+[class$="-indicatorContainer"]:hover {
+    color: var(--text-hover);
+}
+
+.custom-selector .selector__control--is-focused {
+    border-color: var(--transparency-light-20) !important;
+}
+
+.selector__menu {
+    background: var(--drop-down-menu-bg) !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;
+    color: var(--text)
+}
+
+.custom-selector .selector__option--is-selected:active {
+    background-color: var(--transparency-light-10) !important;
+}
+
+.custom-selector .selector__option--is-focused {
+    background-color: rgba(var(--accent-color), .2);
+    color: var(--text-hover);
+}
+
+.custom-selector .selector__option--is-focused:active,
+.custom-selector .selector__option--is-focused:focus {
+    background-color: rgba(var(--accent-color), .2);
+    color: var(--text-hover);
+}
+
+.custom-selector .selector__option--is-selected {
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+.custom-selector .selector__option--is-selected:active {
+    background-color: rgb(var(--accent-color));
+}
+
+.custom-rc-slider .rc-slider-track {
+    background: var(--button-color);
+}
+
+.custom-rc-slider .rc-slider-handle {
+    border: 3px solid var(--button-color);
+}
+
+.custom-rc-slider .rc-slider-handle:hover,
+.custom-rc-slider .rc-slider-handle:active {
+    border-color: var(--button-color-hover);
+}
+
+
+/* RECHARTS */
+.recharts-default-tooltip {
+    background: var(--drop-down-menu-bg) !important;
+    border: transparent !important;
+}
+
+.recharts-rectangle.recharts-tooltip-cursor {
+    fill: var(--transparency-light-15) !important;
+}
+
+text {
+    stroke: none;
+    fill: var(--text-hover);
+    text-anchor: end;
+}
+
+line {
+    stroke: var(--text);
+    fill: none;
+}
+
+
+/* TOASTS */
+.toast {
+    background: var(--modal-bg-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: 1px solid rgba(0, 0, 0, .1);
+    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
+    color: var(--text)
+}
+
+.toast-header {
+    color: var(--text-hover);
+    background: var(--transparency-dark-35);
+    border-bottom: 1px solid rgba(0, 0, 0, .05);
+}
+
+.alert-container .toast-container .toast .toast-body .progress .progress-bar {
+    text-shadow: -2px -2px 5px rgba(var(--accent-color), .35), 2px -2px 5px rgba(var(--accent-color), .35), -2px 2px 5px rgba(var(--accent-color), .35), 2px 2px 5px rgba(var(--accent-color), .35);
+    overflow: visible
+}
+
+.progress-bar-striped {
+    background-image: linear-gradient(45deg, rgba(var(--accent-color), .5) 25%, transparent 0, transparent 50%, rgba(var(--accent-color), .5) 0, rgba(var(--accent-color), .5) 75%, transparent 0, transparent);
+    background-size: 1rem 1rem
+}
+
+.notification-btn .notification-center-progress .progress .progress-bar {
+    text-shadow: -2px -2px 5px rgb(var(--accent-color)), 2px -2px 5px rgb(var(--accent-color)), -2px 2px 5px rgb(var(--accent-color)), 2px 2px 5px rgb(var(--accent-color));
+}
+/* LOGS */
+/* Stack traceback */
+code.zmdi-language-python-alt {
+    color: var(--text);
+}
--- a/css/base/bazarr/bazarr-base.css
+++ b/css/base/bazarr/bazarr-base.css
--- a/css/base/bazarr/blackberry-abyss.css
+++ b/css/base/bazarr/blackberry-abyss.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
--- a/css/base/bazarr/blackberry-amethyst.css
+++ b/css/base/bazarr/blackberry-amethyst.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
--- a/css/base/bazarr/blackberry-carol.css
+++ b/css/base/bazarr/blackberry-carol.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/blackberry-carol.css?sha=51ce48be9f6521bf9805a0b6206967540352ca2b");
--- a/css/base/bazarr/blackberry-dreamscape.css
+++ b/css/base/bazarr/blackberry-dreamscape.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
--- a/css/base/bazarr/blackberry-flamingo.css
+++ b/css/base/bazarr/blackberry-flamingo.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
--- a/css/base/bazarr/blackberry-hearth.css
+++ b/css/base/bazarr/blackberry-hearth.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
--- a/css/base/bazarr/blackberry-martian.css
+++ b/css/base/bazarr/blackberry-martian.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
--- a/css/base/bazarr/blackberry-pumpkin.css
+++ b/css/base/bazarr/blackberry-pumpkin.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
--- a/css/base/bazarr/blackberry-royal.css
+++ b/css/base/bazarr/blackberry-royal.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
--- a/css/base/bazarr/blackberry-shadow.css
+++ b/css/base/bazarr/blackberry-shadow.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
--- a/css/base/bazarr/blackberry-solar.css
+++ b/css/base/bazarr/blackberry-solar.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
--- a/css/base/bazarr/blackberry-vanta.css
+++ b/css/base/bazarr/blackberry-vanta.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
--- a/css/base/bazarr/dark.css
+++ b/css/base/bazarr/dark.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
--- a/css/base/bazarr/dracula.css
+++ b/css/base/bazarr/dracula.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
--- a/css/base/bazarr/hotline-old.css
+++ b/css/base/bazarr/hotline-old.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
--- a/css/base/bazarr/hotline.css
+++ b/css/base/bazarr/hotline.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/theme-options/hotline.css?sha=1cf394f1f517bb0ce3672d67846a3ab1bf8eda4c");
--- a/css/base/bazarr/hotpink.css
+++ b/css/base/bazarr/hotpink.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
--- a/css/base/bazarr/maroon.css
+++ b/css/base/bazarr/maroon.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/theme-options/maroon.css?sha=2260540a1a97c69eadd787b998113b892e4124da");
--- a/css/base/bazarr/mind.css
+++ b/css/base/bazarr/mind.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/mind.css?sha=bd65d1ae6f686873d9ef0d04100ae358deca1844");
--- a/css/base/bazarr/nord.css
+++ b/css/base/bazarr/nord.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/theme-options/nord.css?sha=66e2ab527d521003b7c1cd114a31af3d2cb6af7b");
--- a/css/base/bazarr/onedark.css
+++ b/css/base/bazarr/onedark.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
--- a/css/base/bazarr/organizr.css
+++ b/css/base/bazarr/organizr.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
--- a/css/base/bazarr/overseerr.css
+++ b/css/base/bazarr/overseerr.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
--- a/css/base/bazarr/pine-shadow.css
+++ b/css/base/bazarr/pine-shadow.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
--- a/css/base/bazarr/plex.css
+++ b/css/base/bazarr/plex.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/theme-options/plex.css?sha=f31f9e494f6e675b55d16f0f811d94a0b9def845");
--- a/css/base/bazarr/power.css
+++ b/css/base/bazarr/power.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/power.css?sha=e3e059c24433790a92157332489c91eb6fabaf96");
--- a/css/base/bazarr/reality.css
+++ b/css/base/bazarr/reality.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/reality.css?sha=411fda46ff8940263182b2cc9b8c0144e62473d7");
--- a/css/base/bazarr/soul.css
+++ b/css/base/bazarr/soul.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/soul.css?sha=07c2b204f14dbe38c7a5f9d0b7d901de99f4e4c3");
--- a/css/base/bazarr/space-gray.css
+++ b/css/base/bazarr/space-gray.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/theme-options/space-gray.css?sha=b8691b12c5972ad40471008c8d9fb05145b692d4");
--- a/css/base/bazarr/space.css
+++ b/css/base/bazarr/space.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/space.css?sha=0f922ed3e9d26c0a6242132bcdc1d2bc4aec6f7b");
--- a/css/base/bazarr/time.css
+++ b/css/base/bazarr/time.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/time.css?sha=6cc9173f0be75cbd57bce1bd2aeddbd6da8258c8");
--- a/css/base/bazarr/trueblack.css
+++ b/css/base/bazarr/trueblack.css
@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9");
+@import url("/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b");
@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
--- a/themes.json
+++ b/themes.json
@ -190,7 +190,7 @@
        "bazarr-4k-logo": "https://develop.theme-park.dev/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css?sha=009d20105d6aae7ae2f1b9f5c76be9c19452fb42",
        "bazarr-darker": "https://develop.theme-park.dev/css/addons/bazarr/bazarr-darker/bazarr-darker.css?sha=3422e0fc533aabd876102d44e4c6d915345d1771"
      },
-      "base_css": "https://develop.theme-park.dev/css/base/bazarr/bazarr-base.css?sha=4fe9f307d29005c6cb968e3a003ad849244403f9"
+      "base_css": "https://develop.theme-park.dev/css/base/bazarr/bazarr-base.css?sha=877f6361a15a48da445173210683058df6ed3a3b"
    },
    "bitwarden": {
      "addons": {},