formatting

CSS/themes/adguard/adguard-base.css

@@ -42,12 +42,15 @@ body {
         -o-background-size: auto, cover;
     }
 }
+
 body *::-webkit-scrollbar-thumb {
     background: hsla(0, 0%, 100%, .2);
 }
+
 body *:hover::-webkit-scrollbar-thumb {
     background: hsla(0, 0%, 100%, 0.4);
 }
+
 ::-webkit-scrollbar {
     width: 14px;
 }
@@ -85,9 +88,22 @@ a:hover {
 a:-webkit-any-link:focus {
     outline: none;
 }
-h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
     color: var(--text-hover)
 }
+
 /* LOGIN PAGE */
 
 .login .login__form .text-center .h-6 {
@@ -214,6 +230,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     background: rgb(var(--accent-color));
     color: var(--label-text-color);
 }
+
 .toast--success {
     background-color: rgba(90, 173, 99, 0.75);
 }
@@ -277,7 +294,8 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     border-color: #F44336;
 }
 
-.btn-icon--green,.icon--green {
+.btn-icon--green,
+.icon--green {
     color: var(--button-color);
 }
 
@@ -307,6 +325,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     text-decoration: none;
     background-color: rgb(255 255 255 / 0.08);
 }
+
 .select__menu {
     background: var(--modal-bg-color) !important;
     background-repeat: repeat, no-repeat;
@@ -318,17 +337,22 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     -o-background-size: auto, cover;
     box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .5);
 }
+
 .select__option:hover {
     background: rgba(255, 255, 255, .08) !important;
 }
+
 .select__option {
     background: rgba(0, 0, 0, 0) !important;
     border-bottom: solid rgba(255, 255, 255, .1) 1px;
 }
+
 .select__multi-value__remove {
     color: black;
 }
-.basic-multi-select .select__control--is-focused, .basic-multi-select .select__control--is-focused:hover {
+
+.basic-multi-select .select__control--is-focused,
+.basic-multi-select .select__control--is-focused:hover {
     border-color: transparent !important;
 }
 
@@ -340,6 +364,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 .setup__progress-wrap {
     background-color: rgb(0 0 0 / 50%);
 }
+
 .setup__logo {
     filter: invert(1);
 }
@@ -411,7 +436,8 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     background: rgba(255, 255, 255, 0.5);
 }
 
-.ReactTable .rt-thead .rt-th, .ReactTable .rt-thead .rt-td,
+.ReactTable .rt-thead .rt-th,
+.ReactTable .rt-thead .rt-td,
 .logs__cell--header__container {
     color: var(--text-hover);
 }
@@ -420,7 +446,10 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     border-bottom: solid 1px rgb(255 255 255 / 20%);
 }
 
-.table th, .text-wrap table th, .table td, .text-wrap table td {
+.table th,
+.text-wrap table th,
+.table td,
+.text-wrap table td {
     padding: 0.75rem;
     vertical-align: top;
     border-top: 1px solid rgba(255, 255, 255, 0.2);
@@ -511,11 +540,13 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
     background-color: rgb(var(--accent-color));
 }
+
 .custom-control-input:focus~.custom-control-label::before,
 .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
     -webkit-box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 0 2px rgb(var(--accent-color), .25);
     box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 0 2px rgb(var(--accent-color), .25);
 }
+
 /* MODALS */
 .modal-content {
     background: var(--modal-bg-color);

CSS/themes/bazarr/bazarr-base.css

@@ -92,12 +92,20 @@ a:hover {
 .table {
     color: var(--text);
 }
+
 .table thead th {
     color: var(--text-hover);
 }
 
-h1, h2, h3, h4, h5, h6,
+h1,
-.custom-control-label,label,.modal-header {
+h2,
+h3,
+h4,
+h5,
+h6,
+.custom-control-label,
+label,
+.modal-header {
     color: var(--text-hover);
 }
 
@@ -212,6 +220,7 @@ h1, h2, h3, h4, h5, h6,
     background-color: transparent !important;
     color: rgb(var(--accent-color)) !important;
 }
+
 .content-header.bg-dark .btn-dark:hover {
     color: rgb(var(--accent-color));
 }
@@ -233,7 +242,9 @@ h1, h2, h3, h4, h5, h6,
 .content-header.bg-dark .btn-dark {
     color: var(--text);
 }
-.btn-dark.disabled:hover, .btn-dark:disabled:hover {
+
+.btn-dark.disabled:hover,
+.btn-dark:disabled:hover {
     color: var(--text) !important;
 }
 
@@ -257,10 +268,12 @@ h1, h2, h3, h4, h5, h6,
         -o-background-size: auto, cover;
     }
 }
+
 .sidebar-container .badge-secondary {
     color: var(--label-text-color);
     background-color: var(--queue-color);
 }
+
 /* TOP NAV BAR */
 .header-container .bg-primary {
     background-color: rgba(0, 0, 0, .35) !important;
@@ -313,13 +326,16 @@ h1, h2, h3, h4, h5, h6,
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 .auth-card {
     border: 1px solid transparent;
 }
+
 .auth-card .card-footer {
     background-color: transparent;
     border-top: 1px solid rgba(255, 255, 255, .1);
 }
+
 hr {
     border-top: 1px solid rgb(255 255 255 / 10%);
 }
@@ -642,6 +658,7 @@ hr {
 .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;
 }
@@ -658,7 +675,8 @@ input {
 }
 
 /* DROPDOWN MENU */
-.dropdown-menu,.dropdown-header {
+.dropdown-menu,
+.dropdown-header {
     color: var(--text);
     background: var(--drop-down-menu-bg);
     background-repeat: repeat, no-repeat;
@@ -817,6 +835,7 @@ line {
     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

CSS/themes/bitwarden/bitwarden-base.css

@@ -63,9 +63,23 @@ app-org-vault-groupings .card li.active>div a:first-of-type,
     background-color: rgba(255, 255, 255, .08);
 }
 
-h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,label,label:not(.form-check-label):not(.btn), label.bold
+h1,
-.card-header:first-child,
+h2,
-.card-header, .modal-header {
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+label,
+label:not(.form-check-label):not(.btn),
+label.bold .card-header:first-child,
+.card-header,
+.modal-header {
     color: var(--text-hover) !important;
 }
 
@@ -73,7 +87,11 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,label,label:not(.form-check
 .navbar {
     background-color: rgb(0 0 0 / 25%) !important;
 }
-.navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
+
+.navbar-dark .navbar-nav .show>.nav-link,
+.navbar-dark .navbar-nav .active>.nav-link,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .nav-link.active {
     color: rgb(var(--accent-color));
 }
 
@@ -316,7 +334,8 @@ a.text-danger:focus {
 .swal2-popup .swal2-actions button.swal2-cancel:focus,
 .btn-outline-secondary.focus,
 .swal2-popup .swal2-actions button.focus.swal2-cancel,
-.btn-outline-primary:focus, .btn-outline-primary.focus {
+.btn-outline-primary:focus,
+.btn-outline-primary.focus {
     box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5);
 }
 
@@ -381,6 +400,7 @@ app-vault-groupings .card .card-body a:hover.text-muted {
     color: #fff !important;
     opacity: 1 !important;
 }
+
 app-vault-groupings .card li.active>a:first-of-type,
 app-vault-groupings .card li.active>div a:first-of-type,
 app-org-vault-groupings .card li.active>a:first-of-type,
@@ -393,6 +413,7 @@ app-org-vault-groupings .card li.active>div a:first-of-type {
 input::-webkit-input-placeholder {
     color: var(--text);
 }
+
 input:focus::-webkit-input-placeholder {
     color: #000;
 }
@@ -401,6 +422,7 @@ input:focus::-webkit-input-placeholder {
 input:-moz-placeholder {
     color: var(--text);
 }
+
 input:focus:-moz-placeholder {
     color: #000;
 }
@@ -409,6 +431,7 @@ input:focus:-moz-placeholder {
 input::-moz-placeholder {
     color: var(--text);
 }
+
 input:focus::-moz-placeholder {
     color: #000;
 }
@@ -417,6 +440,7 @@ input:focus::-moz-placeholder {
 input:-ms-input-placeholder {
     color: var(--text);
 }
+
 input:focus:-ms-input-placeholder {
     color: #000;
 }

CSS/themes/calibreweb/calibreweb-base.css

@@ -145,6 +145,7 @@
  .modal-content {
      background-color: var(--modal-bg-color);
  }
+
  #GeneralDeleteModal .bg-danger {
      background: var(--modal-bg-color);
  }
@@ -173,7 +174,8 @@
  .btn-toolbar>.btn-group>#btnGroupDrop2:hover>span,
  .btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2:hover>span,
  div[aria-label="Edit/Delete book"]>.btn>span:hover,
- #btnGroupDrop1[aria-expanded=true] > span, #shelf-actions > .btn-group.open > #add-to-shelf > span {
+ #btnGroupDrop1[aria-expanded=true]>span,
+ #shelf-actions>.btn-group.open>#add-to-shelf>span {
      color: var(--text-hover);
  }
 

CSS/themes/deluge/deluge-base.css

@@ -1,5 +1,3 @@
- 
-  
  /*    dP   dP                                                                  dP        */
  /*    88   88                                                                  88        */
  /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -37,19 +35,22 @@
  ::-webkit-scrollbar-corner {
      background-color: hsla(0, 0%, 100%, .08);
  }
+
  ::-webkit-scrollbar {
      width: 10px;
      height: 10px;
      background: rgba(0, 0, 0, .25);
 
  }
+
  ::-webkit-scrollbar-thumb {
      -webkit-border-radius: 2px;
      border-radius: 2px;
      background-color: hsla(0, 0%, 100%, .08);
  }
 
-  .x-grid3-header table, .x-grid3-body table {
+ .x-grid3-header table,
+ .x-grid3-body table {
      border-collapse: collapse;
  }
 
@@ -63,6 +64,7 @@
      //background-image: url(../images/gray/panel/white-top-bottom.gif);
      background-position: 0 -1px;
  }
+
  .ext-el-mask-msg div {
      background-color: #eee;
      border-color: #d0d0d0;
@@ -91,49 +93,67 @@
      border-color: #fff;
  }
 
-  .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
+ .x-color-palette a:hover,
+ .x-color-palette a.x-color-palette-sel {
      border-color: #CFCFCF;
      background-color: #eaeaea;
  }
+
  .x-deluge-plugins {
      background: transparent;
  }
+
  .x-deluge-all {
      background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/all.png);
      background-position: left center;
  }
 
-  .x-deluge-downloading, .x-btn .x-deluge-downloading, .x-deluge-peer {
+ .x-deluge-downloading,
+ .x-btn .x-deluge-downloading,
+ .x-deluge-peer {
      background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/dling.png);
      background-position: left center;
  }
 
-  .x-deluge-seeding, .x-btn .x-deluge-seeding, .deluge-torrents .seeding, .x-deluge-seed {
+ .x-deluge-seeding,
+ .x-btn .x-deluge-seeding,
+ .deluge-torrents .seeding,
+ .x-deluge-seed {
      background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/uling.png);
      background-position: left center;
  }
 
-  .x-deluge-active, .x-deluge-traffic, .x-btn .x-deluge-traffic {
+ .x-deluge-active,
+ .x-deluge-traffic,
+ .x-btn .x-deluge-traffic {
      background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/active.png);
      background-position: left center;
  }
 
-  .x-deluge-paused, .x-btn .x-deluge-paused, .deluge-torrents .paused {
+ .x-deluge-paused,
+ .x-btn .x-deluge-paused,
+ .deluge-torrents .paused {
      background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/paused.png);
      background-position: left center;
  }
 
-  .x-deluge-queued, .x-btn .x-deluge-queued, .deluge-torrents .queued {
+ .x-deluge-queued,
+ .x-btn .x-deluge-queued,
+ .deluge-torrents .queued {
      background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/queued.png);
      background-position: left center;
  }
 
-  .x-deluge-checking, .deluge-torrents .checking {
+ .x-deluge-checking,
+ .deluge-torrents .checking {
      background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/checking.png);
      background-position: left center;
  }
 
-  .x-deluge-error, .deluge-torrents .error, .icon-error, .x-not-connected {
+ .x-deluge-error,
+ .deluge-torrents .error,
+ .icon-error,
+ .x-not-connected {
      background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/error.png) !important;
      background-position: left center;
  }
@@ -143,12 +163,14 @@
      background-position: left center;
  }
 
-  .x-deluge-connections, .x-btn .x-deluge-connections {
+ .x-deluge-connections,
+ .x-btn .x-deluge-connections {
      background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connections.png) !important;
      background-position: left center;
  }
 
-  .x-deluge-freespace, .x-btn .x-deluge-freespace {
+ .x-deluge-freespace,
+ .x-btn .x-deluge-freespace {
      background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/harddrive.png) !important;
      background-position: left center;
  }
@@ -158,12 +180,17 @@
      background-position: left center;
  }
 
-  .icon-recheck, .x-deluge-find-more, .x-btn .x-deluge-find-more {
+ .icon-recheck,
+ .x-deluge-find-more,
+ .x-btn .x-deluge-find-more {
      background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/search.png) !important;
      background-position: left center;
  }
 
-  .icon-edit-trackers, .icon-edit, .x-deluge-edit-trackers, .x-btn .x-deluge-edit-trackers {
+ .icon-edit-trackers,
+ .icon-edit,
+ .x-deluge-edit-trackers,
+ .x-btn .x-deluge-edit-trackers {
      background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/edit.png) !important;
      background-position: left center;
  }
@@ -183,12 +210,14 @@
      background-position: left center;
  }
 
-  .icon-queue, .icon-upload-slots {
+ .icon-queue,
+ .icon-upload-slots {
      background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/queue.png) !important;
      background-position: left center;
  }
 
-  .x-deluge-install-plugin, .x-btn .x-deluge-install-plugin {
+ .x-deluge-install-plugin,
+ .x-btn .x-deluge-install-plugin {
      background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/plugin.png) !important;
      background-position: left center;
  }
@@ -236,11 +265,17 @@
      //background-image: url(../images/default/shadow-c.png);
  }
 
-  .x-shadow .xsml, .x-shadow .xsmr {
+ .x-shadow .xsml,
+ .x-shadow .xsmr {
      //background-image: url(../images/default/shadow-lr.png);
  }
 
-  .x-shadow .xstl, .x-shadow .xstc,  .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
+ .x-shadow .xstl,
+ .x-shadow .xstc,
+ .x-shadow .xstr,
+ .x-shadow .xsbl,
+ .x-shadow .xsbc,
+ .x-shadow .xsbr {
      //background-image: url(../images/default/shadow.png);
  }
 
@@ -253,7 +288,8 @@
      background-color: #ccc;
  }
 
-  .x-tab-panel-header, .x-tab-panel-footer {
+ .x-tab-panel-header,
+ .x-tab-panel-footer {
      background: var(--main-bg-color);
      border-color: #d0d0d0;
      overflow: hidden;
@@ -261,7 +297,8 @@
      padding-bottom: 0;
  }
 
-  .x-tab-panel-header, .x-tab-panel-footer {
+ .x-tab-panel-header,
+ .x-tab-panel-footer {
      border-color: transparent;
  }
 
@@ -301,17 +338,21 @@
      color: var(--text-muted);
  }
 
-  .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
+ .x-tab-strip-top .x-tab-right,
+ .x-tab-strip-top .x-tab-left,
+ .x-tab-strip-top .x-tab-strip-inner {
      background-image: none;
      background-color: transparent;
  }
+
  ul.x-tab-strip li {
      float: left;
      margin-left: 2px;
      background: rgba(0, 0, 0, 0.25);
  }
 
-  #torrentDetails dl dt, dl.singleline dt {
+ #torrentDetails dl dt,
+ dl.singleline dt {
      color: var(--text-hover) !important;
  }
 
@@ -382,14 +423,17 @@
      border-bottom-color: #d0d0d0;
  }
 
-  .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
+ .x-tab-panel-bbar .x-toolbar,
+ .x-tab-panel-tbar .x-toolbar {
      border-color: #d0d0d0;
  }
+
  .x-form-field {
      font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif;
  }
 
-  .x-form-text, textarea.x-form-field {
+ .x-form-text,
+ textarea.x-form-field {
      background-color: rgba(255, 255, 255, 0.08);
      background-image: none;
      border-color: transparent;
@@ -438,11 +482,13 @@
      border-bottom-color: #b5b8c8;
  }
 
-  .x-form-focus, textarea.x-form-focus{
+ .x-form-focus,
+ textarea.x-form-focus {
      border-color: transparent;
  }
 
-  .x-form-invalid, textarea.x-form-invalid{
+ .x-form-invalid,
+ textarea.x-form-invalid {
      background-color: #fff;
      //background-image: url(../images/default/grid/invalid_line.gif);
      border-color: #c30;
@@ -453,7 +499,8 @@
      border-color: #ff7870;
  }
 
-  .x-form-inner-invalid, textarea.x-form-inner-invalid{
+ .x-form-inner-invalid,
+ textarea.x-form-inner-invalid {
      background-color: #fff;
      //background-image: url(../images/default/grid/invalid_line.gif);
  }
@@ -497,7 +544,8 @@
      color: var(--text-hover);
  }
 
-  .x-window-draggable, .x-window-draggable .x-window-header-text {
+ .x-window-draggable,
+ .x-window-draggable .x-window-header-text {
      color: var(--text-hover);
  }
 
@@ -635,17 +683,20 @@
      background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/settings_small.png) no-repeat 0 0px !important;
  }
 
-  .x-deluge-connection-manager, .x-btn .x-deluge-connection-manager {
+ .x-deluge-connection-manager,
+ .x-btn .x-deluge-connection-manager {
      background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection.png) no-repeat 0 0 !important;
      width: 24px !important;
      overflow: hidden;
  }
 
-  .x-deluge-connection-manager:hover, .x-btn .x-deluge-connection-manager:hover {
+ .x-deluge-connection-manager:hover,
+ .x-btn .x-deluge-connection-manager:hover {
      background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection.png) no-repeat 0 -24px !important;
  }
 
-  .x-deluge-connection-manager:active, .x-btn .x-deluge-connection-manager:active {
+ .x-deluge-connection-manager:active,
+ .x-btn .x-deluge-connection-manager:active {
      background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/deluge/connection.png) no-repeat 1px -23px !important;
  }
 
@@ -687,6 +738,7 @@
      font-size: 16px;
      font-weight: normal;
  }
+
  #tbar-deluge-text * {
      color: var(--text-hover) !important;
  }
@@ -695,20 +747,24 @@
  .x-btn {
      font: normal 11px 'Roboto', tahoma, verdana, helvetica;
  }
+
  .x-window-bc .x-window-footer .x-btn {
      background-color: var(--button-color);
      color: var(--button-text);
  }
+
  .x-window-bc .x-window-footer .x-btn:hover {
      background-color: var(--button-color-hover);
      color: var(--button-text-hover)
  }
+
  .x-form-file-wrap .x-btn {
      position: absolute;
      right: 0;
      z-index: 1;
      background: var(--button-color);
  }
+
  .x-form-file-wrap:hover .x-form-file-btn:hover .x-btn:hover {
      position: absolute;
      right: 0;
@@ -727,11 +783,21 @@
      font-weight: normal;
  }
 
-  .x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{
+ .x-btn-tl,
+ .x-btn-tr,
+ .x-btn-tc,
+ .x-btn-ml,
+ .x-btn-mr,
+ .x-btn-mc,
+ .x-btn-bl,
+ .x-btn-br,
+ .x-btn-bc {
      background-image: none;
  }
 
-  .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
+ .x-btn-click .x-btn-text,
+ .x-btn-menu-active .x-btn-text,
+ .x-btn-pressed .x-btn-text {
      color: #AAAAAA;
  }
 
@@ -747,7 +813,10 @@
      //background-image: url(../images/default/button/s-arrow.gif);
  }
 
-  .x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split {
+ .x-btn-over .x-btn-mc em.x-btn-split,
+ .x-btn-click .x-btn-mc em.x-btn-split,
+ .x-btn-menu-active .x-btn-mc em.x-btn-split,
+ .x-btn-pressed .x-btn-mc em.x-btn-split {
      //background-image: url(../images/gray/button/s-arrow-o.gif);
  }
 
@@ -759,7 +828,10 @@
      //background-image: url(../images/default/button/s-arrow-b.gif);
  }
 
-  .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
+ .x-btn-over .x-btn-mc em.x-btn-split-bottom,
+ .x-btn-click .x-btn-mc em.x-btn-split-bottom,
+ .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom,
+ .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
      //background-image: url(../images/gray/button/s-arrow-bo.gif);
  }
 
@@ -794,6 +866,7 @@
  .x-btn-group-ml {
      //background-image: url(../images/gray/button/group-lr.gif);
  }
+
  .x-btn-group-mr {
      //background-image: url(../images/gray/button/group-lr.gif);
  }
@@ -801,13 +874,19 @@
  .x-btn-group-notitle .x-btn-group-tc {
      //background-image: url(../images/gray/button/group-tb.gif);
  }
+
  .x-toolbar {
      border-color: transparent;
      background-color: transparent;
      background-image: none;
  }
 
-  .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
+ .x-toolbar td,
+ .x-toolbar span,
+ .x-toolbar input,
+ .x-toolbar div,
+ .x-toolbar select,
+ .x-toolbar label {
      font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif;
  }
 
@@ -827,9 +906,10 @@
      //background-image: url(../images/default/button/s-arrow-noline.gif);
  }
 
-  .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, 
+ .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split,
-  .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split 
+ .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split,
-  {
+ .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split,
+ .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split {
      //background-image: url(../images/gray/button/s-arrow-o.gif);
  }
 
@@ -837,9 +917,10 @@
      //background-image: url(../images/default/button/s-arrow-b-noline.gif);
  }
 
-  .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, 
+ .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom,
-  .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom 
+ .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom,
-  {
+ .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom,
+ .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
      //background-image: url(../images/gray/button/s-arrow-bo.gif);
  }
 
@@ -895,43 +976,58 @@
  .x-toolbar-more-icon {
      //background-image: url(../images/gray/toolbar/more.gif) !important;
  }
+
  .x-resizable-handle {
      background-color: #fff;
  }
 
-  .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
+ .x-resizable-over .x-resizable-handle-east,
-  .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
+ .x-resizable-pinned .x-resizable-handle-east,
-  {
+ .x-resizable-over .x-resizable-handle-west,
+ .x-resizable-pinned .x-resizable-handle-west {
      //background-image: url(../images/gray/sizer/e-handle.gif);
  }
 
-  .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
+ .x-resizable-over .x-resizable-handle-south,
-  .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
+ .x-resizable-pinned .x-resizable-handle-south,
-  {
+ .x-resizable-over .x-resizable-handle-north,
+ .x-resizable-pinned .x-resizable-handle-north {
      //background-image: url(../images/gray/sizer/s-handle.gif);
  }
 
-  .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
+ .x-resizable-over .x-resizable-handle-north,
+ .x-resizable-pinned .x-resizable-handle-north {
      //background-image: url(../images/gray/sizer/s-handle.gif);
  }
-  .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
+
+ .x-resizable-over .x-resizable-handle-southeast,
+ .x-resizable-pinned .x-resizable-handle-southeast {
      //background-image: url(../images/gray/sizer/se-handle.gif);
  }
-  .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
+
+ .x-resizable-over .x-resizable-handle-northwest,
+ .x-resizable-pinned .x-resizable-handle-northwest {
      //background-image: url(../images/gray/sizer/nw-handle.gif);
  }
-  .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
+
+ .x-resizable-over .x-resizable-handle-northeast,
+ .x-resizable-pinned .x-resizable-handle-northeast {
      //background-image: url(../images/gray/sizer/ne-handle.gif);
  }
-  .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
+
+ .x-resizable-over .x-resizable-handle-southwest,
+ .x-resizable-pinned .x-resizable-handle-southwest {
      //background-image: url(../images/gray/sizer/sw-handle.gif);
  }
+
  .x-resizable-proxy {
      border-color: #565656;
  }
+
  .x-resizable-overlay {
      background-color: #fff;
  }
+
  .x-grid3 {
      background: rgba(0, 0, 0, 0.25);
  }
@@ -940,7 +1036,8 @@
      border-color: #d0d0d0;
  }
 
-  .x-grid3-row td, .x-grid3-summary-row td{
+ .x-grid3-row td,
+ .x-grid3-summary-row td {
      font: normal 11px/16px 'Roboto', arial, tahoma, helvetica, sans-serif;
  }
 
@@ -996,12 +1093,18 @@
      //background-image: url(../images/default/grid/hd-pop.gif);
  }
 
-  td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
+ td.x-grid3-hd-over,
+ td.sort-desc,
+ td.sort-asc,
+ td.x-grid3-hd-menu-open {
      border-left-color: rgba(0, 0, 0, 0.25);
      border-right-color: transparent;
  }
 
-  td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
+ td.x-grid3-hd-over .x-grid3-hd-inner,
+ td.sort-desc .x-grid3-hd-inner,
+ td.sort-asc .x-grid3-hd-inner,
+ td.x-grid3-hd-menu-open .x-grid3-hd-inner {
      background-color: rgba(0, 0, 0, 0.25);
      background-image: none;
 
@@ -1015,7 +1118,8 @@
      //background-image: url(../images/gray/grid/sort_desc.gif);
  }
 
-  .x-grid3-cell-text, .x-grid3-hd-text {
+ .x-grid3-cell-text,
+ .x-grid3-hd-text {
      color: #000;
  }
 
@@ -1061,7 +1165,8 @@
      color: #000;
  }
 
-  .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
+ .x-grid3-locked td.x-grid3-row-marker,
+ .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker {
      background-color: #ebeadb !important;
      //background-image: url(../images/default/grid/grid-hrow.gif) !important;
      color: #000;
@@ -1069,7 +1174,8 @@
      border-right-color: #6fa0df !important;
  }
 
-  .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
+ .x-grid3-locked td.x-grid3-row-marker div,
+ .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div {
      color: #333 !important;
  }
 
@@ -1077,7 +1183,8 @@
      //background-image: url(../images/default/grid/dirty.gif);
  }
 
-  .x-grid3-topbar, .x-grid3-bottombar{
+ .x-grid3-topbar,
+ .x-grid3-bottombar {
      font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif;
  }
 
@@ -1111,7 +1218,8 @@
      //background-image: url(../images/default/grid/hmenu-unlock.gif);
  }
 
-  .x-grid3-hd-btn, a.x-grid3-hd-btn:hover {
+ .x-grid3-hd-btn,
+ a.x-grid3-hd-btn:hover {
      background: linear-gradient(116deg, transparent 0%, transparent 0%, transparent 60%, #252525 60%), linear-gradient(244deg, var(--text-hover) 0%, var(--text-hover) 0%, var(--text-hover) 60%, transparent 60%);
      height: 6px !important;
      width: 8px;
@@ -1132,7 +1240,8 @@
      //background-image: url(../images/default/grid/grid3-special-col-bg.gif);
  }
 
-  .x-grid3-row-checker, .x-grid3-hd-checker {
+ .x-grid3-row-checker,
+ .x-grid3-hd-checker {
      //background-image: url(../images/default/grid/row-check-sprite.gif);
  }
 
@@ -1162,7 +1271,9 @@
      //background-image: url(../images/default/menu/checked.gif);
  }
 
-  .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
+ .x-grid-group,
+ .x-grid-group-body,
+ .x-grid-group-hd {
      zoom: 1;
  }
 
@@ -1212,6 +1323,7 @@
  .x-grid-with-col-lines .x-grid3-row-selected {
      border-top-color: #B9B9B9;
  }
+
  .x-pivotgrid .x-grid3-header-offset table td {
      background: url(../images/gray/grid/grid3-hrow2.gif) repeat-x 50% 100%;
      border-left: 1px solid;
@@ -1234,6 +1346,7 @@
      border-bottom-color: #D0D0D0;
      height: 18px;
  }
+
  .x-dd-drag-ghost {
      color: #000;
      font: normal 11px 'Roboto', arial, helvetica, sans-serif;
@@ -1353,15 +1466,18 @@
      font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif;
  }
 
-  .x-treegrid-root-table, .x-treegrid-col {
+ .x-treegrid-root-table,
+ .x-treegrid-col {
      border-color: rgba(255, 255, 255, 0.08) !important;
  }
 
-  .x-tree-node a, .x-dd-drag-ghost a{
+ .x-tree-node a,
+ .x-dd-drag-ghost a {
      color: #cccccc;
  }
 
-  .x-tree-node a span, .x-dd-drag-ghost a span{
+ .x-tree-node a span,
+ .x-dd-drag-ghost a span {
      color: #cccccc;
  }
 
@@ -1413,12 +1529,15 @@
  .x-tree-drop-ok-between .x-dd-drop-icon {
      //background-image: url(../images/default/tree/drop-between.gif);
  }
+
  .x-date-picker {
      border-color: #585858;
      background-color: #fff;
  }
 
-  .x-date-middle,.x-date-left,.x-date-right {
+ .x-date-middle,
+ .x-date-left,
+ .x-date-right {
      //background-image: url(../images/gray/shared/hd-sprite.gif);
      color: #fff;
      font: bold 11px 'Roboto', "sans serif", tahoma, verdana, helvetica;
@@ -1484,7 +1603,8 @@
      font-weight: bold;
  }
 
-  .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
+ .x-date-inner .x-date-prevday a,
+ .x-date-inner .x-date-nextday a {
      color: #aaa;
  }
 
@@ -1494,7 +1614,8 @@
      background: #D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
  }
 
-  .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
+ .x-date-inner a:hover,
+ .x-date-inner .x-date-disabled a:hover {
      color: #000;
      background-color: #D8D8D8;
  }
@@ -1537,11 +1658,13 @@
      border-top-color: #AFAFAF;
  }
 
-  td.x-date-mp-month a,td.x-date-mp-year a {
+ td.x-date-mp-month a,
+ td.x-date-mp-year a {
      color: #333;
  }
 
-  td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
+ td.x-date-mp-month a:hover,
+ td.x-date-mp-year a:hover {
      color: #333;
      background-color: #FDFDFD;
  }
@@ -1564,13 +1687,21 @@
      //background-image: url(../images/gray/qtip/close.gif);
  }
 
-  .x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr {
+ .x-tip .x-tip-tc,
+ .x-tip .x-tip-tl,
+ .x-tip .x-tip-tr,
+ .x-tip .x-tip-bc,
+ .x-tip .x-tip-bl,
+ .x-tip .x-tip-br,
+ .x-tip .x-tip-ml,
+ .x-tip .x-tip-mr {
      //background-image: url(../images/gray/qtip/tip-sprite.gif);
  }
 
  .x-tip .x-tip-mc {
      font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif;
  }
+
  .x-tip .x-tip-ml {
      background-color: #fff;
  }
@@ -1585,9 +1716,14 @@
      color: #444;
  }
 
-  .x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc,
+ .x-form-invalid-tip .x-tip-tc,
-  .x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr
+ .x-form-invalid-tip .x-tip-tl,
-  {
+ .x-form-invalid-tip .x-tip-tr,
+ .x-form-invalid-tip .x-tip-bc,
+ .x-form-invalid-tip .x-tip-bl,
+ .x-form-invalid-tip .x-tip-br,
+ .x-form-invalid-tip .x-tip-ml,
+ .x-form-invalid-tip .x-tip-mr {
      //background-image: url(../images/default/form/error-tip-corners.gif);
  }
 
@@ -1598,6 +1734,7 @@
  .x-tip-anchor {
      //background-image: url(../images/gray/qtip/tip-anchor-sprite.gif);
  }
+
  .x-menu {
      background: var(--drop-down-menu-bg);
      background-repeat: repeat, no-repeat;
@@ -1681,7 +1818,9 @@
 
  .x-menu-scroller-bottom {
      //background-image: url(../images/default/layout/mini-bottom.gif);
-  }.x-box-tl {
+ }
+
+ .x-box-tl {
      //background-image: url(../images/default/box/corners.gif);
  }
 
@@ -1726,11 +1865,16 @@
      //background-image: url(../images/default/box/corners.gif);
  }
 
-  .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
+ .x-box-blue .x-box-bl,
+ .x-box-blue .x-box-br,
+ .x-box-blue .x-box-tl,
+ .x-box-blue .x-box-tr {
      //background-image: url(../images/default/box/corners-blue.gif);
  }
 
-  .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
+ .x-box-blue .x-box-bc,
+ .x-box-blue .x-box-mc,
+ .x-box-blue .x-box-tc {
      //background-image: url(../images/default/box/tb-blue.gif);
  }
 
@@ -1749,6 +1893,7 @@
  .x-box-blue .x-box-mr {
      //background-image: url(../images/default/box/r-blue.gif);
  }
+
  .x-combo-list {
      border-color: #666666;
      background-color: #252525;
@@ -1822,15 +1967,18 @@
      -o-background-size: auto, cover;
  }
 
-  .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
+ .x-panel-bbar .x-toolbar,
+ .x-panel-tbar .x-toolbar {
      border-color: transparent !important;
  }
 
-  .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
+ .x-panel-tbar-noheader .x-toolbar,
+ .x-panel-mc .x-panel-tbar .x-toolbar {
      border-top-color: transparent;
  }
 
-  .x-panel-body-noheader, .x-panel-mc .x-panel-body {
+ .x-panel-body-noheader,
+ .x-panel-mc .x-panel-body {
      border-top-color: transparent;
  }
 
@@ -1843,7 +1991,10 @@
      //background-image: url(../images/gray/panel/top-bottom.gif);
  }
 
-  .x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
+ .x-panel-tl,
+ .x-panel-tr,
+ .x-panel-bl,
+ .x-panel-br {
      //background-image: url(../images/gray/panel/corners-sprite.gif);
      border-bottom-color: #d0d0d0;
  }
@@ -1945,12 +2096,19 @@
      border-color: #d0d0d0;
  }
 
-  .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
+ .x-panel-fbar td,
+ .x-panel-fbar span,
+ .x-panel-fbar input,
+ .x-panel-fbar div,
+ .x-panel-fbar select,
+ .x-panel-fbar label {
      font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif;
  }
 
-  .x-window, .x-window .x-panel-body,
+ .x-window,
-  .x-window .x-tab-panel-header, .x-tab-panel-footer,
+ .x-window .x-panel-body,
+ .x-window .x-tab-panel-header,
+ .x-tab-panel-footer,
  .x-window .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
      background: var(--modal-bg-color) !important;
      background-repeat: repeat, no-repeat;
@@ -1961,7 +2119,9 @@
      -moz-background-size: auto, cover;
      -o-background-size: auto, cover;
  }
-  .x-window .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
+
+ .x-window .x-panel-bbar .x-toolbar,
+ .x-panel-tbar .x-toolbar {
      background: var(--modal-bg-color);
      background-repeat: repeat, no-repeat;
      background-attachment: fixed, fixed;
@@ -2079,13 +2239,16 @@
  body.x-body-masked .x-window-plain .x-window-mc {
      background-color: transparent;
  }
+
  .x-html-editor-wrap {
      border-color: #BCBCBC;
      background-color: #fff;
  }
+
  .x-html-editor-tb .x-btn-text {
      //background-image: url(../images/default/editor/tb-sprite.gif);
  }
+
  .x-panel-noborder .x-panel-header-noborder {
      border-bottom-color: rgba(255, 255, 255, 0.08);
  }
@@ -2117,6 +2280,7 @@
  .x-border-layout-ct {
      background-color: #f0f0f0;
  }
+
  .x-border-layout-ct {
      background: var(--main-bg-color);
      background-repeat: repeat, no-repeat;
@@ -2146,12 +2310,15 @@
  .x-layout-split-west .x-layout-mini {
      //background-image: url(../images/default/layout/mini-left.gif);
  }
+
  .x-layout-split-east .x-layout-mini {
      //background-image: url(../images/default/layout/mini-right.gif);
  }
+
  .x-layout-split-north .x-layout-mini {
      //background-image: url(../images/default/layout/mini-top.gif);
  }
+
  .x-layout-split-south .x-layout-mini {
      //background-image: url(../images/default/layout/mini-bottom.gif);
  }
@@ -2171,6 +2338,7 @@
  .x-layout-cmini-south .x-layout-mini {
      //background-image: url(../images/default/layout/mini-top.gif);
  }
+
  .x-progress-wrap {
      border-color: transparent;
  }
@@ -2198,6 +2366,7 @@
  .x-progress-text-back {
      color: var(--label-text-color) !important;
  }
+
  .x-list-header {
      background-color: rgba(0, 0, 0, 0.25);
      background-image: none;
@@ -2227,11 +2396,15 @@
      border-right-color: #555;
  }
 
-  .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
+ .x-list-header-inner em.sort-asc,
+ .x-list-header-inner em.sort-desc {
      background: #202020;
      border-color: #202020;
  }
-  .x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
+
+ .x-slider-horz,
+ .x-slider-horz .x-slider-end,
+ .x-slider-horz .x-slider-inner {
      //background-image: url(../images/default/slider/slider-bg.png);
  }
 
@@ -2239,13 +2412,16 @@
      //background-image: url(../images/gray/slider/slider-thumb.png);
  }
 
-  .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
+ .x-slider-vert,
+ .x-slider-vert .x-slider-end,
+ .x-slider-vert .x-slider-inner {
      //background-image: url(../images/default/slider/slider-v-bg.png);
  }
 
  .x-slider-vert .x-slider-thumb {
      //background-image: url(../images/gray/slider/slider-v-thumb.png);
  }
+
  .x-window-dlg .ext-mb-text,
  .x-window-dlg .x-window-header-text {
      font-size: 12px;
@@ -2274,4 +2450,3 @@
  .x-window-dlg .ext-mb-error {
      //background-image: url(../images/gray/window/icon-error.gif);
  }
-  

CSS/themes/dozzle/dozzle-base.css

@@ -27,7 +27,12 @@ body {
     color: var(--text);
 }
 
-h1, h2, h3, h4, h5, h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
 section header,
 .menu-label {
     color: var(--text-hover) !important;
@@ -210,6 +215,7 @@ section .is-scrollbar-notification button {
     background: var(--button-color) !important;
     color: var(--button-text) !important;
 }
+
 #hide-nav:hover {
     border-color: var(--button-color-hover) !important;
     background: var(--button-color-hover) !important;

CSS/themes/duplicacy/duplicacy-base.css

@@ -268,7 +268,8 @@ label {
     background: rgb(0 0 0 / 10%);
 }
 
-.sidebar[data-background-color="black"] .logo, .off-canvas-sidebar[data-background-color="black"] .logo {
+.sidebar[data-background-color="black"] .logo,
+.off-canvas-sidebar[data-background-color="black"] .logo {
     border-bottom: 1px solid rgba(var(--accent-color));
 }
 

CSS/themes/emby/emby-base.css

@@ -1,7 +1,12 @@
-
 /*TP CUSTOM */
-h1,h2, h3, h4, h5, h6,
+h1,
-.inputLabel, label {
+h2,
+h3,
+h4,
+h5,
+h6,
+.inputLabel,
+label {
     color: var(--text-hover);
 }
 
@@ -11,8 +16,7 @@ a:not(.emby-button),
 }
 
 a:hover:not(.emby-button),
-.cardText.cardTextCentered.cardText-first > button:hover
+.cardText.cardTextCentered.cardText-first>button:hover {
-    {
     color: var(--link-color-hover) !important;
 }
 
@@ -42,7 +46,8 @@ html {
     -o-background-size: auto, cover;
 }
 
-.appfooter,.formDialogFooter:not(.formDialogFooter-clear) {
+.appfooter,
+.formDialogFooter:not(.formDialogFooter-clear) {
     background: var(--footer-background);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -52,6 +57,7 @@ html {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 .formDialogHeader:not(.formDialogHeader-clear) {
     background: var(--modal-header-color);
     background-repeat: repeat, no-repeat;
@@ -106,7 +112,8 @@ html {
     background-image: url(https://theme-park.dev/Resources/emby/logowhite.png)
 }
 
-.backgroundContainer,html {
+.backgroundContainer,
+html {
     background: var(--theme-background);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -134,7 +141,8 @@ html {
     }
 }
 
-.paper-icon-button-light-tv:focus,.paper-icon-button-light:active {
+.paper-icon-button-light-tv:focus,
+.paper-icon-button-light:active {
     color: rgb(var(--theme-primary-color));
     background-color: var(--theme-icon-focus-background)
 }
@@ -146,7 +154,9 @@ html {
     }
 }
 
-.detailButton-icon,.fab,.raised {
+.detailButton-icon,
+.fab,
+.raised {
     background: var(--button-color);
     color: var(--button-text);
 }
@@ -167,13 +177,18 @@ html {
 }
 
 @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
-    .detailButton-icon,.emby-select-withcolor.detailTrackSelect,.fab,.raised:not(.nobackdropfilter) {
+
+    .detailButton-icon,
+    .emby-select-withcolor.detailTrackSelect,
+    .fab,
+    .raised:not(.nobackdropfilter) {
         background: rgba(85, 85, 85, .3);
         -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
         backdrop-filter: saturate(1.8) blur(1.5em)
     }
 
-    .dialog-blur,.toast {
+    .dialog-blur,
+    .toast {
         color: #fff;
         background: rgba(56, 56, 56, .76);
         -webkit-backdrop-filter: blur(2.5em) saturate(1.8);
@@ -187,7 +202,8 @@ html {
     }
 }
 
-.fab:focus,.raised:focus {
+.fab:focus,
+.raised:focus {
     background: var(--button-color-hover);
     color: var(--button-text-hover);
 }
@@ -225,7 +241,9 @@ html {
     background-color: var(--theme-icon-focus-background)
 }
 
-.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused {
+.inputLabelFocused,
+.selectLabelFocused,
+.textareaLabelFocused {
     color: rgb(var(--accent-color))
 }
 
@@ -237,7 +255,8 @@ html {
     color: rgb(var(--accent-color))
 }
 
-.paperList,.visualCardBox {
+.paperList,
+.visualCardBox {
     background-color: var(--card-background)
 }
 
@@ -245,12 +264,16 @@ html {
     border: var(--line-size) solid var(--line-background)
 }
 
-.fieldDescription,.listItemBodyText-secondary,.secondaryText {
+.fieldDescription,
+.listItemBodyText-secondary,
+.secondaryText {
     color: var(--theme-body-secondary-text-color)
 }
+
 .cardText-secondary {
     color: var(--text)
 }
+
 .cardText-first {
     color: var(--theme-text-color-opaque)
 }
@@ -269,6 +292,7 @@ html {
     background: rgb(var(--theme-primary-color));
     color: var(--label-text-color);
 }
+
 .itemSelectionCount {
     color: var(--label-text-color) !important;
 
@@ -321,13 +345,15 @@ html {
     color: #cb272a
 }
 
-.emby-input,.emby-textarea {
+.emby-input,
+.emby-textarea {
     color: inherit;
     background: rgb(0 0 0 / 25%);
     border: var(--line-size) solid rgba(255, 255, 255, 0.1)
 }
 
-.emby-input:focus,.emby-textarea:focus {
+.emby-input:focus,
+.emby-textarea:focus {
     border-color: rgb(var(--theme-primary-color))
 }
 
@@ -340,6 +366,7 @@ html {
     background-color: rgb(var(--theme-primary-color)) !important;
 
 }
+
 .checkboxLabel::after {
     color: var(--label-text-color);
 }
@@ -381,7 +408,8 @@ html {
     color: rgb(var(--accent-color))
 }
 
-.emby-button-focusscale:focus,.emby-button-focusscale:focus .detailButton-icon {
+.emby-button-focusscale:focus,
+.emby-button-focusscale:focus .detailButton-icon {
     background: rgb(var(--theme-primary-color));
     color: #fff
 }
@@ -407,7 +435,9 @@ html {
     outline-color: rgb(var(--theme-primary-color))
 }
 
-.channelCell,.guide-headerTimeslots,.timeslotHeaders {
+.channelCell,
+.guide-headerTimeslots,
+.timeslotHeaders {
     background: var(--theme-background);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -453,7 +483,9 @@ html {
     -o-background-size: auto, cover;
 }
 
-.channelCell,.epgRow,.programCell {
+.channelCell,
+.epgRow,
+.programCell {
     border-color: rgba(255, 255, 255, .05)
 }
 
@@ -485,7 +517,8 @@ html {
     background: #43a047 !important
 }
 
-.channelCell:focus,.programCell:focus {
+.channelCell:focus,
+.programCell:focus {
     background-color: rgb(var(--theme-primary-color));
     color: #fff
 }
@@ -561,6 +594,7 @@ html {
 .cardOverlayButtonIcon {
     background-color: rgb(var(--theme-primary-color))
 }
+
 .cardScalable.cardPadder-portrait>div>button>i {
     color: var(--label-text-color) !important;
 }

CSS/themes/flood/flood-base.css

@@ -54,8 +54,18 @@ h4,
 h5,
 h6,
 p,
-.inverse .h1, .inverse .h2, .inverse .h3, .inverse .h4, .inverse .h5, .inverse .h6, .inverse h1, .inverse h2, .inverse h3, .inverse h4, .inverse h5, .inverse h6
+.inverse .h1,
-.dark .torrents__alert,
+.inverse .h2,
+.inverse .h3,
+.inverse .h4,
+.inverse .h5,
+.inverse .h6,
+.inverse h1,
+.inverse h2,
+.inverse h3,
+.inverse h4,
+.inverse h5,
+.inverse h6 .dark .torrents__alert,
 .torrents__alert {
     color: var(--text-hover);
 }
@@ -341,6 +351,7 @@ p,
     color: #39ce83;
     font-weight: 500;
 }
+
 .dark .torrent--is-condensed.torrent--is-selected .torrent__detail,
 .torrent--is-condensed.torrent--is-selected .torrent__detail,
 .dark .torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail,
@@ -414,8 +425,7 @@ p,
 
 .dark .torrent-details__table__heading--primary,
 .torrent-details__table__heading--primary,
-.dark .torrent-details__table__heading--secondary
+.dark .torrent-details__table__heading--secondary .torrent-details__table__heading--secondary,
-.torrent-details__table__heading--secondary,
 .dark .torrent-details__table__heading--tertiary,
 .torrent-details__table__heading--tertiary {
     color: var(--text-hover);
@@ -480,9 +490,13 @@ p,
     box-shadow: 1px 0 hsl(0deg 0% 100% / 12%);
     color: var(--text);
 }
-.sidebar-filter__item--heading, .sidebar-filter__item--heading:focus-visible, .sidebar-filter__item--heading:hover {
+
+.sidebar-filter__item--heading,
+.sidebar-filter__item--heading:focus-visible,
+.sidebar-filter__item--heading:hover {
     color: var(--text-hover) !important;
 }
+
 .dark .sidebar-filter__item,
 .sidebar-filter__item {
     color: var(--text);
@@ -565,6 +579,7 @@ p,
 .torrent--is-selected.torrent--is-stopped .progress-bar__icon .icon {
     color: #ffffff;
 }
+
 .torrent--is-selected.torrent--is-stopped .progress-bar__fill {
     background: #ffffff;
 }
@@ -629,6 +644,7 @@ p,
 .modal__tabs .modal__tab.is-active:after {
     background: rgb(var(--accent-color));
 }
+
 .modal--vertical .modal__tabs .modal__tab:after {
     width: 3px;
 }

CSS/themes/gitea/gitea-base.css

@@ -167,8 +167,7 @@ h4,
 h5,
 h6,
 .ui.header,
-.ui.header .sub.header
+.ui.header .sub.header {
- {
     color: var(--text-hover);
 }
 
@@ -324,6 +323,7 @@ b:hover,
     color: var(--text-hover);
     box-shadow: none;
 }
+
 .feeds .list ul li:not(:last-child) {
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }
@@ -428,6 +428,7 @@ b:hover,
 .ui.menu.new-menu {
     background: rgb(0 0 0 / 25%);
 }
+
 .ui.menu.new-menu::after {
     background: transparent;
 }
@@ -974,7 +975,8 @@ a.ui.card:hover {
 
 .ui.blue.labels .label,
 .ui.ui.ui.blue.label,
-.ui.grey.labels .label, .ui.ui.ui.grey.label {
+.ui.grey.labels .label,
+.ui.ui.ui.grey.label {
     background-color: rgb(var(--accent-color)) !important;
     border-color: rgb(var(--accent-color)) !important;
     color: var(--label-text-color);

CSS/themes/guacamole/guacamole-base.css

@@ -1,4 +1,3 @@
-
 /*    dP   dP                                                                  dP        */
 /*    88   88                                                                  88        */
 /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -15,9 +14,16 @@
 * {
     outline: none !important;
 }
-h1,h2,h3,h4,h5,h6 {
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
     color: var(--text-hover);
 }
+
 body {
     background: var(--main-bg-color) !important;
     background-repeat: repeat, no-repeat;
@@ -29,6 +35,7 @@ h1,h2,h3,h4,h5,h6 {
     -o-background-size: auto, cover;
     color: var(--text) !important;
 }
+
 div.displayMiddle {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
@@ -39,9 +46,11 @@ h1,h2,h3,h4,h5,h6 {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 input::-webkit-input-placeholder {
     color: var(--text) !important;
 }
+
 input:focus::-webkit-input-placeholder {
     color: var(--text-hover) !important;
 }
@@ -50,6 +59,7 @@ input:focus::-webkit-input-placeholder {
 input:-moz-placeholder {
     color: var(--text) !important;
 }
+
 input:focus:-moz-placeholder {
     color: var(--text-hover) !important;
 }
@@ -58,6 +68,7 @@ input:focus:-moz-placeholder {
 input::-moz-placeholder {
     color: var(--text) !important;
 }
+
 input:focus::-moz-placeholder {
     color: var(--text-hover) !important;
 }
@@ -66,9 +77,11 @@ input:focus::-moz-placeholder {
 input:-ms-input-placeholder {
     color: var(--text) !important;
 }
+
 input:focus:-ms-input-placeholder {
     color: var(--text-hover) !important;
 }
+
 /* Scrollbar */
 @media only screen and (min-width: 768px) {
     html {
@@ -76,6 +89,7 @@ input:focus:-ms-input-placeholder {
         width: 100%;
         overflow: hidden;
     }
+
     body {
         overflow-y: auto;
         height: 100%;
@@ -89,9 +103,11 @@ input:focus:-ms-input-placeholder {
         -o-background-size: auto, cover;
     }
 }
+
 ::-webkit-scrollbar {
     width: 14px;
 }
+
 ::-webkit-scrollbar-thumb {
     min-height: 50px;
     border: 3px solid transparent;
@@ -99,9 +115,11 @@ input:focus:-ms-input-placeholder {
     background-color: hsla(0, 0%, 100%, .2);
     background-clip: padding-box;
 }
+
 ::-webkit-scrollbar-track {
     background-color: transparent;
 }
+
 ::-webkit-scrollbar-thumb:hover {
     min-height: 50px;
     border: 3px solid transparent;
@@ -109,44 +127,68 @@ input:focus:-ms-input-placeholder {
     background-color: hsla(0, 0%, 100%, .5);
     background-clip: padding-box;
 }
+
 /* LOGIN MENU */
 div.login-ui {
     background: inherit;
 }
+
 .login-ui div.login-dialog {
     background: rgba(0, 0, 0, .25);
     border: none;
 }
-  input[type="submit"], button, a.button {
+
+input[type="submit"],
+button,
+a.button {
     background-color: var(--button-color);
     border: none;
     outline: none;
 }
-  input[type="submit"]:hover, button:hover, a.button:hover {
+
+input[type="submit"]:hover,
+button:hover,
+a.button:hover {
     background-color: var(--button-color-hover);
     border: none;
     cursor: pointer;
 }
+
 .login-ui .login-fields .labeled-field input:focus {
     background: rgba(0, 0, 0, 0.45) !important;
     outline: none;
 }
+
 .login-ui .login-fields .labeled-field.empty input {
     background: rgba(0, 0, 0, 0.25) !important;
     outline: none;
 }
+
 .login-ui .login-fields .labeled-field.empty input:focus {
     background: rgba(0, 0, 0, 0.45) !important;
     outline: none;
 }
+
 .login-ui .login-dialog .login-fields input {
     background-color: rgba(0, 0, 0, 0.45) !important;
 }
-  div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea {
+
+div.location,
+input[type=text],
+input[type=email],
+input[type=number],
+input[type=password],
+textarea {
     color: white !important;
     background: rgba(0, 0, 0, 0.25) !important;
 }
-  input[type=checkbox], input[type=number], input[type=text], input[type=email], input[type=radio], textarea {
+
+input[type=checkbox],
+input[type=number],
+input[type=text],
+input[type=email],
+input[type=radio],
+textarea {
     color: var(--text-hover) !important;
     background: transparent;
 }
@@ -157,10 +199,13 @@ input:focus:-ms-input-placeholder {
     background-color: rgba(0, 0, 0, 0.25);
 }
 
-  .connection .icon.vnc, .connection .icon.rdp {
+.connection .icon.vnc,
+.connection .icon.rdp {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-monitor.png);
 }
-  .connection .icon.ssh, .connection .icon.telnet {
+
+.connection .icon.ssh,
+.connection .icon.telnet {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-text.png);
 }
 
@@ -168,33 +213,46 @@ input:focus:-ms-input-placeholder {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-user.png);
     background-color: transparent;
 }
+
 .user-menu .menu-dropdown .menu-contents li a[href="#/"] {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-home-dark.png);
 }
-  .user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/connections"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/sessions"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/preferences"] {
+
+.user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"],
+.user-menu .menu-dropdown .menu-contents li a[href="#/settings/connections"],
+.user-menu .menu-dropdown .menu-contents li a[href="#/settings/sessions"],
+.user-menu .menu-dropdown .menu-contents li a[href="#/settings/preferences"] {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-config-dark.png);
 }
+
 .user-menu .menu-dropdown .menu-contents li a.logout {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-logout-dark.png);
 }
+
 .icon.user {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-user.png);
 }
+
 .pager .icon.first-page {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-first-page.png);
 }
+
 .pager .icon.prev-page {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-prev-page.png);
 }
+
 .pager .icon.next-page {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-next-page.png);
 }
+
 .pager .icon.last-page {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-last-page.png);
 }
+
 .loading::before {
     background-image: url('https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/cog.png');
 }
+
 table.sorted th.sort-primary.sort-descending:after {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/up.png);
 }
@@ -202,10 +260,12 @@ input:focus:-ms-input-placeholder {
 .menu-dropdown .menu-indicator {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
 }
+
 .menu-dropdown .menu-indicator:hover {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
     color: #f9be03;
 }
+
 table.sorted th.sort-primary:after {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
 }
@@ -213,19 +273,26 @@ input:focus:-ms-input-placeholder {
 thead {
     color: var(--text-hover);
 }
-  table.sorted th, table.sorted td {
+
+table.sorted th,
+table.sorted td {
     border: 1px solid rgb(255 255 255 / 15%);
 }
+
 .settings table.session-list tr.session:hover {
     background: rgba(255, 255, 255, 0.15);
 }
-  .menu-dropdown.open, .menu-dropdown.open:hover {
+
+.menu-dropdown.open,
+.menu-dropdown.open:hover {
     background: rgba(0, 0, 0, 0.25);
 }
+
 .menu-dropdown {
     border-left: none;
     background: rgba(0, 0, 0, 0.25);
 }
+
 .menu-dropdown .menu-contents li a {
     display: block;
     cursor: pointer;
@@ -233,14 +300,18 @@ input:focus:-ms-input-placeholder {
     text-decoration: none;
     padding: .75em;
 }
-  .menu-dropdown .menu-contents li a.current, .menu-dropdown .menu-contents li a.current:hover {
+
+.menu-dropdown .menu-contents li a.current,
+.menu-dropdown .menu-contents li a.current:hover {
     background-color: rgba(0, 0, 0, .25);
     color: var(--text-hover)
 }
+
 .menu-dropdown .menu-contents li a:hover {
     background-color: rgba(0, 0, 0, .25);
     color: var(--text-hover);
 }
+
 .menu-dropdown:hover {
     background: rgba(0, 0, 0, 0.25);
     color: var(--text-hover);
@@ -250,6 +321,7 @@ input:focus:-ms-input-placeholder {
     background: var(--drop-down-menu-bg);
 
 }
+
 .header .filter input {
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
@@ -260,9 +332,11 @@ input:focus:-ms-input-placeholder {
     background-color: transparent;
     color: var(--text-hover);
 }
+
 .header .filter {
     background-color: rgba(0, 0, 0, 0.25);
 }
+
 .filter .search-string {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/magnifier.png) !important;
     background-repeat: no-repeat !important;
@@ -275,23 +349,34 @@ input:focus:-ms-input-placeholder {
     background-color: rgba(0, 0, 0, 0.25);
     border: 0;
 }
-  div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea {
+
+div.location,
+input[type=text],
+input[type=email],
+input[type=number],
+input[type=password],
+textarea {
     color: var(--text-hover);
 }
 
 
-  .user a:visited, .connection a:visited, .connection-group a:visited {
+.user a:visited,
+.connection a:visited,
+.connection-group a:visited {
     text-decoration: none;
     color: var(--link-color-hover);
 }
+
 .recent-connections .connection:hover {
     background: hsla(0, 0%, 100%, 0.08);
     color: var(--link-color-hover);
 }
+
 .list-item:not(.selected) .caption:hover {
     background: hsla(0, 0%, 100%, 0.07);
     color: var(--link-color-hover);
 }
+
 .list-item .name {
     color: var(--link-color);
 }
@@ -301,7 +386,8 @@ input:focus:-ms-input-placeholder {
 }
 
 /* SIDE MENU */
-  .menu, .menu .header {
+.menu,
+.menu .header {
     background: var(--modal-bg-color) !important;
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -312,7 +398,10 @@ input:focus:-ms-input-placeholder {
     -o-background-size: auto, cover;
     box-shadow: none;
 }
-.menu-content, .menu-content .header, .menu-body {
+
+.menu-content,
+.menu-content .header,
+.menu-body {
     background: var(--modal-bg-color) !important;
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -322,10 +411,13 @@ input:focus:-ms-input-placeholder {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
-  .clipboard, .clipboard-service-target {
+
+.clipboard,
+.clipboard-service-target {
     background: rgba(0, 0, 0, 0.25);
     color: white;
 }
+
 /* NOTIFICATION BOX */
 .notification.error {
     background: var(--modal-bg-color);
@@ -338,6 +430,7 @@ input:focus:-ms-input-placeholder {
     -o-background-size: auto, cover;
     color: white;
 }
+
 .notification {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
@@ -354,52 +447,85 @@ input:focus:-ms-input-placeholder {
 .page-tabs .page-list li a[href]:visited {
     color: white;
 }
+
 .page-tabs .page-list li a[href] {
     color: white;
 }
+
 .page-tabs .page-list li a[href]:hover {
     background-color: rgba(0, 0, 0, 0.25);
 }
-  .user a:visited, .connection a:visited, .connection-group a:visited {
+
+.user a:visited,
+.connection a:visited,
+.connection-group a:visited {
     text-decoration: none;
     color: var(--link-color);
 }
-  .user a:hover, .user-group a:hover, .connection a:hover, .connection-group a:hover, a.ng-binding:hover:not(.add-user):not(.button) {
+
+.user a:hover,
+.user-group a:hover,
+.connection a:hover,
+.connection-group a:hover,
+a.ng-binding:hover:not(.add-user):not(.button) {
     color: var(--link-color-hover) !important;
 }
-  .user a, .connection a, .connection-group a, a.ng-binding:not(.add-user):not(.button){
+
+.user a,
+.connection a,
+.connection-group a,
+a.ng-binding:not(.add-user):not(.button) {
     text-decoration: none;
     color: var(--link-color);
 }
-  div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea {
+
+div.location,
+input[type=text],
+input[type=email],
+input[type=number],
+input[type=password],
+textarea {
     border: 0;
     background: rgba(0, 0, 0, .25);
 }
+
 .location-chooser .dropdown {
     background: #666;
 }
+
 /* USER SETTINGS */
-  .page-tabs .page-list li a[href], .section-tabs li a {
+.page-tabs .page-list li a[href],
+.section-tabs li a {
     color: var(--text) !important;
 }
-  .page-tabs .page-list li a[href].current, .page-tabs .page-list li a[href].current:hover, .section-tabs li a.current, .section-tabs li a.current:hover {
+
+.page-tabs .page-list li a[href].current,
+.page-tabs .page-list li a[href].current:hover,
+.section-tabs li a.current,
+.section-tabs li a.current:hover {
     background: rgba(0, 0, 0, 0.25);
     cursor: default;
     color: rgb(var(--accent-color)) !important;
 }
-  .page-tabs .page-list li a[href]:hover, .section-tabs li a:hover {
+
+.page-tabs .page-list li a[href]:hover,
+.section-tabs li a:hover {
     background-color: hsla(0, 0%, 100%, 0.07);
     color: var(--text-hover) !important;
 }
+
 .manage-user .page-tabs .page-list li.linked a[href]:before {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/checkmark.png);
 }
+
 .manage-user .page-tabs .page-list li.read-only a[href]:before {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/lock.png);
 }
+
 .manage-user .notice.read-only {
     background: hsla(0, 0%, 100%, 0.07);
 }
+
 /* DUA 2FA PAGE */
 .duo-signature-response-field {
     background: var(--modal-bg-color) !important;
@@ -411,6 +537,7 @@ input:focus:-ms-input-placeholder {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 .base-wrapper {
     border: 1px solid transparent !important;
     background: var(--modal-bg-color) !important;
@@ -422,30 +549,41 @@ input:focus:-ms-input-placeholder {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 .base-body {
     background-color: #333 !important;
 }
+
 h1.spacious-frame-view {
     color: var(--text-hover) !important;
 }
-  @media screen and (-webkit-max-device-pixel-ratio: 1.25), screen and (max-resolution: 120dpi) {
+
-  h1, .h1 {
+@media screen and (-webkit-max-device-pixel-ratio: 1.25),
+screen and (max-resolution: 120dpi) {
+
+    h1,
+    .h1 {
         color: var(--text-hover) !important;
     }
 }
+
 .white-wrapper {
     background-color: #333 !important;
     color: var(--text) !important;
 }
+
 form:not(.inline) fieldset {
     background-color: #333 !important;
 }
+
 label span {
     color: white !important;
 }
+
 input[type=radio] {
     border: 1px solid var(--text-hover) !important;
 }
+
 /* Connection */
 
 #connection-warning {
@@ -459,6 +597,7 @@ input:focus:-ms-input-placeholder {
     -o-background-size: auto, cover;
     color: var(--text);
 }
+
 /* File Transfer */
 #file-transfer-dialog .transfer-manager {
     background: var(--modal-bg-color);
@@ -470,12 +609,15 @@ input:focus:-ms-input-placeholder {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 .transfer.error {
     background: rgba(244, 67, 54, 0.5);
 }
+
 .transfer-manager .header h2 {
     background-color: transparent;
 }
+
 .transfer .in-progress .progress {
     background-color: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
@@ -494,6 +636,7 @@ input:focus:-ms-input-placeholder {
     border: 1px solid rgb(var(--accent-color));
     background: rgb(var(--accent-color));
 }
+
 .related-objects .abbreviated-related-objects ul li label span {
     color: var(--label-text-color) !important;
 }

CSS/themes/jellyfin/jellyfin-base.css

@@ -1,6 +1,10 @@
-
 /*TP CUSTOM */
-h1,h2, h3, h4, h5, h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
 .inputLabel {
     color: var(--text-hover);
 }
@@ -43,7 +47,8 @@ html {
     -o-background-size: auto, cover;
 }
 
-.appfooter,.formDialogFooter:not(.formDialogFooter-clear) {
+.appfooter,
+.formDialogFooter:not(.formDialogFooter-clear) {
     background: var(--footer-background);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -53,6 +58,7 @@ html {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 .formDialogHeader:not(.formDialogHeader-clear) {
     background: var(--modal-header-color);
     background-repeat: repeat, no-repeat;
@@ -104,7 +110,8 @@ html {
 }
 
 
-.backgroundContainer,html {
+.backgroundContainer,
+html {
     background: var(--theme-background);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -132,7 +139,8 @@ html {
     }
 }
 
-.paper-icon-button-light-tv:focus,.paper-icon-button-light:active {
+.paper-icon-button-light-tv:focus,
+.paper-icon-button-light:active {
     color: rgb(var(--theme-primary-color));
     background-color: var(--theme-icon-focus-background)
 }
@@ -144,7 +152,8 @@ html {
     }
 }
 
-.fab,.raised {
+.fab,
+.raised {
     background: var(--button-background);
     color: var(--theme-text-color)
 }
@@ -164,19 +173,26 @@ html {
     background: var(--button-background);
     color: var(--theme-text-color)
 }
-.dialog-blur, .toast {
+
+.dialog-blur,
+.toast {
     background: var(--button-background) !important;
     color: var(--theme-text-color) !important;
 }
 
 @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
-    .detailButton-icon:not(.playstatebutton-icon-unplayed),.emby-select-withcolor.detailTrackSelect,.fab,.raised:not(.nobackdropfilter) {
+
+    .detailButton-icon:not(.playstatebutton-icon-unplayed),
+    .emby-select-withcolor.detailTrackSelect,
+    .fab,
+    .raised:not(.nobackdropfilter) {
         background: rgba(85, 85, 85, .3);
         -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
         backdrop-filter: saturate(1.8) blur(1.5em)
     }
 
-    .dialog-blur,.toast {
+    .dialog-blur,
+    .toast {
         color: #fff;
         background: rgba(56, 56, 56, .76);
         -webkit-backdrop-filter: blur(2.5em) saturate(1.8);
@@ -190,7 +206,8 @@ html {
     }
 }
 
-.fab:focus,.raised:focus {
+.fab:focus,
+.raised:focus {
     background: var(--button-color-hover);
     color: var(--button-text-hover);
 }
@@ -227,7 +244,9 @@ html {
     background-color: var(--theme-icon-focus-background)
 }
 
-.inputLabelFocused,.selectLabelFocused,.textareaLabelFocused {
+.inputLabelFocused,
+.selectLabelFocused,
+.textareaLabelFocused {
     color: rgb(var(--accent-color))
 }
 
@@ -243,7 +262,8 @@ html {
     color: rgb(var(--accent-color))
 }
 
-.paperList,.visualCardBox {
+.paperList,
+.visualCardBox {
     background-color: var(--card-background)
 }
 
@@ -251,12 +271,16 @@ html {
     border: var(--line-size) solid var(--line-background)
 }
 
-.fieldDescription,.listItemBodyText-secondary,.secondaryText {
+.fieldDescription,
+.listItemBodyText-secondary,
+.secondaryText {
     color: var(--theme-body-secondary-text-color)
 }
+
 .cardText-secondary {
     color: var(--text)
 }
+
 .cardText-first {
     color: var(--theme-text-color-opaque)
 }
@@ -276,6 +300,7 @@ html {
     background: rgb(rgb(var(--theme-primary-color)));
     color: var(--label-text-color);
 }
+
 .itemSelectionCount {
     color: var(--label-text-color) !important;
 
@@ -333,13 +358,15 @@ html {
     color: #cb272a
 }
 
-.emby-input,.emby-textarea {
+.emby-input,
+.emby-textarea {
     color: inherit;
     background: rgb(0 0 0 / 25%);
     border: var(--line-size) solid rgba(255, 255, 255, 0.1)
 }
 
-.emby-input:focus,.emby-textarea:focus {
+.emby-input:focus,
+.emby-textarea:focus {
     border-color: rgb(var(--theme-primary-color))
 }
 
@@ -352,7 +379,9 @@ html {
     background-color: rgb(var(--theme-primary-color)) !important;
 
 }
-.checkboxLabel::after,.checkboxIcon {
+
+.checkboxLabel::after,
+.checkboxIcon {
     color: var(--label-text-color) !important;
 }
 
@@ -393,7 +422,8 @@ html {
     color: rgb(var(--accent-color))
 }
 
-.emby-button-focusscale:focus,.emby-button-focusscale:focus .detailButton-icon {
+.emby-button-focusscale:focus,
+.emby-button-focusscale:focus .detailButton-icon {
     background: rgb(var(--theme-primary-color));
     color: var(--label-text-color)
 }
@@ -419,7 +449,9 @@ html {
     outline-color: rgb(var(--theme-primary-color))
 }
 
-.channelCell,.guide-headerTimeslots,.timeslotHeaders {
+.channelCell,
+.guide-headerTimeslots,
+.timeslotHeaders {
     background: var(--theme-background);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -465,7 +497,9 @@ html {
     -o-background-size: auto, cover;
 }
 
-.channelCell,.epgRow,.programCell {
+.channelCell,
+.epgRow,
+.programCell {
     border-color: rgba(255, 255, 255, .05)
 }
 
@@ -497,7 +531,8 @@ html {
     background: #43a047 !important
 }
 
-.channelCell:focus,.programCell:focus {
+.channelCell:focus,
+.programCell:focus {
     background-color: rgb(var(--theme-primary-color));
     color: var(--label-text-color)
 }
@@ -573,6 +608,7 @@ html {
 .cardOverlayButtonIcon {
     background-color: rgb(var(--theme-primary-color))
 }
+
 .cardScalable.cardPadder-portrait>div>button>i {
     color: var(--label-text-color) !important;
 }

CSS/themes/librespeed/librespeed-base.css

@@ -1,4 +1,3 @@
-
 /*    dP   dP                                                                  dP        */
 /*    88   88                                                                  88        */
 /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -11,7 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
 
-html, body {
+html,
+body {
     background: var(--main-bg-color) !important;
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -22,9 +22,17 @@ html, body {
     -o-background-size: auto, cover;
     color: var(--text) !important;
 }
-h1,h2,h3,h4,h5,h6, label {
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+label {
     color: var(--text-hover);
 }
+
 div.meterText:empty:before {
     color: var(--text-hover) !important;
 }
@@ -32,39 +40,51 @@ div.meterText:empty:before {
 #dlText {
     color: #F44336;
 }
+
 #ulText {
     color: #4CAF50;
 }
-#pingText, #jitText {
+
+#pingText,
+#jitText {
     color: #2cabe3;
 }
+
 #startStopBtn {
     color: var(--button-text);
     background: var(--button-color);
     border: 0.15em solid var(--button-color);
 }
+
 #startStopBtn:hover {
     border: 0.15em solid var(--button-color-hover);
     background: var(--button-color-hover);
 }
+
 #startStopBtn.running {
     background: #FF3030 !important;
     border-color: #FF6060;
     color: #FFFFFF;
 }
+
 #startStopBtn.running:hover {
     background: #FF3030;
     border-color: #FF6060;
     color: #FFFFFF;
 }
-a,a:-webkit-any-link {
+
+a,
+a:-webkit-any-link {
     color: var(--link-color);
 }
-a:hover,a:-webkit-any-link:hover {
+
+a:hover,
+a:-webkit-any-link:hover {
     color: var(--link-color-hover);
 }
 
-#ip,.unit {
+#ip,
+.unit {
     color: rgb(var(--accent-color));
 }
 
@@ -78,6 +98,7 @@ a:hover,a:-webkit-any-link:hover {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 input {
     font-family: "Roboto", sans-serif;
     color: white;

CSS/themes/lidarr/lidarr-base.css

@@ -690,6 +690,7 @@ a:hover {
 input::-webkit-input-placeholder {
     color: var(--text);
 }
+
 input:focus::-webkit-input-placeholder {
     color: var(--text-hover);
 }
@@ -698,6 +699,7 @@ input:focus::-webkit-input-placeholder {
 input:-moz-placeholder {
     color: var(--text);
 }
+
 input:focus:-moz-placeholder {
     color: var(--text-hover);
 }
@@ -706,6 +708,7 @@ input:focus:-moz-placeholder {
 input::-moz-placeholder {
     color: var(--text);
 }
+
 input:focus::-moz-placeholder {
     color: var(--text-hover);
 }
@@ -714,6 +717,7 @@ input:focus::-moz-placeholder {
 input:-ms-input-placeholder {
     color: var(--text);
 }
+
 input:focus:-ms-input-placeholder {
     color: var(--text-hover);
 }
@@ -1053,12 +1057,14 @@ input[type=password] {
     background-color: var(--button-color);
     cursor: pointer;
 }
+
 .button:hover {
     border-color: var(--button-color-hover);
     background-color: var(--button-color-hover);
     color: #fff;
     text-decoration: none;
 }
+
 .form-input:focus {
     outline: 0;
     border-color: #fff;
@@ -1122,4 +1128,3 @@ input[type=password] {
     color: #FFF;
     background-color: #f05050;
 }
-

CSS/themes/logarr/logarr-base.css

@@ -1,4 +1,3 @@
-
 /*    dP   dP                                                                  dP        */
 /*    88   88                                                                  88        */
 /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -33,6 +32,7 @@ body {
         width: 100%;
         overflow: auto;
     }
+
     body {
         overflow-y: auto;
         background: var(--main-bg-color);
@@ -45,19 +45,23 @@ body {
         -o-background-size: auto, cover;
     }
 }
+
 .expand::-webkit-scrollbar-track {
     background-color: transparent !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
 }
+
 .expand::-webkit-scrollbar {
     background-color: transparent !important;
 }
+
 .expand::-webkit-scrollbar-thumb {
     background-color: hsla(0, 0%, 100%, .2) !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
 }
+
 .expand::-webkit-scrollbar-thumb:hover {
     background-color: hsla(0, 0%, 100%, .5) !important;
 }
@@ -67,26 +71,32 @@ body {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
 }
+
 body::-webkit-scrollbar {
     background-color: transparent !important;
 }
+
 body::-webkit-scrollbar-thumb {
     background-color: hsla(0, 0%, 100%, .2) !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
 }
+
 body::-webkit-scrollbar-thumb:hover {
     background-color: hsla(0, 0%, 100%, .5) !important;
 }
+
 .flex-child {
     border-radius: 0px;
     background-color: rgba(255, 255, 255, 0.08);
     box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
 }
+
 #includedContent {
     background-color: transparent;
     background: transparent;
 }
+
 body {
     opacity: 1;
     transition: 1s opacity;
@@ -96,25 +106,38 @@ body {
     color: #FFFFFF;
     padding: 10px 10px 0;
 }
+
 .btn {
     font-weight: 600 !important;
 }
+
 body.fade-out {
     opacity: 0;
     transition: none;
 }
-.left, .right, .category-filter-item, .nav-item, .filesize, .path {
+
+.left,
+.right,
+.category-filter-item,
+.nav-item,
+.filesize,
+.path {
     color: #ffffff;
 }
-#username:hover, #password:hover {
+
+#username:hover,
+#password:hover {
     text-shadow: 0 0 1rem transparent;
 }
-#categoryFilter, #auto-update {
+
+#categoryFilter,
+#auto-update {
     color: white !important;
     background-color: transparent !important;
     box-shadow: none;
     border-radius: 0px;
 }
+
 #markform {
     background: var(--main-bg-color) !important;
     background-repeat: repeat, no-repeat;
@@ -126,15 +149,19 @@ body.fade-out {
     -o-background-size: auto, cover;
 
 }
+
 .slide {
     border: 1px solid transparent;
 }
+
 .expandtoggle {
     background-color: transparent !important;
 }
+
 .expandtoggle:hover {
     background-color: rgba(255, 255, 255, 0.08) !important;
 }
+
 .expandtoggle:checked~.expandtoggle::before {
     content: "";
     background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/logarr/increase.png) no-repeat;
@@ -144,6 +171,7 @@ body.fade-out {
     height: 2em;
     cursor: row-resize;
 }
+
 .expandtoggle::before {
     background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/logarr/decrease.png) no-repeat;
     background-size: 2em;
@@ -156,6 +184,7 @@ body.fade-out {
     transition: .5s;
     cursor: pointer;
 }
+
 .expand {
     height: 43rem;
     width: auto;
@@ -166,90 +195,122 @@ body.fade-out {
     word-wrap: break-word;
     padding: 0 10px 0 10px;
 }
-.header-brand, .logheader {
+
+.header-brand,
+.logheader {
     text-shadow: none !important;
 }
+
 /* Settings */
 /* Text Color */
-.alpaca-control-label, .alpaca-control.radio {
+.alpaca-control-label,
+.alpaca-control.radio {
     color: white !important;
 }
+
 .alpaca-form-buttons-container {
     background-color: transparent !important;
 }
+
 .Rtable-cell {
     color: white !important;
 }
+
 #colorkey {
     color: white !important;
 }
+
 .settingstitle {
     text-shadow: none !important;
 }
+
 #reginfo {
     color: white !important;
 }
+
 #infodata {
     background-color: transparent !important;
     box-shadow: none !important;
 }
+
 .input_icon {
     color: var(--button-color) !important;
 }
+
 .input_icon:hover {
     color: var(--button-color-hover) !important;
 }
-.input:hover, input.form-control:hover, select.form-control:hover {
+
+.input:hover,
+input.form-control:hover,
+select.form-control:hover {
     border: .2rem solid transparent;
 }
-.input:focus, input.form-control:focus, select.form-control:focus {
+
+.input:focus,
+input.form-control:focus,
+select.form-control:focus {
     border: .2rem solid transparent;
 }
+
 input:invalid {
     border: .2rem solid transparent;
 }
+
 input:valid {
     border: .2rem solid transparent;
 }
+
 /* Sidebar */
 #sidebar-wrapper {
     box-shadow: none !important;
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:hover:before {
     -webkit-transition: none !important;
     transition: none !important;
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:before {
     background-color: rgba(0, 0, 0, 0.07);
     transition: none !important;
     -webkit-transition: none !important;
 }
+
 .sidebar-nav li:first-child a {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(2):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(3):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(4):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(5):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(6):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(7):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(8):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(9):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
@@ -267,7 +328,9 @@ input:valid {
     border: 1px solid transparent !important;
     box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important;
 }
-.modaltextloading, .modalloadingspinner {
+
+.modaltextloading,
+.modalloadingspinner {
     color: #FFF !important;
 }
 
@@ -275,73 +338,99 @@ input:valid {
     max-width: 100% !important;
     padding-right: 2rem !important;
 }
+
 #stats {
     background-color: rgba(0, 0, 0, .15) !important;
     padding-left: .0rem !important;
     padding-right: 1.11rem !important;
     box-shadow: none;
 }
+
 #hd {
     padding-left: 0.8rem !important;
 }
+
 .double-val-label>span.success {
     background-color: #28a745 !important;
 }
-.servicetile:hover, .servicetile:focus {
+
+.servicetile:hover,
+.servicetile:focus {
     text-shadow: 0 0 20px #000;
 }
-#servicetitle:hover, #servicetitle:focus {
+
+#servicetitle:hover,
+#servicetitle:focus {
     text-shadow: 0 0 20px #000;
 }
+
 #servicetitle {
     color: #fff !important;
 }
-.btnoffline, .btnunknown, .btnonline  {
+
+.btnoffline,
+.btnunknown,
+.btnonline {
     box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
     -webkit-box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
 }
+
 .btnonline {
     background-color: #28a745 !important;
 }
+
 .btn {
     background-color: var(--button-color) !important;
     border: none !important;
 }
+
 .btn:hover {
     background-color: var(--button-color-hover) !important;
     border: none !important;
 }
-.btn-primary,.btn-primary:hover {
+
+.btn-primary,
+.btn-primary:hover {
     border-color: transparent;
 }
-.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
+
+.btn-group>.btn-group:not(:first-child)>.btn,
+.btn-group>.btn:not(:first-child) {
     color: white !important;
 }
+
 .btn-group>.btn:first-child {
     color: white !important;
 }
+
 #time {
     background-color: rgba(0, 0, 0, .15) !important;
     color: #fff !important;
     box-shadow: none;
 }
+
 #slidertable {
     background-color: rgba(0, 0, 0, .15) !important;
     box-shadow: none;
 }
+
 #textslider {
     color: #fff !important;
 }
+
 .dtg {
     color: #fff !important;
 }
+
 .datemin {
     color: #fff !important;
 }
+
 #center {
     background-color: rgba(0, 0, 0, .0) !important;
     box-shadow: 0px 0px 0px 0px #ffffff00, 0px 0px 0px 0px #ffffff00, 10px 0px 10px 0px #ffffff00, -10px 0px 10px 2px #ffffff00 !important;
 }
+
 /*Service tile*/
 .col-lg-4 {
     background-color: rgba(0, 0, 0, .15) !important;
@@ -349,13 +438,17 @@ box-shadow: none;
     width: 9rem !important;
     box-shadow: none;
 }
+
 .col-lg-4:hover {
     background-color: hsla(0, 0%, 100%, .08) !important;
     margin: 1rem .1rem 1.5rem 1rem !important;
     width: 9rem !important;
     box-shadow: none;
 }
-.servicetile, .servicetile:hover, .servicetile:focus {
+
+.servicetile,
+.servicetile:hover,
+.servicetile:focus {
     color: #ffffff;
     text-shadow: none !important;
     text-decoration: none !important;
@@ -367,6 +460,7 @@ box-shadow: none;
     -o-transition: none !important;
     transition: none !important;
 }
+
 .servicetile {
     color: #ffffff;
     text-shadow: none !important;
@@ -379,7 +473,9 @@ box-shadow: none;
     -o-transition: none !important;
     transition: none !important;
 }
-#servicetitle:hover, #servicetitle:focus {
+
+#servicetitle:hover,
+#servicetitle:focus {
     text-shadow: none !important;
     font-weight: inherit !important;
 }
@@ -389,30 +485,40 @@ box-shadow: none;
     color: #fff !important;
     box-shadow: none;
 }
+
 .date {
     color: #fff !important;
 }
+
 #summary {
     background-color: #e84242 !important;
     border-radius: 23px 22px 22px 23px/23px 23px 22px 22px;
     box-shadow: 0px 2px 5px rgb(15, 15, 15) !important;
 }
-.pace, .pace-progress {
+
+.pace,
+.pace-progress {
     background: rgba(0, 0, 0, .15) !important;
 }
-.pace, .pace-progress-inner {
+
+.pace,
+.pace-progress-inner {
     box-shadow: 0 0 10px rgba(0, 0, 0, .15), 0 0 5px rgba(0, 0, 0, .15) !important;
 }
+
 .pace .pace-activity {
     border-top-color: #FFF !important;
     border-left-color: #FFF !important;
 }
+
 .footer {
     color: white !important;
 }
+
 .footer:hover {
     text-shadow: 0 0 15px transparent !important;
 }
+
 #footer {
     color: transparent !important;
 }
@@ -422,10 +528,13 @@ box-shadow: none;
 }
 
 /* ButtonShadow */
-.btnoffline, .btnunknown, .btnonline {
+.btnoffline,
+.btnunknown,
+.btnonline {
     box-shadow: none !important;
     -webkit-box-shadow: none !important;
 }
+
 .logrollmodal {
     background: var(--modal-bg-color) !important;
     background-repeat: repeat, no-repeat;
@@ -438,17 +547,22 @@ box-shadow: none;
     border: 1px solid transparent !important;
 }
 
-.modalimgpath, .modaltext, #uploadbutton {
+.modalimgpath,
+.modaltext,
+#uploadbutton {
     color: #fff !important;
 }
+
 .file-upload {
     background-color: var(--button-color) !important;
     color: white !important;
 }
+
 .file-upload:hover {
     background-color: var(--button-color-hover) !important;
     color: white !important;
 }
+
 @media only screen and (max-width: 775px) {
     #slidertable {
         display: none !important;
@@ -458,6 +572,7 @@ box-shadow: none;
         display: none !important;
     }
 }
+
 @media only screen and (max-width: 768px) {
     #dateRight {
         background-color: rgba(0, 0, 0, .15) !important;

CSS/themes/monitorr/monitorr-base.css

@@ -1,4 +1,3 @@
-
 /*    dP   dP                                                                  dP        */
 /*    88   88                                                                  88        */
 /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -28,6 +27,7 @@ body {
     -o-background-size: auto, cover;
     color: #FFFFFF !important;
 }
+
 /* Scrollbar */
 
 body::-webkit-scrollbar-track {
@@ -35,14 +35,17 @@ body {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
 }
+
 body::-webkit-scrollbar {
     background-color: transparent !important;
 }
+
 body::-webkit-scrollbar-thumb {
     background-color: hsla(0, 0%, 100%, .2) !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
 }
+
 body::-webkit-scrollbar-thumb:hover {
     background-color: hsla(0, 0%, 100%, .5) !important;
 }
@@ -54,14 +57,17 @@ body {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
 }
+
 #myModal3::-webkit-scrollbar {
     background-color: transparent !important;
 }
+
 #myModal3::-webkit-scrollbar-thumb {
     background-color: hsla(0, 0%, 100%, .2) !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
 }
+
 #myModal3::-webkit-scrollbar-thumb:hover {
     background-color: hsla(0, 0%, 100%, .5) !important;
 }
@@ -70,79 +76,102 @@ body {
     background-color: transparent;
     background: transparent;
 }
-#username:hover, #password:hover {
+
+#username:hover,
+#password:hover {
     text-shadow: 0 0 1rem transparent;
 }
 
 /* Settings */
 /* Text Color */
-.alpaca-control-label, .alpaca-control.radio {
+.alpaca-control-label,
+.alpaca-control.radio {
     color: white !important;
 }
+
 .alpaca-form-buttons-container {
     background-color: transparent !important;
 }
+
 .Rtable-cell {
     color: white !important;
 }
+
 #colorkey {
     color: white !important;
 }
+
 .settingstitle {
     text-shadow: none !important;
 }
+
 #reginfo {
     color: white !important;
 }
+
 #infodata {
     background-color: transparent !important;
     box-shadow: none !important;
 }
+
 .input_icon {
     color: var(--button-color) !important;
 }
+
 .input_icon:hover {
     color: var(--button-color-hover) !important;
 }
+
 /* Sidebar */
 #sidebar-wrapper {
     box-shadow: none !important;
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:hover:before {
     -webkit-transition: none !important;
     transition: none !important;
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:before {
     background-color: rgba(0, 0, 0, 0.07);
     transition: none !important;
     -webkit-transition: none !important;
 }
+
 .sidebar-nav li:first-child a {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(2):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(3):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(4):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(5):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(6):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(7):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(8):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
+
 .sidebar-nav li:nth-child(9):before {
     background-color: rgba(0, 0, 0, 0.07);
 }
@@ -160,7 +189,9 @@ background: transparent;
     border: 1px solid transparent !important;
     box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important;
 }
-.modaltextloading, .modalloadingspinner {
+
+.modaltextloading,
+.modalloadingspinner {
     color: #FFF !important;
 }
 
@@ -168,71 +199,97 @@ background: transparent;
     max-width: 100% !important;
     padding-right: 2rem !important;
 }
+
 #stats {
     background-color: rgba(0, 0, 0, .15) !important;
     padding-left: .0rem !important;
     padding-right: 1.11rem !important;
     box-shadow: none;
 }
+
 #hd {
     padding-left: 0.8rem !important;
 }
+
 .double-val-label>span.success {
     background-color: #28a745 !important;
 }
-.servicetile:hover, .servicetile:focus {
+
+.servicetile:hover,
+.servicetile:focus {
     text-shadow: 0 0 20px #000;
 }
-#servicetitle:hover, #servicetitle:focus {
+
+#servicetitle:hover,
+#servicetitle:focus {
     text-shadow: 0 0 20px #000;
 }
+
 #servicetitle {
     color: #fff !important;
 }
-.btnoffline, .btnunknown, .btnonline  {
+
+.btnoffline,
+.btnunknown,
+.btnonline {
     box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
     -webkit-box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
 }
+
 .btnonline {
     background-color: #28a745 !important;
 }
+
 .btn {
     background-color: var(--button-color) !important;
 }
+
 .btn:hover {
     background-color: var(--button-color-hover) !important;
 }
-.btn-primary,.btn-primary:hover {
+
+.btn-primary,
+.btn-primary:hover {
     border-color: transparent;
 }
-.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
+
+.btn-group>.btn-group:not(:first-child)>.btn,
+.btn-group>.btn:not(:first-child) {
     color: white !important;
 }
+
 .btn-group>.btn:first-child {
     color: white !important;
 }
+
 #time {
     background-color: rgba(0, 0, 0, .15) !important;
     color: #fff !important;
     box-shadow: none;
 }
+
 #slidertable {
     background-color: rgba(0, 0, 0, .15) !important;
     box-shadow: none;
 }
+
 #textslider {
     color: #fff !important;
 }
+
 .dtg {
     color: #fff !important;
 }
+
 .datemin {
     color: #fff !important;
 }
+
 #center {
     background-color: rgba(0, 0, 0, .0) !important;
     box-shadow: 0px 0px 0px 0px #ffffff00, 0px 0px 0px 0px #ffffff00, 10px 0px 10px 0px #ffffff00, -10px 0px 10px 2px #ffffff00 !important;
 }
+
 /*Service tile*/
 .col-lg-4 {
     background-color: rgba(0, 0, 0, .15) !important;
@@ -240,13 +297,17 @@ box-shadow: none;
     width: 9rem !important;
     box-shadow: none;
 }
+
 .col-lg-4:hover {
     background-color: hsla(0, 0%, 100%, .08) !important;
     margin: 1rem .1rem 1.5rem 1rem !important;
     width: 9rem !important;
     box-shadow: none;
 }
-.servicetile, .servicetile:hover, .servicetile:focus {
+
+.servicetile,
+.servicetile:hover,
+.servicetile:focus {
     color: #ffffff;
     text-shadow: none !important;
     text-decoration: none !important;
@@ -258,6 +319,7 @@ box-shadow: none;
     -o-transition: none !important;
     transition: none !important;
 }
+
 .servicetile {
     color: #ffffff;
     text-shadow: none !important;
@@ -270,7 +332,9 @@ box-shadow: none;
     -o-transition: none !important;
     transition: none !important;
 }
-#servicetitle:hover, #servicetitle:focus {
+
+#servicetitle:hover,
+#servicetitle:focus {
     text-shadow: none !important;
     font-weight: inherit !important;
 }
@@ -280,30 +344,40 @@ box-shadow: none;
     color: #fff !important;
     box-shadow: none;
 }
+
 .date {
     color: #fff !important;
 }
+
 #summary {
     background-color: #e84242 !important;
     border-radius: 23px 22px 22px 23px/23px 23px 22px 22px;
     box-shadow: 0px 2px 5px rgb(15, 15, 15) !important;
 }
-.pace, .pace-progress {
+
+.pace,
+.pace-progress {
     background: rgba(0, 0, 0, .15) !important;
 }
-.pace, .pace-progress-inner {
+
+.pace,
+.pace-progress-inner {
     box-shadow: 0 0 10px rgba(0, 0, 0, .15), 0 0 5px rgba(0, 0, 0, .15) !important;
 }
+
 .pace .pace-activity {
     border-top-color: #FFF !important;
     border-left-color: #FFF !important;
 }
+
 .footer {
     color: white !important;
 }
+
 .footer:hover {
     text-shadow: 0 0 15px transparent !important;
 }
+
 #footer {
     color: transparent !important;
 }
@@ -313,10 +387,13 @@ box-shadow: none;
 }
 
 /* ButtonShadow */
-.btnoffline, .btnunknown, .btnonline {
+.btnoffline,
+.btnunknown,
+.btnonline {
     box-shadow: none !important;
     -webkit-box-shadow: none !important;
 }
+
 #myModal3 {
     background: var(--modal-bg-color) !important;
     background-repeat: repeat, no-repeat;
@@ -328,17 +405,23 @@ box-shadow: none;
     -o-background-size: auto, cover;
     border: 1px solid transparent !important;
 }
-.modalimgpath, .modaltext, #uploadbutton {
+
+.modalimgpath,
+.modaltext,
+#uploadbutton {
     color: #fff !important;
 }
+
 .file-upload {
     background-color: var(--button-color) !important;
     color: white !important;
 }
+
 .file-upload:hover {
     background-color: var(--button-color-hover) !important;
     color: white !important;
 }
+
 @media only screen and (max-width: 775px) {
     #slidertable {
         display: none !important;

CSS/themes/monitorr/organizr-dashboard.css

@@ -1,4 +1,3 @@
-
 /*    dP   dP                                                                  dP        */
 /*    88   88                                                                  88        */
 /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -19,56 +18,75 @@ body {
     max-width: 100% !important;
     padding-right: 2rem !important;
 }
+
 #stats {
     background-color: rgba(0, 0, 0, .15) !important;
     padding-left: .0rem !important;
     padding-right: 1.11rem !important;
     box-shadow: none;
 }
+
 #hd {
     padding-left: 0.8rem !important;
 }
+
 .double-val-label>span.success {
     background-color: #28a745 !important;
 }
-.servicetile:hover, .servicetile:focus {
+
+.servicetile:hover,
+.servicetile:focus {
     text-shadow: 0 0 20px #000;
 }
-#servicetitle:hover, #servicetitle:focus {
+
+#servicetitle:hover,
+#servicetitle:focus {
     text-shadow: 0 0 20px #000;
 }
+
 #servicetitle {
     color: #fff !important;
 }
-.btnoffline, .btnunknown, .btnonline  {
+
+.btnoffline,
+.btnunknown,
+.btnonline {
     box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
     -webkit-box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
 }
+
 .btnonline {
     background-color: #28a745 !important;
 }
+
 #time {
     background-color: rgba(0, 0, 0, .15) !important;
     color: #fff !important;
     box-shadow: none;
 }
+
 #slidertable {
     background-color: rgba(0, 0, 0, .15) !important;
     box-shadow: none;
 }
+
 #textslider {
     color: #fff !important;
 }
+
 .dtg {
     color: #fff !important;
 }
+
 .datemin {
     color: #fff !important;
 }
+
 #center {
     background-color: rgba(0, 0, 0, .0) !important;
     box-shadow: 0px 0px 0px 0px #ffffff00, 0px 0px 0px 0px #ffffff00, 10px 0px 10px 0px #ffffff00, -10px 0px 10px 2px #ffffff00 !important;
 }
+
 /*Service tile*/
 .col-lg-4 {
     background-color: rgba(0, 0, 0, .15) !important;
@@ -76,13 +94,17 @@ box-shadow: none;
     width: 9rem !important;
     box-shadow: none;
 }
+
 .col-lg-4:hover {
     background-color: hsla(0, 0%, 100%, .08) !important;
     margin: 1rem .1rem 1.5rem 1rem !important;
     width: 9rem !important;
     box-shadow: none;
 }
-.servicetile, .servicetile:hover, .servicetile:focus {
+
+.servicetile,
+.servicetile:hover,
+.servicetile:focus {
     color: #ffffff;
     text-shadow: none !important;
     text-decoration: none !important;
@@ -94,6 +116,7 @@ box-shadow: none;
     -o-transition: none !important;
     transition: none !important;
 }
+
 .servicetile {
     color: #ffffff;
     text-shadow: none !important;
@@ -106,7 +129,9 @@ box-shadow: none;
     -o-transition: none !important;
     transition: none !important;
 }
-#servicetitle:hover, #servicetitle:focus {
+
+#servicetitle:hover,
+#servicetitle:focus {
     text-shadow: none !important;
     font-weight: inherit !important;
 }
@@ -116,44 +141,60 @@ box-shadow: none;
     color: #fff !important;
     box-shadow: none;
 }
+
 .date {
     color: #fff !important;
 }
+
 #summary {
     background-color: #e84242 !important;
     border-radius: 23px 22px 22px 23px/23px 23px 22px 22px;
     box-shadow: 0px 2px 5px rgb(15, 15, 15) !important;
 }
-.pace, .pace-progress {
+
+.pace,
+.pace-progress {
     background: rgba(0, 0, 0, .15) !important;
 }
-.pace, .pace-progress-inner {
+
+.pace,
+.pace-progress-inner {
     box-shadow: 0 0 10px rgba(0, 0, 0, .15), 0 0 5px rgba(0, 0, 0, .15) !important;
 }
+
 .footer {
     color: transparent !important;
 }
+
 .footer:hover {
     text-shadow: 0 0 15px transparent !important;
 }
+
 #footer {
     color: transparent !important;
 }
-.alpaca-control-label, .alpaca-control.radio {
+
+.alpaca-control-label,
+.alpaca-control.radio {
     color: black !important;
 }
+
 .navbar-brand {
     text-shadow: 0 0 15px #000000 !important;
 }
+
 .Rtable-cell {
     color: #000000 !important;
 }
+
 #colorkey {
     color: #000000 !important;
 }
 
 /* ButtonShadow */
-.btnoffline, .btnunknown, .btnonline {
+.btnoffline,
+.btnunknown,
+.btnonline {
     box-shadow: none !important;
     -webkit-box-shadow: none !important;
 }

CSS/themes/moviematch/moviematch-base.css

@@ -93,8 +93,7 @@ input:focus {
 .login-form .room-code-container .generate-button:hover,
 .login-form .submit-button:hover,
 .ButtonPrimary:hover,
-.ButtonPrimary:active
+.ButtonPrimary:active .ButtonSecondary:hover,
-.ButtonSecondary:hover,
 .ButtonSecondary:active,
 .ButtonTertiary:hover,
 .ButtonTertiary:active,
@@ -106,6 +105,7 @@ input:focus {
     color: var(--button-text-hover);
     border-color: var(--button-color-hover);
 }
+
 @media (hover: hover) {
     .ButtonSecondary:hover {
         color: var(--button-text-hover);
@@ -135,9 +135,11 @@ input:focus {
 .Card_MoreInfoButton:hover {
     color: rgb(var(--accent-color));
 }
+
 .RoomInfoBar {
     background-color: rgba(0, 0, 0, 0.25);
 }
+
 /* MENUS POPOVER */
 .PopoverMenuButton:hover {
     background: rgb(255 255 255 / 15%) !important;

CSS/themes/nzbget/nzbget-base.css

@@ -1,4 +1,3 @@
-
 /*    dP   dP                                                                  dP        */
 /*    88   88                                                                  88        */
 /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -28,17 +27,20 @@ body {
 ::-webkit-scrollbar-corner {
     background-color: rgba(0, 0, 0, .25);
 }
+
 ::-webkit-scrollbar {
     width: 10px;
     height: 10px;
     background: #0c1218;
 
 }
+
 ::-webkit-scrollbar-thumb {
     -webkit-border-radius: 2px;
     border-radius: 2px;
     background-color: hsla(0, 0%, 100%, .08);
 }
+
 .modal {
     background: var(--modal-bg-color) !important;
     background-repeat: repeat, no-repeat;
@@ -51,6 +53,7 @@ body {
     background-color: var(--modal-bg-color) !important;
     color: #FFFFFF !important;
 }
+
 .modal-footer {
     background-color: transparent;
     border-top: none;
@@ -60,40 +63,62 @@ body {
 .table a {
     color: #ffffff;
 }
+
 .table a:hover {
     color: #e5a00d;
 }
+
 .table-striped tbody tr:nth-child(odd) {
     background-color: rgba(0, 0, 0, 0.25);
 }
-.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
+
+.table-striped tbody tr:nth-child(odd) td,
+.table-striped tbody tr:nth-child(odd) th {
     background-color: transparent;
 }
+
 .table-striped tbody tr:nth-child(even) {
     background-color: rgba(0, 0, 0, 0.08);
 }
-.table tbody tr:hover, .table tbody tr:hover td, .table tbody tr:hover a  {
+
+.table tbody tr:hover,
+.table tbody tr:hover td,
+.table tbody tr:hover a {
     color: white;
     background-color: hsla(0, 0%, 100%, .08);
 }
-.table-striped tbody tr.checked:nth-child(2n+1) td, .checked .progress {
+
+.table-striped tbody tr.checked:nth-child(2n+1) td,
+.checked .progress {
     background-color: hsla(0, 0%, 100%, .08);
 }
-tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
+
+tr.checked,
+tr.checked td,
+tr.checked:nth-child(odd) .progress {
     background-color: hsla(0, 0%, 100%, .08);
 }
-.table tbody tr.checked:hover, .table tbody tr.checked:hover td {
+
+.table tbody tr.checked:hover,
+.table tbody tr.checked:hover td {
     background-color: hsla(0, 0%, 100%, .08);
 }
-.table tbody tr.checked:hover, .table tbody tr.checked:hover td {
+
+.table tbody tr.checked:hover,
+.table tbody tr.checked:hover td {
     background-color: hsla(0, 0%, 100%, .08);
 }
-.table.check-simple tbody tr.checked:hover, .table.check-simple tbody tr.checked:hover td {
+
+.table.check-simple tbody tr.checked:hover,
+.table.check-simple tbody tr.checked:hover td {
     background-color: hsla(0, 0%, 100%, .08);
 }
-.table th, .table td {
+
+.table th,
+.table td {
     border-top: none;
 }
+
 .table-bordered {
     border-left: none;
     border: none;
@@ -103,9 +128,12 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
     border: none;
     background: rgba(0, 0, 0, .25);
 }
-.pagination a:hover, .pagination .active a {
+
+.pagination a:hover,
+.pagination .active a {
     background-color: hsla(0, 0%, 100%, .08);
 }
+
 .pagination .active a {
     color: #ffffff;
 }
@@ -114,9 +142,11 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
 .progress {
     background: hsla(0, 0%, 100%, .08);
 }
+
 .progress-warning.progress-striped .bar {
     background-color: #cc7b19;
 }
+
 .progress-success.progress-striped .bar {
     background-color: #51a351;
 }
@@ -125,10 +155,12 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
 .navbar-fixed-top .navbar-inner {
     color: #fff !important;
 }
+
 .navbar-inner {
     background-image: none;
     background-color: transparent;
 }
+
 .navbar-container {
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;
@@ -139,34 +171,46 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 .navbar .nav>li>a:hover {
     color: var(--accent-color);
 }
-.navbar .nav .active > a, .navbar .nav .active > a:hover {
+
+.navbar .nav .active>a,
+.navbar .nav .active>a:hover {
     background: hsla(0, 0%, 100%, .08);
     color: var(--accent-color);
 }
 
-[class^="icon-"], [class*=" icon-"], [class^="img-"], [class*=" img-"] {
+[class^="icon-"],
+[class*=" icon-"],
+[class^="img-"],
+[class*=" img-"] {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/nzbget/icons.png);
 }
+
 .navbar-search .search-query {
     color: #ffffff;
     background-color: rgba(0, 0, 0, 0.25) !important;
     border: 0px solid #151515;
 
 }
-.navbar-search .search-query:focus, .navbar-search .search-query.focused {
+
+.navbar-search .search-query:focus,
+.navbar-search .search-query.focused {
     color: #000 !important;
     text-shadow: none;
     background-color: white !important;
 }
+
 .search-caret-button {
     outline: none;
 }
+
 .menu-header {
     color: #ffffff;
 }
+
 .dropdown-menu {
     background-color: #191a1c;
     background: var(--modal-bg-color);
@@ -179,13 +223,18 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
     -o-background-size: auto, cover;
     color: #FFF;
 }
+
 .dropdown-menu a {
     color: #ffffff;
 }
-.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
+
+.dropdown-menu li>a:hover,
+.dropdown-menu .active>a,
+.dropdown-menu .active>a:hover {
     color: #ffffff;
     background-color: hsla(0, 0%, 100%, .05);
 }
+
 .dropdown-menu .divider {
     height: 0px;
     border-bottom: none;
@@ -208,6 +257,7 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
     font-weight: bold;
     text-shadow: unset;
 }
+
 #ConfigData>div>button.btn:hover {
     background: hsla(0, 0%, 100%, .08) !important;
     color: #FFF !important;
@@ -221,23 +271,28 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
     text-shadow: unset;
     font-weight: bold;
 }
+
 #Config_Save:hover {
     background-color: #51a351;
     color: #FFF;
 }
+
 #Config_Save {
     background: rgba(0, 0, 0, 0.25);
     color: #FFF;
     margin: auto;
 }
+
 #ConfigData>div>div>button.btn.btn-danger {
     background: #ad292c;
     text-shadow: unset;
 }
+
 #ConfigData>div>div>button.btn.btn-danger:hover {
     background: #d33a3e;
     text-shadow: unset;
 }
+
 #ConfigData>div:nth-child(3)>div>button,
 #ConfigData>div:nth-child(4)>div>button,
 #ConfigData>div:nth-child(5)>div>button {
@@ -245,6 +300,7 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
     background: rgba(0, 0, 0, 0.25);
     color: white;
 }
+
 #ConfigData>div:nth-child(3)>div>button:hover,
 #ConfigData>div:nth-child(4)>div>button:hover,
 #ConfigData>div:nth-child(5)>div>button:hover {
@@ -252,16 +308,19 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
     background: hsla(0, 0%, 100%, .08);
     color: white;
 }
+
 #ConfigData input.btn.btn-primary {
     background: var(--button-color) !important;
     text-shadow: unset;
     color: white;
 }
+
 #ConfigData input.btn {
     background: rgba(0, 0, 0, 0.25) !important;
     text-shadow: unset;
     color: #a8a8a8;
 }
+
 #Config_ViewButton {
     background: rgba(0, 0, 0, 0.25);
     color: #FFF;
@@ -271,11 +330,13 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
     background: hsla(0, 0%, 100%, .08);
     color: #FFF;
 }
+
 #DownloadsEditDialog input.btn.btn-primary {
     background: var(--button-color) !important;
     text-shadow: unset;
     color: white;
 }
+
 #HistoryEdit_ParamData input.btn.btn-primary {
     background: var(--button-color) !important;
     text-shadow: unset;
@@ -294,6 +355,7 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
     -moz-box-shadow: none;
     box-shadow: none;
 }
+
 .btn:hover {
     color: #FFF;
     background-color: hsla(0, 0%, 100%, .08);
@@ -315,12 +377,16 @@ tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress {
     text-shadow: unset;
     font-weight: bold;
 }
+
 #ConfigData>div>div>table>tbody>tr>td>.btn:hover {
     background: hsla(0, 0%, 100%, .08);
     color: #FFF;
 }
 
-input, textarea, select, .uneditable-input {
+input,
+textarea,
+select,
+.uneditable-input {
     color: #ffffff;
     background-color: rgb(0, 0, 0);
     background-image: var(main-bg-color) !important;
@@ -335,11 +401,16 @@ input, textarea, select, .uneditable-input {
     color: #FFFFFF !important;
     border: none;
 }
+
 select:focus {
     background: #191a1c !important;
     color: #FFF !important;
 }
-input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus {
+
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus,
+select:focus {
     outline: thin dotted #333;
     outline: none;
     outline-offset: -2px;
@@ -347,11 +418,14 @@ input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focu
     -moz-box-shadow: none;
     box-shadow: none;
 }
-input:focus, textarea:focus {
+
+input:focus,
+textarea:focus {
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
 }
+
 .alert-info {
     font-weight: bold;
     border-radius: unset;
@@ -363,6 +437,7 @@ input:focus, textarea:focus {
     color: #FFF;
     text-transform: capitalize;
 }
+
 .alert-inverse {
     background-color: #414141;
     background-image: var(--main-bg-color) !important;
@@ -388,38 +463,52 @@ label {
     border: 1px solid rgba(0, 0, 0, .25);
     background-color: rgba(0, 0, 0, .25);
 }
+
 #ConfigNav.nav-list a {
     color: #fff;
     text-decoration: none;
 }
-.nav-list > li > a, .nav-list .nav-header {
+
+.nav-list>li>a,
+.nav-list .nav-header {
     text-shadow: none;
 }
-.nav-list > .active > a, .nav-list > .active > a:hover {
+
+.nav-list>.active>a,
+.nav-list>.active>a:hover {
     color: #ffffff;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
     background-color: #0088cc;
 }
-.nav-list > .active > a, .nav-list > .active > a:hover {
+
+.nav-list>.active>a,
+.nav-list>.active>a:hover {
     color: var(--accent-color) !important;
     background-color: transparent;
 }
+
 .nav>li>a:hover {
     background-color: hsla(0, 0%, 100%, .08);
 }
+
 span.help-option-title {
     color: #eee;
 }
-.help-block, .help-inline {
+
+.help-block,
+.help-inline {
     color: #eee;
 }
+
 .confirm-help-block {
     color: #eee;
     font-size: 13px;
     line-height: 16px;
     margin-bottom: 0;
 }
-.input-prepend .add-on, .input-append .add-on {
+
+.input-prepend .add-on,
+.input-append .add-on {
     background-color: rgba(0, 0, 0, 0.25);
     background-image: var(--main-bg-color) !important;
     background-repeat: repeat, no-repeat;
@@ -433,21 +522,27 @@ span.help-option-title {
     color: #FFFFFF !important;
     border: none;
 }
+
 .config-settitle {
     background-color: rgba(0, 0, 0, 0.25);
     border-bottom: none;
 }
+
 a {
     color: var(--accent-color);
     text-decoration: none;
 }
+
 a:hover {
     color: #fff;
     text-decoration: underline;
 }
-.label-warning, .badge-warning {
+
+.label-warning,
+.badge-warning {
     background-color: var(--button-color);
 }
+
 .caret {
     border-top: 4px solid #ffffff;
 }

CSS/themes/nzbhydra2/nzbhydra-base.css

@@ -1,4 +1,3 @@
-
 /*    dP   dP                                                                  dP        */
 /*    88   88                                                                  88        */
 /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -11,7 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
 
-  body, html {
+body,
+html {
     height: 100%;
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;
@@ -23,21 +23,29 @@
     -o-background-size: auto, cover;
     font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif;
 }
+
 .navbar-default {
     background-color: rgba(0, 0, 0, 0.6);
     border-color: transparent;
 }
-.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
+
+.navbar-default .navbar-nav>.active>a,
+.navbar-default .navbar-nav>.active>a:focus,
+.navbar-default .navbar-nav>.active>a:hover {
     color: #fff;
     background-color: rgba(0, 0, 0, 0.25);
 }
-.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
+
+.navbar-default .navbar-nav>li>a:focus,
+.navbar-default .navbar-nav>li>a:hover {
     color: #fff;
     background-color: rgba(255, 255, 255, 0.08);
 }
+
 .growl-container>.alert-info.icon {
     background: var(--accent-color);
 }
+
 .alert-info {
     background: var(--accent-color);
     border-color: transparent;
@@ -50,25 +58,34 @@
 .nav-tabs {
     border-bottom: 1px solid rgba(255, 255, 255, 0.15);
 }
-.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
+
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:focus,
+.nav-tabs>li.active>a:hover {
     color: #fff;
     background-color: rgba(0, 0, 0, 0.25);
     border: 1px solid #1a1f2000;
     border-bottom-color: transparent;
 }
+
 .nav-tabs>li>a:hover {
     border-color: transparent;
 }
-.nav>li>a:focus, .nav>li>a:hover {
+
+.nav>li>a:focus,
+.nav>li>a:hover {
     background-color: rgba(255, 255, 255, 0.08);
 }
+
 .formly>.formly-field-group {
     background-color: transparent;
     border: 1px solid transparent;
 }
+
 legend {
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 }
+
 .panel-default>.panel-heading h3 {
     color: #ffffff;
 }
@@ -79,62 +96,137 @@ legend {
     background: var(--default-button-color);
     border-color: var(--default-button-color);
 }
-.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
+
+.btn-primary.active,
+.btn-primary.focus,
+.btn-primary:active,
+.btn-primary:focus,
+.btn-primary:hover,
+.open>.dropdown-toggle.btn-primary {
     color: #fff;
     background: var(--default-button-color-hover);
     border-color: var(--default-button-color-hover);
 }
-.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 {
+
+.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: #fff;
     background: var(--default-button-color-hover);
     border-color: var(--default-button-color-hover);
 }
+
 .btn-info {
     color: #fff;
     background: var(--default-button-color);
     border-color: transparent;
 }
-.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info {
+
+.btn-info.active,
+.btn-info.focus,
+.btn-info:active,
+.btn-info:focus,
+.btn-info:hover,
+.open>.dropdown-toggle.btn-info {
     color: #fff;
     background: var(--default-button-color-hover);
     border-color: transparent;
 }
-.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
+
+.btn-info.active.focus,
+.btn-info.active:focus,
+.btn-info.active:hover,
+.btn-info:active.focus,
+.btn-info:active:focus,
+.btn-info:active:hover,
+.open>.dropdown-toggle.btn-info.focus,
+.open>.dropdown-toggle.btn-info:focus,
+.open>.dropdown-toggle.btn-info:hover {
     color: #fff;
     background: var(--default-button-color-active);
     border-color: transparent;
     outline: none;
 }
+
 .btn-default {
     color: #fff;
     background: var(--default-button-color);
     border-color: transparent !important;
     outline: none;
 }
-.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
+
+.btn-default.active,
+.btn-default.focus,
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.open>.dropdown-toggle.btn-default {
     color: #fff;
     background: var(--default-button-color-hover);
     border-color: transparent !important;
     outline: none;
 }
-.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
+
+.btn-default.active.focus,
+.btn-default.active:focus,
+.btn-default.active:hover,
+.btn-default:active.focus,
+.btn-default:active:focus,
+.btn-default:active:hover,
+.open>.dropdown-toggle.btn-default.focus,
+.open>.dropdown-toggle.btn-default:focus,
+.open>.dropdown-toggle.btn-default:hover {
     color: #fff;
     background: var(--default-button-color-hover);
     border-color: transparent !important;
     outline: none;
 }
+
 .config-button {
     border: 1px solid transparent;
     outline: none;
 }
-.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
+
+.btn-success.active.focus,
+.btn-success.active:focus,
+.btn-success.active:hover,
+.btn-success:active.focus,
+.btn-success:active:focus,
+.btn-success:active:hover,
+.open>.dropdown-toggle.btn-success.focus,
+.open>.dropdown-toggle.btn-success:focus,
+.open>.dropdown-toggle.btn-success:hover {
     outline: none !important;
     border-color: transparent;
 }
-.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
+
+.btn-danger.active.focus,
+.btn-danger.active:focus,
+.btn-danger.active:hover,
+.btn-danger:active.focus,
+.btn-danger:active:focus,
+.btn-danger:active:hover,
+.open>.dropdown-toggle.btn-danger.focus,
+.open>.dropdown-toggle.btn-danger:focus,
+.open>.dropdown-toggle.btn-danger:hover {
     outline: none;
 }
-.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover {
+
+.btn-warning.active.focus,
+.btn-warning.active:focus,
+.btn-warning.active:hover,
+.btn-warning:active.focus,
+.btn-warning:active:focus,
+.btn-warning:active:hover,
+.open>.dropdown-toggle.btn-warning.focus,
+.open>.dropdown-toggle.btn-warning:focus,
+.open>.dropdown-toggle.btn-warning:hover {
     outline: none;
 }
 
@@ -142,26 +234,34 @@ outline: none;
 .bootstrap-switch {
     border: 1px solid rgba(255, 255, 255, .08);
 }
-.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
+
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
     color: #fff;
     background: rgba(255, 255, 255, 0.25);
 }
+
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
     background-color: var(--default-button-color);
     color: #ffffff;
 }
-.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
+
+.input-group-btn:last-child>.btn,
+.input-group-btn:last-child>.btn-group {
     margin-left: -1px;
     background: #f0f8ff00;
 }
+
 .input-group-btn2 {
     border: none;
     background: var(--default-button-color);
 }
+
 .input-group-btn1 {
     border: 1px solid var(--default-button-color);
     background: var(--default-button-color);
 }
+
 /* Form Control */
 
 .form-control {
@@ -169,12 +269,14 @@ outline: none;
     background-color: #151515;
 
 }
+
 .form-control:focus {
     border-color: #fff0;
     outline: 0;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, 0.6);
 }
+
 .input-group-addon {
     outline: none;
     background-color: rgba(0, 0, 0, 0.25);
@@ -187,10 +289,12 @@ outline: none;
     background-color: rgba(0, 0, 0, 0.25);
     border: 1px solid transparent;
 }
+
 .repeatsection {
     background: rgba(0, 0, 0, 0.25);
     box-shadow: 0 0 4px 1px transparent;
 }
+
 hr {
     border-top: 1px solid rgba(255, 255, 255, 0.25);
 }
@@ -206,6 +310,7 @@ hr {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 .modal-header {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
@@ -217,9 +322,11 @@ hr {
     -o-background-size: auto, cover;
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 }
+
 .modal-content {
     border: 1px solid transparent;
 }
+
 .modal-footer {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
@@ -238,6 +345,7 @@ hr {
     border-color: transparent;
     color: #fff;
 }
+
 .panel-default>.panel-heading {
     background-color: rgba(0, 0, 0, 0.25);
 }
@@ -246,6 +354,7 @@ hr {
     color: #c8c8c8;
     border-color: rgba(255, 255, 255, 0.08);
 }
+
 .list-group-item {
     background-color: rgba(0, 0, 0, 0.08);
     border: 1px solid rgba(255, 255, 255, 0.1);
@@ -255,16 +364,25 @@ hr {
 table {
     background-color: rgba(0, 0, 0, 0.25);
 }
+
 .table>thead>tr>th {
     vertical-align: bottom;
     border-bottom: 2px solid rgba(255, 255, 255, 0.25);
 }
-.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
+
+.table>tbody>tr>td,
+.table>tbody>tr>th,
+.table>tfoot>tr>td,
+.table>tfoot>tr>th,
+.table>thead>tr>td,
+.table>thead>tr>th {
     border-top: 1px solid rgba(255, 255, 255, 0.15);
 }
+
 .table-hover>tbody>tr:hover {
     background-color: rgba(255, 255, 255, 0.08);
 }
+
 pre {
     background-color: rgba(0, 0, 0, 0.45);
     border: 1px solid transparent;

CSS/themes/ombi/ombi-base.css

@@ -1,4 +1,3 @@
-
 /*    dP   dP                                                                  dP        */
 /*    88   88                                                                  88        */
 /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -32,7 +31,20 @@ body,
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
-.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, legend {
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+legend {
     color: var(--text-hover);
 }
 
@@ -50,6 +62,7 @@ a:hover {
 .forgot-password:hover {
     color: var(--link-color-hover) !important;
 }
+
 /* SCROLLBAR */
 ::-webkit-scrollbar-thumb {
     border-radius: 3px;
@@ -135,6 +148,7 @@ a:hover {
     height: auto;
     width: 16rem !important;
 }
+
 [id*="nav-"] {
     color: var(--text) !important;
 }
@@ -257,11 +271,13 @@ a:hover {
     max-height: 290px;
     max-width: 12rem;
 }
+
 @media (max-width: 768px) {
     .section h2 {
         margin-left: 5px !important;
     }
 }
+
 @media (min-width: 768px) {
     .section h2 {
         margin-left: 63px !important;
@@ -321,14 +337,17 @@ a:hover {
     box-shadow: 0 0 0 0 rgb(0 0 0 / 20%), 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%);
     background: transparent;
 }
+
 #info-wrapper .mat-card .label,
 #info-wrapper .mat-card .mat-card-header {
     color: var(--text-hover);
 }
 
-#info-wrapper .mat-card,#info-wrapper .mat-card-content {
+#info-wrapper .mat-card,
+#info-wrapper .mat-card-content {
     color: var(--text);
 }
+
 .btn-ombi {
     background-color: rgba(0, 0, 0, 0.85) !important;
     /* backdrop-filter: blur(10px) !important;
@@ -434,6 +453,7 @@ small.important {
     color: var(--button-text) !important;
     background-color: var(--button-color) !important;
 }
+
 .mat-raised-button:not([class*=mat-elevation-z]):not(.mat-raised-button.mat-warn):not(.viewon-btn.plex) {
     box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
     background: var(--button-color);
@@ -608,11 +628,13 @@ hr {
 .full-screenshot.enabled.overlay {
     background-image: linear-gradient(180deg, transparent, 50%, rgb(var(--accent-color), 0.1));
 }
+
 .social-icons-container {
     background-color: hsl(0deg 0% 0% / 85%) !important;
     backdrop-filter: blur(10px) !important;
     -webkit-backdrop-filter: blur(10px) !important;
 }
+
 /* MODAL */
 .mat-autocomplete-panel,
 .mat-dialog-container {
@@ -649,6 +671,7 @@ hr {
     -o-background-size: auto, cover;
 }
 
-.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle {
+.mat-progress-spinner.mat-accent circle,
+.mat-spinner.mat-accent circle {
     stroke: rgb(var(--accent-color));
 }

CSS/themes/ombi/ombiv3-base.css

@@ -1,4 +1,3 @@
-
 /*    dP   dP                                                                  dP        */
 /*    88   88                                                                  88        */
 /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -14,6 +13,7 @@
 body {
     background: var(--main-bg-color);
 }
+
 /* Scrollbar */
 @media only screen and (min-width: 768px) {
     html {
@@ -21,15 +21,18 @@ body {
         width: 100%;
         overflow: hidden;
     }
+
     body {
         overflow-y: auto;
         height: 100%;
         background: var(--main-bg-color)
     }
 }
+
 ::-webkit-scrollbar {
     width: 14px;
 }
+
 ::-webkit-scrollbar-thumb {
     min-height: 50px;
     border: 3px solid transparent;
@@ -37,9 +40,11 @@ body {
     background-color: hsla(0, 0%, 100%, .2);
     background-clip: padding-box;
 }
+
 ::-webkit-scrollbar-track {
     background-color: transparent;
 }
+
 ::-webkit-scrollbar-thumb:hover {
     min-height: 50px;
     border: 3px solid transparent;
@@ -47,15 +52,20 @@ body {
     background-color: hsla(0, 0%, 100%, .5);
     background-clip: padding-box;
 }
+
 /* Navbar */
 @media (max-width: 924px) {
-    .collapse.in, .navbar-nav {
+
+    .collapse.in,
+    .navbar-nav {
         background: var(--main-bg-color);
     }
 }
 
 @media (max-width: 924px) {
-    .navbar-left, .navbar-right {
+
+    .navbar-left,
+    .navbar-right {
         float: none !important;
         box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7);
     }
@@ -64,35 +74,49 @@ body {
 .navbar-default .navbar-brand {
     color: var(--accent-color);
 }
+
 .navbar-default {
     background: var(--main-bg-color);
     border-color: #FFF;
 }
+
 .nav-tabs {
     border-bottom: 1px solid transparent;
     margin-bottom: 3px !important;
 }
-.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
+
+.navbar-default .navbar-nav>.active>a,
+.navbar-default .navbar-nav>.active>a:focus,
+.navbar-default .navbar-nav>.active>a:hover {
     background-color: rgba(0, 0, 0, 0.25);
 }
 
-.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
+.navbar-default .navbar-nav>li>a:focus,
+.navbar-default .navbar-nav>li>a:hover {
     background-color: rgba(255, 255, 255, 0.08);
     color: #fff;
 }
+
 .navbar-default .navbar-nav>.open>a {
     background-color: rgba(0, 0, 0, 0.25);
     color: #fff;
 }
-.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
+
+.navbar-default .navbar-nav>.open>a,
+.navbar-default .navbar-nav>.open>a:focus,
+.navbar-default .navbar-nav>.open>a:hover {
     background-color: rgba(0, 0, 0, 0.25);
 }
-.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
+
+.navbar-default .navbar-toggle:focus,
+.navbar-default .navbar-toggle:hover {
     background-color: transparent;
 }
+
 .ui-tooltip .ui-tooltip-text {
     background-color: var(--modal-bg-color) !important;
 }
+
 @media (max-width: 924px) {
     .navbar-collapse.collapse {
         box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7);
@@ -103,6 +127,7 @@ background-color:var(--modal-bg-color) !important;
 .pace .pace-progress {
     background: var(--loading-bar) !important;
 }
+
 .pace .pace-progress-inner {
     box-shadow: 0 0 10px var(--loading-bar), 0 0 5px var(--loading-bar) !important;
 }
@@ -112,18 +137,22 @@ background-color:var(--modal-bg-color) !important;
     border-radius: 3px;
     background-color: transparent !important;
 }
+
 .search-bar-background[_ngcontent-c2] {
     background-color: transparent;
 }
+
 @media (min-width: 979px) {
     .form-control-search[_ngcontent-c2] {
         width: 100%;
     }
 }
+
 .form-control-custom {
     background-color: rgba(0, 0, 0, 0.25) !important;
     border-radius: 0px;
 }
+
 .form-control-search {
     height: 49px;
 }
@@ -131,6 +160,7 @@ background-color:var(--modal-bg-color) !important;
 .right-radius {
     border-radius: 0px;
 }
+
 .input-group-addon {
     background-color: rgba(0, 0, 0, 0.25);
     border-bottom: 2px;
@@ -139,6 +169,7 @@ background-color:var(--modal-bg-color) !important;
 .nav-tabs.nav-justified {
     margin-bottom: 3px;
 }
+
 @media (max-width: 978px) {
     .form-control-search[_ngcontent-c1] {
         width: -webkit-fill-available !important;
@@ -150,15 +181,19 @@ background-color:var(--modal-bg-color) !important;
         border-bottom: none;
     }
 }
+
 @media (min-width: 979px) {
     .form-control-search[_ngcontent-c1] {
         width: 100%;
     }
 }
+
 .refine-option[_ngcontent-c1] {
     box-shadow: none;
 }
-#movieTabButton:hover, #tvTabButton:hover {
+
+#movieTabButton:hover,
+#tvTabButton:hover {
     border: 1px solid transparent;
 }
 
@@ -167,23 +202,29 @@ background-color:var(--modal-bg-color) !important;
     padding: 15px;
     background: rgba(0, 0, 0, 0.25);
 }
+
 .table-striped>tbody>tr:nth-of-type(odd) {
     background-color: rgba(0, 0, 0, 0.25);
 }
+
 .table-hover>tbody>tr:hover {
     background-color: rgba(255, 255, 255, 0.08);
 }
+
 table.table>thead>tr>th.active {
     background-color: rgba(255, 255, 255, 0.08);
 }
+
 /*filter */
 .ui-widget-content {
     background: var(--main-bg-color) !important;
 }
+
 .ui-state-active {
     color: #ffffff !important;
     background-color: rgba(0, 0, 0, 0.25) !important;
 }
+
 .ui-state-default {
     border: 2px solid rgba(255, 255, 255, 0.25);
 }
@@ -193,13 +234,18 @@ table.table>thead>tr>th.active {
     background: var(--modal-bg-color);
     box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
 }
+
 .dropdown-menu>li>a:hover {
     background-color: rgba(255, 255, 255, 0.08);
 }
+
 .navbar-nav>li>.dropdown-menu {
     width: 163.5px;
 }
-.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
+
+.dropdown-menu>.active>a,
+.dropdown-menu>.active>a:focus,
+.dropdown-menu>.active>a:hover {
     background-color: rgba(0, 0, 0, 0.45);
 }
 
@@ -214,7 +260,13 @@ hr {
     border-color: var(--request-button) !important;
     outline: none !important;
 }
-.open>.btn-primary-outline.dropdown-toggle,.btn-primary-outline.active, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline:focus, .btn-primary-outline:hover{
+
+.open>.btn-primary-outline.dropdown-toggle,
+.btn-primary-outline.active,
+.btn-primary-outline.focus,
+.btn-primary-outline:active,
+.btn-primary-outline:focus,
+.btn-primary-outline:hover {
     background-color: var(--request-button-hover) !important;
     border-color: transparent !important;
 }
@@ -223,12 +275,16 @@ hr {
     background-color: var(--request-button-hover) !important;
     border-color: transparent !important;
 }
+
 .btn-link {
     color: #ffffff;
 }
-.btn-link:focus, .btn-link:hover {
+
+.btn-link:focus,
+.btn-link:hover {
     color: #ddd;
 }
+
 .input-group-addon .btn-group .btn {
     outline: none !important;
     border: 1px solid transparent !important;
@@ -237,14 +293,25 @@ hr {
     padding: 5px 10px;
     width: auto !important;
 }
-.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
+
+.btn-group-vertical>.btn.active,
+.btn-group-vertical>.btn:active,
+.btn-group-vertical>.btn:focus,
+.btn-group-vertical>.btn:hover,
+.btn-group>.btn.active,
+.btn-group>.btn:active,
+.btn-group>.btn:focus,
+.btn-group>.btn:hover {
     background: rgba(255, 255, 255, 0.35) !important;
 }
 
-.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
+.input-group-btn:last-child>.btn,
+.input-group-btn:last-child>.btn-group {
     margin-left: 3px;
 }
-i.fa.fa-minus, i.fa.fa-plus {
+
+i.fa.fa-minus,
+i.fa.fa-plus {
     display: none;
 }
 
@@ -266,7 +333,13 @@ i.fa.fa-minus, i.fa.fa-plus {
     height: 29.45px;
     padding: 5px 10px;
 }
-.btn-success-outline.active, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline:focus, .btn-success-outline:hover, .open>.btn-success-outline.dropdown-toggle {
+
+.btn-success-outline.active,
+.btn-success-outline.focus,
+.btn-success-outline:active,
+.btn-success-outline:focus,
+.btn-success-outline:hover,
+.open>.btn-success-outline.dropdown-toggle {
     color: #fff !important;
     background-color: rgba(92, 184, 92, .75) !important;
     border-color: transparent !important;
@@ -290,7 +363,8 @@ i.fa.fa-minus, i.fa.fa-plus {
 
 }
 
-.btn-info-outline, .btn-danger-outline {
+.btn-info-outline,
+.btn-danger-outline {
     -o-transition: all .8s;
     -moz-transition: all .8s;
     -webkit-transition: all .8s;
@@ -325,14 +399,20 @@ i.fa.fa-minus, i.fa.fa-plus {
     padding: 5px 10px;
     border-radius: .25rem !important;
 }
+
 .btn-split .btn.dropdown-toggle {
     border-radius: 0 .25rem .25rem 0 !important;
     padding: 3.5px 10px;
     border: none;
 }
-.btn-split .btn.dropdown-toggle:hover, .btn-split .btn.dropdown-toggle:active, .btn-split .btn.dropdown-toggle:focus, .btn-split .btn.dropdown-toggle.active {
+
+.btn-split .btn.dropdown-toggle:hover,
+.btn-split .btn.dropdown-toggle:active,
+.btn-split .btn.dropdown-toggle:focus,
+.btn-split .btn.dropdown-toggle.active {
     background: none !important;
 }
+
 .btn-warning-outline {
     -o-transition: all .8s;
     -moz-transition: all .8s;
@@ -343,50 +423,87 @@ background: none !important;
     background-image: none;
     border-color: transparent !important;
 }
-.btn-warning-outline.active, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline:focus, .btn-warning-outline:hover, .open>.btn-warning-outline.dropdown-toggle,.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle):hover {
+
+.btn-warning-outline.active,
+.btn-warning-outline.focus,
+.btn-warning-outline:active,
+.btn-warning-outline:focus,
+.btn-warning-outline:hover,
+.open>.btn-warning-outline.dropdown-toggle,
+.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle):hover {
     color: #fff !important;
     background-color: rgba(196, 134, 42, 0.75) !important;
     border-color: transparent !important;
 }
 
 
-.btn-info-outline.active, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline:focus, .btn-info-outline:hover, .open>.btn-info-outline.dropdown-toggle {
+.btn-info-outline.active,
+.btn-info-outline.focus,
+.btn-info-outline:active,
+.btn-info-outline:focus,
+.btn-info-outline:hover,
+.open>.btn-info-outline.dropdown-toggle {
     color: #fff !important;
     background-color: rgba(91, 192, 222, 0.75) !important;
     border-color: transparent !important;
 }
 
 @media (max-width: 1090px) {
-    .btn-danger-outline, .btn-info-outline, .btn-primary-outline, .btn-success-outline, .fa-eye:before, .fa-check:before,.fa-plus:before, .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle)   {
+
+    .btn-danger-outline,
+    .btn-info-outline,
+    .btn-primary-outline,
+    .btn-success-outline,
+    .fa-eye:before,
+    .fa-check:before,
+    .fa-plus:before,
+    .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
         content: "";
     }
 }
-.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
+
+.btn-group .btn+.btn,
+.btn-group .btn+.btn-group,
+.btn-group .btn-group+.btn,
+.btn-group .btn-group+.btn-group {
     margin-left: -25px;
 }
+
 /* Settings menu */
 
-.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
+.nav-tabs.nav-justified>.active>a,
+.nav-tabs.nav-justified>.active>a:focus,
+.nav-tabs.nav-justified>.active>a:hover {
     background-color: rgba(0, 0, 0, 0.45) !important;
     border: 1px solid #00000000 !important;
     border-radius: 3px;
 }
-.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
+
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:focus,
+.nav-tabs>li.active>a:hover {
     background-color: rgba(0, 0, 0, 0.45) !important;
     border: 1px solid #00000000 !important;
     border-radius: 3px;
 }
+
 .nav-tabs>li>a:hover {
     border-color: transparent;
 }
-.nav>li>a:focus, .nav>li>a:hover {
+
+.nav>li>a:focus,
+.nav>li>a:hover {
     background-color: rgba(255, 255, 255, 0.08);
     border-radius: 3px;
 }
-.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
+
+.nav .open>a,
+.nav .open>a:focus,
+.nav .open>a:hover {
     background-color: rgba(0, 0, 0, 0.25);
     border-color: #00000000;
 }
+
 .panel {
     background-color: rgba(0, 0, 0, 0.45);
 }
@@ -397,6 +514,7 @@ background: none !important;
     padding: 10px 15px;
     border-bottom: 1px solid #00000000;
 }
+
 a.active {
     background-color: rgba(0, 0, 0, 0.45);
 }
@@ -404,22 +522,28 @@ a.active {
 .ui-state-highlight {
     background: var(--modal-bg-color);
 }
+
 legend {
     border-bottom: 1px solid rgba(255, 255, 255, 0.25);
 }
+
 /*  Main page */
 .backdrop {
     box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6) !important;
 }
+
 a>h4 {
     color: var(--accent-color);
 }
+
 .label-info {
     background-color: var(--label-color);
 }
+
 .label-success {
     background-color: rgba(92, 184, 92, 0.75);
 }
+
 .fa-film:before {
     content: "\F008";
     color: rgba(255, 255, 255, 0.6);
@@ -439,6 +563,7 @@ a>h4 {
 .side-back {
     box-shadow: 0 0 10px #000000ad;
 }
+
 .form-control:focus {
     border-color: transparent;
     outline: 0;
@@ -454,14 +579,17 @@ a>h4 {
 body {
     background: var(--main-bg-color);
 }
+
 a {
     color: var(--accent-color);
 }
+
 a:hover {
     color: var(--accent-color-hover);
 }
 
-  .mat-drawer-container, .dark .mat-drawer-container {
+.mat-drawer-container,
+.dark .mat-drawer-container {
     background: var(--main-bg-color);
     color: var(--text);
 }
@@ -469,16 +597,22 @@ a>h4 {
 
 /* HEADER */
 
-  .mat-toolbar.mat-primary, .dark .mat-toolbar.mat-primary {
+.mat-toolbar.mat-primary,
+.dark .mat-toolbar.mat-primary {
     background: rgba(0, 0, 0, .25);
     color: var(--text);
 }
-  .dark .mat-toolbar, .mat-toolbar,.mat-list-base .mat-list-item, .mat-list-base .mat-list-option {
+
+.dark .mat-toolbar,
+.mat-toolbar,
+.mat-list-base .mat-list-item,
+.mat-list-base .mat-list-option {
     color: var(--text);
 }
 
 /* SEARCH */
-      .dark .mat-autocomplete-panel, .mat-autocomplete-panel {
+.dark .mat-autocomplete-panel,
+.mat-autocomplete-panel {
     background: var(--modal-bg-color);
     color: var(--text);
 }
@@ -486,14 +620,21 @@ a>h4 {
 
 
 /* SIDEBAR */
-  .dark .mat-drawer, .dark .mat-drawer.mat-drawer-push, .mat-drawer, .mat-drawer.mat-drawer-push {
+.dark .mat-drawer,
+.dark .mat-drawer.mat-drawer-push,
+.mat-drawer,
+.mat-drawer.mat-drawer-push {
     background-color: rgba(0, 0, 0, .25);
     color: var(--text)
 }
+
 .dark .mat-drawer-side {
     border-right: 1px solid transparent;
 }
-  .dark .active-list-item, .active-list-item, .active-list-item {
+
+.dark .active-list-item,
+.active-list-item,
+.active-list-item {
     background: var(--accent-color) !important;
     background-color: var(--accent-color) !important;
     color: var(--text) !important;
@@ -501,87 +642,131 @@ a>h4 {
 }
 
 /* CARDS */
-  .mat-card, .dark .mat-card {
+.mat-card,
+.dark .mat-card {
     background: rgb(0 0 0 / 25%);
     color: var(--text);
 }
+
 .grow:hover {
     transform: scale(1.1);
     color: var(--text-hover)
 }
+
 .notrequested {
     border-bottom: 3px solid var(--accent-color) !important;
 }
 
 /* BUTTONS */
-  .mat-fab.mat-accent, .mat-flat-button.mat-accent, .mat-mini-fab.mat-accent, .mat-raised-button.mat-accent,
+.mat-fab.mat-accent,
-  .dark .mat-fab.mat-accent, .dark .mat-flat-button.mat-accent, .dark .mat-mini-fab.mat-accent, .dark .mat-raised-button.mat-accent {
+.mat-flat-button.mat-accent,
+.mat-mini-fab.mat-accent,
+.mat-raised-button.mat-accent,
+.dark .mat-fab.mat-accent,
+.dark .mat-flat-button.mat-accent,
+.dark .mat-mini-fab.mat-accent,
+.dark .mat-raised-button.mat-accent {
     background-color: var(--button-color);
     color: var(--text)
 }
 
-  .dark .mat-fab.mat-primary, .dark .mat-flat-button.mat-primary, .dark .mat-mini-fab.mat-primary, .dark .mat-raised-button.mat-primary,
+.dark .mat-fab.mat-primary,
-  .mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary {
+.dark .mat-flat-button.mat-primary,
+.dark .mat-mini-fab.mat-primary,
+.dark .mat-raised-button.mat-primary,
+.mat-fab.mat-primary,
+.mat-flat-button.mat-primary,
+.mat-mini-fab.mat-primary,
+.mat-raised-button.mat-primary {
     background: rgba(255, 255, 255, .1);
 }
 
-  .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
+.btn-group-vertical>.btn.active,
+.btn-group-vertical>.btn:active,
+.btn-group-vertical>.btn:focus,
+.btn-group-vertical>.btn:hover,
+.btn-group>.btn.active,
+.btn-group>.btn:active,
+.btn-group>.btn:focus,
+.btn-group>.btn:hover {
     z-index: 1;
     background: var(--button-color-hover) !important;
 }
-  .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {
+
+.btn-group>.btn-group:not(:first-child),
+.btn-group>.btn:not(:first-child) {
     margin-left: 0px;
 }
-  .mat-raised-button:not([class*=mat-elevation-z]), .dark .mat-raised-button:not([class*=mat-elevation-z]) {
+
+.mat-raised-button:not([class*=mat-elevation-z]),
+.dark .mat-raised-button:not([class*=mat-elevation-z]) {
     box-shadow: none;
 }
+
 button:focus {
     outline: 1px dotted;
     outline: none;
 }
+
 /* MODAL */
-  .dark .mat-dialog-container,.mat-dialog-container {
+.dark .mat-dialog-container,
+.mat-dialog-container {
     background: var(--modal-bg-color);
     color: var(--text);
 }
 
-  div.dark .details, .details {
+div.dark .details,
+.details {
     background: transparent !important;
 }
 
 
 /* SETTINGS */
 /* Table */
-          .mat-table, .dark .mat-table {
+.mat-table,
+.dark .mat-table {
     background: #0000002e;
     color: var(--text)
 }
-          .mat-cell, .mat-footer-cell,.dark .mat-cell, .dark .mat-footer-cell {
+
+.mat-cell,
+.mat-footer-cell,
+.dark .mat-cell,
+.dark .mat-footer-cell {
     color: var(--text)
 }
+
 /* Drop down menu*/
-          .dark .mat-menu-panel,.mat-menu-panel {
+.dark .mat-menu-panel,
+.mat-menu-panel {
     background: var(--modal-bg-color);
 }
 
 /* MOVEI TV PAGE*/
 
-  .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent, .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
+.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent,
+.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
     background-color: var(--accent-color);
     color: var(--text);
 }
-  .mat-expansion-panel, .dark .mat-expansion-panel {
+
+.mat-expansion-panel,
+.dark .mat-expansion-panel {
     background: rgb(0 0 0 / 25%);
     color: var(--text) !important;
 }
+
 .mat-expansion-panel-header-title {
     color: var(--text);
 }
+
 #info-wrapper .sidebar .poster {
     border: 3px solid rgb(255 255 255 / 10%);
     box-shadow: none;
 }
-  .ui-carousel-next, body .ui-carousel .ui-carousel-content .ui-carousel-prev {
+
+.ui-carousel-next,
+body .ui-carousel .ui-carousel-content .ui-carousel-prev {
     background-color: var(--accent-color);
     border: 1px solid var(--accent-color);
     border-radius: 50%;
@@ -589,28 +774,41 @@ a>h4 {
     color: #fff;
     transition: color .2s;
 }
+
 body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item.ui-state-highlight .ui-carousel-dot-icon {
     background-color: var(--accent-color);
 }
+
 #summary-wrapper .grey-text {
     color: var(--text);
 }
+
 #info-wrapper .media-icons {
     color: var(--text) !important;
 }
+
 #info-wrapper .media-icons:hover {
     color: var(--text-hover) !important;
 }
+
 #info-wrapper .grow-social:hover {
     color: var(--text-hover) !important;
 }
 
-  #info-wrapper .dark .mat-fab, .dark .mat-flat-button, .dark .mat-mini-fab, .dark .mat-raised-button,#info-wrapper .mat-fab, .mat-flat-button, .mat-mini-fab, .mat-raised-button {
+#info-wrapper .dark .mat-fab,
+.dark .mat-flat-button,
+.dark .mat-mini-fab,
+.dark .mat-raised-button,
+#info-wrapper .mat-fab,
+.mat-flat-button,
+.mat-mini-fab,
+.mat-raised-button {
     color: #fff;
     background-color: var(--button-color);
 }
-  #info-wrapper .dark .mat-mini-fab:hover, #info-wrapper .mat-raised-button:hover {
+
+#info-wrapper .dark .mat-mini-fab:hover,
+#info-wrapper .mat-raised-button:hover {
     color: #fff;
     background-color: var(--button-color-hover);
 }
-  

CSS/themes/organizr/organizr-base.css

@@ -182,6 +182,7 @@ h6 {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 .panel-body:not(.unifiCards .panel-body) {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
@@ -587,25 +588,30 @@ th.fc-day-header.fc-widget-header.fc-today {
     background: rgba(0, 0, 0, 0.9) !important;
     border: none !important;
 }
+
 #organizr-login-heading>a,
 #plex-login-heading>a,
 #recoverform>div:nth-child(1)>div>h3,
 #recoverform>div:nth-child(1)>div>p {
     color: #fff !important;
 }
+
 #login-username-Input::placeholder,
 #login-password-Input::placeholder,
 #recover-input::placeholder {
     color: var(--text-muted) !important;
 }
+
 #to-recover,
 label[for="checkbox-login"] {
     color: var(--link-color) !important;
 }
+
 #to-recover:hover,
 label[for="checkbox-login"]:hover {
     color: var(--link-color-hover) !important;
 }
+
 @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
     .login-register>.login-box>.white-box {
         -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
@@ -1167,8 +1173,7 @@ label[for="checkbox-login"]:hover {
 }
 
 .iziToast.update-notify>.iziToast-body .iziToast-icon,
-.iziToast.success-notify>.iziToast-body .iziToast-icon
+.iziToast.success-notify>.iziToast-body .iziToast-icon .iziToast.warning-notify>.iziToast-body .iziToast-icon,
-.iziToast.warning-notify>.iziToast-body .iziToast-icon,
 .iziToast.warning-notify>.iziToast-body .iziToast-icon {
     color: var(--link-color) !important;
 }
@@ -1554,6 +1559,7 @@ body {
     .navbar-header {
         background: transparent !important;
     }
+
     .dropdown-menu {
         background: transparent !important;
     }
@@ -1607,6 +1613,7 @@ body {
 /*Sidebar*/
 
 @media (max-width: 767px) {
+
     .show-sidebar .sidebar,
     .sidebar .sidebar-head {
         background: var(--modal-bg-color) !important;
@@ -1619,6 +1626,7 @@ body {
         -o-background-size: auto, cover;
     }
 }
+
 .sidebar {
     background: rgba(0, 0, 0, 0.26) !important;
     background-repeat: repeat, no-repeat;
@@ -1695,6 +1703,7 @@ body {
 .user-profile .user-pro-body .u-dropdown {
     color: var(--text);
 }
+
 .drop-title {
     color: var(--text-hover);
 }
@@ -1730,7 +1739,8 @@ body {
 }
 
 .bg-org:not([id="menu-"]div):not(.panel-heading) {
-    background: var(--main-bg-color) !important;;
+    background: var(--main-bg-color) !important;
+    ;
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
@@ -1855,9 +1865,11 @@ body > div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready > div > div.mfp-conte
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div>div>div.white-box.m-b-0.bg-info>h3 {
     color: var(--label-text-color) !important;
 }
+
 @media screen and (min-width: 768px) {
     .orgErrorAlert {
         min-width: 478px;

CSS/themes/petio/petio-base.css

@@ -48,9 +48,11 @@ h6,
 .text-wrap>p,
 .card .text-wrap .title,
 .main-title,
-.media-details .media-title, .single-title,
+.media-details .media-title,
+.single-title,
 .sub-title,
-.sub-title, .widget--title,
+.sub-title,
+.widget--title,
 .settings--menu--item p {
     color: var(--text-hover);
 }
@@ -66,6 +68,7 @@ h6,
 .settings--menu--item.active {
     border-bottom: 1px solid rgb(var(--accent-color));
 }
+
 .settings--menu--item:hover {
     border-bottom: 1px solid var(--text-hover);
 }
@@ -202,6 +205,7 @@ p a:hover,
 .widget--item hr {
     background: rgb(255 255 255 / 50%);
 }
+
 .widget--item--inner,
 .sr--instance--inner {
     background: hsl(0deg 0% 0% / 15%);
@@ -327,6 +331,7 @@ code {
     border: 2px solid #d79b23;
     color: #000;
 }
+
 #root>div>div.login-wrap>div.login--inner>form>div:nth-child(7)>button:hover,
 #root>div>div.view>div>div>div.settings--content>section:nth-child(2)>button:nth-child(3):hover {
     background: #ab7b1c;

CSS/themes/pihole/pihole-base.css

@@ -21,16 +21,23 @@ body {
       -o-background-size: auto, cover;
       color: #eee !important;
   }
+
   a {
       color: var(--link-color);
   }
-a:hover, a:active, a:focus,
+
-.treeview-menu > li.active > a, .treeview-menu > li > a:hover {
+  a:hover,
+  a:active,
+  a:focus,
+  .treeview-menu>li.active>a,
+  .treeview-menu>li>a:hover {
       color: var(--accent-color) !important;
   }
+
   h4 {
       color: var(--accent-color);
   }
+
   /* Donate dropdown */
   .skin-blue .main-header li.user-header {
       background: var(--modal-bg-color);
@@ -42,6 +49,7 @@ a:hover, a:active, a:focus,
       -moz-background-size: auto, cover;
       -o-background-size: auto, cover;
   }
+
   .dropdown-menu {
       box-shadow: none;
       border-color: rgba(0, 0, 0, .25);
@@ -54,72 +62,100 @@ a:hover, a:active, a:focus,
       -moz-background-size: auto, cover;
       -o-background-size: auto, cover;
   }
+
   .navbar-nav>.user-menu>.dropdown-menu>.user-body {
       padding: 15px;
       border-bottom: 1px solid rgba(255, 255, 255, .25);
       border-top: 1px solid rgba(255, 255, 255, .25);
       background-color: rgba(255, 255, 255, .2) !important;
   }
+
   .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
       color: white !important;
   }
+
   .navbar-nav>.user-menu>.dropdown-menu>.user-footer {
       background-color: transparent;
   }
+
   /* Header */
-    .skin-blue .main-header .navbar, .skin-blue .main-header .logo,
+  .skin-blue .main-header .navbar,
-    .main-header .navbar,.main-header .logo {
+  .skin-blue .main-header .logo,
+  .main-header .navbar,
+  .main-header .logo {
       background-color: rgba(0, 0, 0, .25);
   }
-    .skin-blue .main-header .logo:hover, .skin-blue .main-header .navbar .sidebar-toggle:hover,
+
-    .sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
+  .skin-blue .main-header .logo:hover,
+  .skin-blue .main-header .navbar .sidebar-toggle:hover,
+  .sidebar-menu>li:hover>a,
+  .sidebar-menu>li.active>a {
       background-color: rgba(255, 255, 255, .05);
       color: white !important;
   }
+
   /* Footer */
   .main-footer {
       background: rgba(0, 0, 0, .25);
       color: #eee;
       border-top: 1px solid rgb(255 255 255 / 20%);
   }
+
   /* Side bar */
   .skin-blue .sidebar a {
       color: #eee;
   }
+
   .skin-blue .sidebar a:hover {
       color: white !important;
   }
-    .skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side,
+
-    .wrapper, .main-sidebar, .left-side {
+  .skin-blue .wrapper,
+  .skin-blue .main-sidebar,
+  .skin-blue .left-side,
+  .wrapper,
+  .main-sidebar,
+  .left-side {
       background-color: rgba(0, 0, 0, .25) !important;
   }
+
   .skin-blue .sidebar-menu>li.header,
   .sidebar-menu>li.header {
       color: white;
       background: rgba(0, 0, 0, .2);
   }
+
   .treeview-menu>li>a {
       color: #eee !important;
   }
+
   .sidebar-menu>li>.treeview-menu {
       background-color: rgb(0 0 0 / 25%);
   }
+
   /* Menus */
-    .skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a,
+  .skin-blue .sidebar-menu>li:hover>a,
-    .sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
+  .skin-blue .sidebar-menu>li.active>a,
+  .sidebar-menu>li:hover>a,
+  .sidebar-menu>li.active>a {
       color: #fff;
       background: rgba(0, 0, 0, .1);
       border-left-color: var(--accent-color);
   }
+
   .skin-blue .sidebar-menu>li>.treeview-menu {
       background: rgba(0, 0, 0, .25);
   }
+
   .skin-blue .treeview-menu>li>a {
       color: #eee;
   }
+
   /* Collapsed menu hover*/
   @media (min-width: 768px) {
-      .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
+
+      .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
+      .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
           background: var(--main-bg-color);
           background-repeat: repeat, no-repeat;
           background-attachment: fixed, fixed;
@@ -131,9 +167,11 @@ a:hover, a:active, a:focus,
           color: #eee;
       }
   }
+
   /* Pages */
   /*Background*/
-    .content-wrapper, .right-side {
+  .content-wrapper,
+  .right-side {
       background-color: var(--main-bg-color);
       background-repeat: repeat, no-repeat;
       background-attachment: fixed, fixed;
@@ -143,38 +181,49 @@ a:hover, a:active, a:focus,
       -moz-background-size: auto, cover;
       -o-background-size: auto, cover;
   }
+
   .page-header>small {
       color: #ddd;
   }
-    .main-footer .nav-tabs, .nav-tabs-custom .nav-tabs {
+
+  .main-footer .nav-tabs,
+  .nav-tabs-custom .nav-tabs {
       background-color: rgb(0 0 0 / 0.25);
       border-bottom-color: rgb(255 255 255 / 15%);
   }
+
   .nav-tabs-custom>.nav-tabs>li:hover {
       background-color: rgba(255, 255, 255, .05);
       color: #eee;
       border-top-color: var(--accent-color);
   }
+
   .nav-tabs-custom>.nav-tabs>li:hover>a {
       background-color: rgba(255, 255, 255, .05);
   }
+
   /* Dashboard */
   /*Total Queries box */
   .box-header {
       color: white;
   }
+
   .box {
       background: rgba(0, 0, 0, .24);
       border-top: 3px solid #0000;
       box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   }
-        .box-solid > .box-header, .box > .box-header {
+
+  .box-solid>.box-header,
+  .box>.box-header {
       color: #eee;
       background-color: rgba(0, 0, 0, .25);
   }
+
   .box.box-warning {
       border-top-color: var(--accent-color);
   }
+
   /*
         .chart svg, .chart canvas, .chartjs-render-monitor, .chart-legend {
             -webkit-filter: invert(100%);
@@ -193,73 +242,113 @@ a:hover, a:active, a:focus,
       background-color: rgba(0, 166, 90, .45) !important;
       border-top: 3px solid var(--accent-color);
   }
+
   /* Queries blocked box*/
   .small-box.bg-aqua {
       background-color: rgba(0, 192, 239, .45) !important;
       border-top: 3px solid var(--accent-color);
   }
+
   /* Percent blocked box */
   .small-box.bg-yellow {
       background-color: rgba(243, 156, 18, .45) !important;
       border-top: 3px solid var(--accent-color);
   }
+
   /*Blocklist box*/
   .small-box.bg-red {
       background-color: rgba(221, 75, 57, .45) !important;
       border-top: 3px solid var(--accent-color);
   }
+
   .table-bordered {
       border: 1px solid #f4f4f41a !important;
       background: rgba(0, 0, 0, .1);
   }
-        .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
+
+  .table-bordered>thead>tr>th,
+  .table-bordered>tbody>tr>th,
+  .table-bordered>tfoot>tr>th,
+  .table-bordered>thead>tr>td,
+  .table-bordered>tbody>tr>td,
+  .table-bordered>tfoot>tr>td {
       border: 1px solid rgba(255, 255, 255, 0.15);
   }
+
   .table-striped>tbody>tr:nth-of-type(odd) {
       background-color: rgba(255, 255, 255, .1);
   }
+
   /* Query Log */
   .text-black {
       color: #eee !important;
   }
-        .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover,
+
+  .pagination>.disabled>a,
+  .pagination>.disabled>a:focus,
+  .pagination>.disabled>a:hover,
+  .pagination>.disabled>span,
+  .pagination>.disabled>span:focus,
+  .pagination>.disabled>span:hover,
   .dataTables_paginate .pagination li>a {
       color: rgba(238, 238, 238, .5);
       background-color: rgba(255, 255, 255, .1);
       border-color: #ddd0;
   }
-        .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,
+
+  .pagination>.active>a,
+  .pagination>.active>a:focus,
+  .pagination>.active>a:hover,
+  .pagination>.active>span,
+  .pagination>.active>span:focus,
+  .pagination>.active>span:hover,
   .paginate_button .active #all-queries_wrapper .pagination>li>a {
       color: #fff;
       background-color: var(--button-color);
       border-color: var(--button-color);
   }
-        .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
+
+  .pagination>.active>a,
+  .pagination>.active>a:focus,
+  .pagination>.active>a:hover,
+  .pagination>.active>span,
+  .pagination>.active>span:focus,
+  .pagination>.active>span:hover {
       color: #fff !important;
       background-color: var(--button-color-hover);
       border-color: var(--button-color-hover);
   }
+
   .pagination>li>a {
       background: rgba(0, 0, 0, 0.25);
       color: #eee;
       border: 1px solid rgba(255, 255, 255, 0.07);
   }
-        .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
+
+  .pagination>li>a:focus,
+  .pagination>li>a:hover,
+  .pagination>li>span:focus,
+  .pagination>li>span:hover {
       color: rgb(255, 255, 255) !important;
       background-color: rgba(255, 255, 255, .25);
       border-color: rgba(255, 255, 255, 0.07);
   }
+
   /* Login */
   .panel-default {
       border-color: transparent;
       background: rgba(0, 0, 0, 0.25);
   }
+
   .panel-default>.panel-heading {
       color: #eee;
       background-color: inherit;
       border-color: transparent;
   }
-        .panel, .panel-body, .panel-default > .panel-heading {
+
+  .panel,
+  .panel-body,
+  .panel-default>.panel-heading {
       background-color: rgb(0 0 0 / 25%);
       border-radius: 0px;
       border: 1px solid transparent;
@@ -270,25 +359,32 @@ a:hover, a:active, a:focus,
   .nav-tabs-custom {
       background: rgba(0, 0, 0, 0.25);
   }
+
   .nav-tabs-custom>.tab-content {
       background: transparent;
   }
+
   .nav-tabs-custom>.nav-tabs>li.active {
       border-top-color: var(--accent-color);
   }
+
   .nav-tabs-custom>.nav-tabs>li.active>a {
       border-top-color: transparent;
       border-left-color: rgba(255, 255, 255, 0.1);
       border-right-color: rgba(255, 255, 255, 0.1);
   }
-        .nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
+
+  .nav-tabs-custom>.nav-tabs>li.active>a,
+  .nav-tabs-custom>.nav-tabs>li.active:hover>a {
       background-color: rgba(0, 0, 0, 0.25);
       color: #eee !important;
   }
+
   .nav-tabs-custom>.nav-tabs>li>a {
       color: #eee !important;
       border-radius: 0;
   }
+
   .input-group .input-group-addon {
       border-radius: 0;
       border-color: #d2d6de00;
@@ -300,67 +396,98 @@ a:hover, a:active, a:focus,
   .table-striped>tbody>tr:nth-of-type(odd) {
       background-color: rgba(0, 0, 0, .25) !important;
   }
+
   .table-striped>tbody>tr:nth-of-type(even) {
       background-color: rgba(0, 0, 0, .5) !important;
   }
+
   #network-entries_wrapper.text-center {
       text-align: center;
       color: #eee !important;
   }
+
   /* Buttons */
-    button,.btn-default {
+  button,
+  .btn-default {
       background-color: var(--button-color) !important;
       border: 1px solid var(--button-color) !important;
       color: white !important;
   }
-    .btn-primary:hover, .btn-primary:active, .btn-primary.hover {
+
+  .btn-primary:hover,
+  .btn-primary:active,
+  .btn-primary.hover {
       background-color: var(--button-color-hover) !important;
   }
-    .btn-default:hover, .btn-default:active, .btn-default.hover {
+
+  .btn-default:hover,
+  .btn-default:active,
+  .btn-default.hover {
       background-color: var(--button-color-hover) !important;
   }
-    .box.box-solid>.box-header .btn:hover, .box.box-solid>.box-header a:hover {
+
+  .box.box-solid>.box-header .btn:hover,
+  .box.box-solid>.box-header a:hover {
       background: var(--button-color-hover) !important;
       border: 1px solid transparent !important
   }
-    .box.box-solid.box-info>.box-header, .box.box-solid.box-info {
+
+  .box.box-solid.box-info>.box-header,
+  .box.box-solid.box-info {
       color: #fff;
       background: var(--button-color) !important;
       border: 1px solid var(--button-color) !important;
   }
+
   .btn-danger {
       background-color: #dd4b39 !important;
       border-color: #d73925 !important;
   }
-    .btn-danger:hover, .btn-danger:active, .btn-danger.hover {
+
+  .btn-danger:hover,
+  .btn-danger:active,
+  .btn-danger.hover {
       background-color: #d73925 !important;
   }
+
   .btn-warning {
       background-color: #f39c12 !important;
       border-color: #e08e0b !important;
   }
+
   .btn-warning:hover {
       color: #fff;
       background-color: #ec971f !important;
       border-color: #d58512 !important;
   }
-    .icheck-primary>input:first-child:checked+input[type=hidden]+label::before, .icheck-primary>input:first-child:checked+label::before {
+
+  .icheck-primary>input:first-child:checked+input[type=hidden]+label::before,
+  .icheck-primary>input:first-child:checked+label::before {
       background-color: var(--button-color) !important;
       border-color: var(--button-color) !important;
   }
-    .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before, .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before {
+
+  .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,
+  .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before {
       border-color: var(--button-color) !important;
   }
+
   /* Input */
-    input,.form-control,pre,.box-footer,.datatables_processing {
+  input,
+  .form-control,
+  pre,
+  .box-footer,
+  .datatables_processing {
       background: #080909;
       border: 1px solid #666;
       color: #b2b2b2;
   }
+
   .dataTables_wrapper input[type="search"] {
       background-color: #ffffff;
       color: #000000;
   }
+
   input,
   select,
   select.form-control,
@@ -380,15 +507,18 @@ a:hover, a:active, a:focus,
       color: #eee;
       border: 1px solid rgb(255 255 255 / 15%);
   }
+
   .form-control:focus {
       border-color: rgb(255 255 255 / 0.25);
       box-shadow: none;
   }
+
   /* Scrollbar   */
 
   ::-webkit-scrollbar {
       width: 0px;
   }
+
   ::-webkit-scrollbar-thumb {
       min-height: 50px;
       border: 3px solid transparent;
@@ -396,6 +526,7 @@ a:hover, a:active, a:focus,
       background-color: hsla(0, 0%, 100%, .2);
       background-clip: padding-box;
   }
+
   ::-webkit-scrollbar-track {
       background: var(--main-bg-color);
       background-repeat: repeat, no-repeat;
@@ -406,6 +537,7 @@ a:hover, a:active, a:focus,
       -moz-background-size: auto, cover;
       -o-background-size: auto, cover;
   }
+
   ::-webkit-scrollbar-thumb:hover {
       min-height: 50px;
       border: 3px solid transparent;

CSS/themes/plex/plex-base.css

@@ -180,15 +180,18 @@ a[class*="MetadataTableRow-title-"]:hover {
 [class*="NavBarActivityButton-isHighlighted-"] [class*="NavBarActivityButton-activityIcon-"] {
   color: rgb(var(--accent-color));
 }
+
 /* old plex web */
 .NavBarActivityButton-isHighlighted-2YqjDs .NavBarActivityButton-activityIcon-3gF_TD {
   background-color: rgb(var(--accent-color));
   color: var(--label-text-color);
 }
+
 .NavBarActivityButton-isHighlighted-2YqjDs:hover .NavBarActivityButton-activityIcon-3gF_TD {
   background-color: var(--accent-color-hover);
   color: var(--label-text-color) !important;
 }
+
 /* /old plex web */
 
 [class*="NavBarActivityButton-isHighlighted-"]:hover [class*="NavBarActivityButton-activityIcon-"] {

CSS/themes/plpp/plpp-base.css

@@ -1,4 +1,3 @@
-
 /*    dP   dP                                                                  dP        */
 /*    88   88                                                                  88        */
 /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -27,6 +26,7 @@ body {
     overflow-y: auto;
     height: 100%;
 }
+
 /* Scrollbar */
 @media only screen and (min-width: 768px) {
     html {
@@ -34,6 +34,7 @@ body {
         width: 100%;
         overflow: hidden;
     }
+
     body {
         overflow-y: auto;
         height: 100%;
@@ -47,9 +48,11 @@ body {
         -o-background-size: auto, cover;
     }
 }
+
 ::-webkit-scrollbar {
     width: 14px;
 }
+
 ::-webkit-scrollbar-thumb {
     min-height: 50px;
     border: 3px solid transparent;
@@ -57,9 +60,11 @@ body {
     background-color: hsla(0, 0%, 100%, .2);
     background-clip: padding-box;
 }
+
 ::-webkit-scrollbar-track {
     background-color: transparent;
 }
+
 ::-webkit-scrollbar-thumb:hover {
     min-height: 50px;
     border: 3px solid transparent;
@@ -67,6 +72,7 @@ body {
     background-color: hsla(0, 0%, 100%, .5);
     background-clip: padding-box;
 }
+
 legend {
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 }
@@ -79,18 +85,25 @@ legend {
 .side-nav {
     background-color: rgba(0, 0, 0, 0.15);
 }
+
 .navbar-inverse .navbar-nav>li>a {
     color: hsla(0, 0%, 100%, .7);
 }
-.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
+
+.navbar-inverse .navbar-nav>li>a:hover,
+.navbar-inverse .navbar-nav>li>a:focus {
     background-color: hsla(0, 0%, 100%, .08);
 }
+
 .nav>li.selected>a {
     background-color: transparent;
     color: #f9be03 !important;
 }
+
 @media only screen and (max-width: 768px) {
-.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
+
+    .navbar-inverse .navbar-collapse,
+    .navbar-inverse .navbar-form {
         border-color: transparent;
         background: var(--modal-bg-color);
         background-repeat: repeat, no-repeat;
@@ -102,11 +115,15 @@ legend {
         -o-background-size: auto, cover;
     }
 }
+
 .breadcrumb>.active {
     text-transform: uppercase;
     text-transform: bold;
 }
-.panel, .panel-default > .panel-heading, .breadcrumb > .active {
+
+.panel,
+.panel-default>.panel-heading,
+.breadcrumb>.active {
     background-color: transparent;
     border: transparent;
     color: inherit;
@@ -119,24 +136,47 @@ legend {
     user-select: none;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
 }
-.plpp_table.even:hover, .plpp_table.odd:hover {
+
+.plpp_table.even:hover,
+.plpp_table.odd:hover {
     background-color: hsla(0, 0%, 100%, .08) !important;
 }
+
 .panel-heading {
     font-weight: bold;
 }
-.plpp_thumbs_Title:hover, .plpp_slider_Title:hover, .plpp_thumbs_Episode_Title:hover,
+
-.plpp_slider_Episode_Title:hover, .plpp_thumbs_Season_Title:hover, .plpp_slider_Season_Title:hover,
+.plpp_thumbs_Title:hover,
-.plpp_thumbs_Show_Title:hover, .plpp_slider_Show_Title:hover, .plpp_thumbs_Artist:hover, .plpp_slider_Artist:hover,
+.plpp_slider_Title:hover,
-.plpp_thumbs_Year:hover, .plpp_thumbs_Episode_No:hover, .plpp_slider_Year:hover, .plpp_slider_Episode_no:hover,
+.plpp_thumbs_Episode_Title:hover,
-.plpp_thumbs_Track_no:hover, .plpp_slider_Track_no:hover, .plpp_thumbs_Episode_Count:hover, .plpp_slider_Episode_Count:hover,
+.plpp_slider_Episode_Title:hover,
-.plpp_thumbs_Track_Count:hover, .plpp_slider_Track_Count:hover, .plpp_thumbs_Dimensions:hover, .plpp_slider_Dimensions:hover,
+.plpp_thumbs_Season_Title:hover,
-.plpp_thumbs_Duration:hover, .plpp_slider_Duration:hover {
+.plpp_slider_Season_Title:hover,
+.plpp_thumbs_Show_Title:hover,
+.plpp_slider_Show_Title:hover,
+.plpp_thumbs_Artist:hover,
+.plpp_slider_Artist:hover,
+.plpp_thumbs_Year:hover,
+.plpp_thumbs_Episode_No:hover,
+.plpp_slider_Year:hover,
+.plpp_slider_Episode_no:hover,
+.plpp_thumbs_Track_no:hover,
+.plpp_slider_Track_no:hover,
+.plpp_thumbs_Episode_Count:hover,
+.plpp_slider_Episode_Count:hover,
+.plpp_thumbs_Track_Count:hover,
+.plpp_slider_Track_Count:hover,
+.plpp_thumbs_Dimensions:hover,
+.plpp_slider_Dimensions:hover,
+.plpp_thumbs_Duration:hover,
+.plpp_slider_Duration:hover {
     text-decoration: underline;
 }
+
 .img-rounded {
     border-radius: 0px;
 }
+
 .img-rounded:hover {
     border-radius: 0px;
     box-shadow: 0 0 0 2px #cc7b19;
@@ -144,10 +184,17 @@ text-decoration: underline;
     opacity: .7;
     transition: linear .2s;
 }
-.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
+
+.img-responsive,
+.thumbnail>img,
+.thumbnail a>img,
+.carousel-inner>.item>img,
+.carousel-inner>.item>a>img {
     width: 100%;
 }
-div.modal-content > div.modal-body > div.plpp_details_container > div.plpp_details_Thumbnail, div.plpp_details_Poster > .img-rounded {
+
+div.modal-content>div.modal-body>div.plpp_details_container>div.plpp_details_Thumbnail,
+div.plpp_details_Poster>.img-rounded {
     box-shadow: none;
     opacity: 1;
 }
@@ -155,32 +202,53 @@ div.modal-content > div.modal-body > div.plpp_details_container > div.plpp_detai
 div.plpp_slider {
     margin: 2px 15px 10px 2px;
 }
+
 table {
     background-color: rgba(0, 0, 0, 0.25);
 }
-table, .table {
+
+table,
+.table {
     color: hsla(0, 0%, 100%, .7);
 }
-.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
+
+.table>thead>tr>th,
+.table>tbody>tr>th,
+.table>tfoot>tr>th,
+.table>thead>tr>td,
+.table>tbody>tr>td,
+.table>tfoot>tr>td {
     border-top: 1px solid rgba(255, 255, 255, .15);
 }
+
 .table>thead>tr>th {
     vertical-align: bottom;
     border-bottom: 2px solid rgba(255, 255, 255, .15);
 }
-.pagination > li > a, .pagination > li > span {
+
+.pagination>li>a,
+.pagination>li>span {
     color: #ffffff;
     background-color: rgba(0, 0, 0, 0.25);
     border: transparent;
 }
-.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
+
+.pagination>.disabled>span,
+.pagination>.disabled>span:hover,
+.pagination>.disabled>span:focus,
+.pagination>.disabled>a,
+.pagination>.disabled>a:hover,
+.pagination>.disabled>a:focus {
     color: #BDBDBD;
     background-color: rgba(0, 0, 0, 0.25);
     border: transparent;
     cursor: not-allowed;
 }
+
 /* Modal */
-.modal-header, div.modal-body, .modal-footer {
+.modal-header,
+div.modal-body,
+.modal-footer {
     border-bottom: 1px solid rgba(255, 255, 255, .15);
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
@@ -191,18 +259,26 @@ table, .table {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 /* Buttons */
 .btn-default {
     background-color: var(--button-color);
     border-color: transparent;
 }
-.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
+
+.btn-default:hover,
+.btn-default:focus,
+.btn-default:active,
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
     background-color: var(--button-color-hover);
     border-color: transparent;
 }
+
 .modal-header .close {
     color: #dadada;
 }
+
 .modal-header .close:hover {
     color: #fff;
 }

CSS/themes/prowlarr/prowlarr-base.css

@@ -566,6 +566,7 @@ a:hover {
     -o-background-size: auto, cover;
     color: var(--text);
 }
+
 [class*="EnhancedSelectInputOption-isSelected-"],
 [class*="EnhancedSelectInputOption-isSelected-"]:hover {
     background-color: rgba(255, 255, 255, 0.20) !important;
@@ -656,6 +657,7 @@ a:hover {
 input::-webkit-input-placeholder {
     color: var(--text);
 }
+
 input:focus::-webkit-input-placeholder {
     color: var(--text-hover);
 }
@@ -664,6 +666,7 @@ input:focus::-webkit-input-placeholder {
 input:-moz-placeholder {
     color: var(--text);
 }
+
 input:focus:-moz-placeholder {
     color: var(--text-hover);
 }
@@ -672,6 +675,7 @@ input:focus:-moz-placeholder {
 input::-moz-placeholder {
     color: var(--text);
 }
+
 input:focus::-moz-placeholder {
     color: var(--text-hover);
 }
@@ -680,6 +684,7 @@ input:focus::-moz-placeholder {
 input:-ms-input-placeholder {
     color: var(--text);
 }
+
 input:focus:-ms-input-placeholder {
     color: var(--text-hover);
 }
@@ -1057,12 +1062,14 @@ input[type=password] {
     background-color: var(--button-color);
     cursor: pointer;
 }
+
 .button:hover {
     border-color: var(--button-color-hover);
     background-color: var(--button-color-hover);
     color: #fff;
     text-decoration: none;
 }
+
 .form-input:focus {
     outline: 0;
     border-color: #fff;

CSS/themes/qbittorrent/qbittorrent-base.css

@@ -303,9 +303,11 @@ label {
   background-color: rgba(var(--accent-color), 0.6) !important;
   color: var(--label-text-color);
 }
+
 .dynamicTable th.sorted.reverse {
   background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/go-down.png) !important;
 }
+
 .dynamicTable th.sorted {
   background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/go-up.png) !important;
   background-size: 9px !important;
@@ -313,6 +315,7 @@ label {
   background-repeat: no-repeat !important;
 
 }
+
 .panel {
   background: var(--main-bg-color);
   background-repeat: repeat, no-repeat;
@@ -414,9 +417,8 @@ li.divider {
   background-color: rgba(255, 255, 255, .08) !important;
   color: var(--text-hover);
 }
-.contextMenu li a:hover {
 
-}
+.contextMenu li a:hover {}
 
 .contextMenu li ul {
   border: 1px solid transparent;
@@ -1778,7 +1780,8 @@ img[src="icons/checking.svg"] {
 
 .contextMenu li a.arrow-right,
 .contextMenu li a:hover.arrow-right,
-.contextMenu li a.arrow-right, .contextMenu li a:hover.arrow-right {
+.contextMenu li a.arrow-right,
+.contextMenu li a:hover.arrow-right {
   background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/arrow-right.gif);
   background-repeat: no-repeat;
   background-position: right center;

CSS/themes/radarr/radarr-base.css

@@ -272,6 +272,7 @@ a:hover {
 [class*="MovieIndexPoster-controls-"] {
     background-color: rgb(var(--accent-color)) !important;
 }
+
 [class*="MovieTitlesTableContent-blankpad-"],
 [class*="ExtraFileTableContent-blankpad-"],
 [class*="MovieHistoryTableContent-blankpad-"] {
@@ -571,6 +572,7 @@ a:hover {
     -o-background-size: auto, cover;
     color: var(--text);
 }
+
 [class*="EnhancedSelectInputOption-isSelected-"],
 [class*="EnhancedSelectInputOption-isSelected-"]:hover {
     background-color: rgba(255, 255, 255, 0.20) !important;
@@ -663,6 +665,7 @@ a:hover {
 input::-webkit-input-placeholder {
     color: var(--text);
 }
+
 input:focus::-webkit-input-placeholder {
     color: var(--text-hover);
 }
@@ -671,6 +674,7 @@ input:focus::-webkit-input-placeholder {
 input:-moz-placeholder {
     color: var(--text);
 }
+
 input:focus:-moz-placeholder {
     color: var(--text-hover);
 }
@@ -679,6 +683,7 @@ input:focus:-moz-placeholder {
 input::-moz-placeholder {
     color: var(--text);
 }
+
 input:focus::-moz-placeholder {
     color: var(--text-hover);
 }
@@ -687,6 +692,7 @@ input:focus::-moz-placeholder {
 input:-ms-input-placeholder {
     color: var(--text);
 }
+
 input:focus:-ms-input-placeholder {
     color: var(--text-hover);
 }
@@ -1057,12 +1063,14 @@ input[type=password] {
     background-color: var(--button-color);
     cursor: pointer;
 }
+
 .button:hover {
     border-color: var(--button-color-hover);
     background-color: var(--button-color-hover);
     color: #fff;
     text-decoration: none;
 }
+
 .form-input:focus {
     outline: 0;
     border-color: #fff;

CSS/themes/readarr/readarr-base.css

@@ -692,6 +692,7 @@ a:hover {
 input::-webkit-input-placeholder {
     color: var(--text);
 }
+
 input:focus::-webkit-input-placeholder {
     color: var(--text-hover);
 }
@@ -700,6 +701,7 @@ input:focus::-webkit-input-placeholder {
 input:-moz-placeholder {
     color: var(--text);
 }
+
 input:focus:-moz-placeholder {
     color: var(--text-hover);
 }
@@ -708,6 +710,7 @@ input:focus:-moz-placeholder {
 input::-moz-placeholder {
     color: var(--text);
 }
+
 input:focus::-moz-placeholder {
     color: var(--text-hover);
 }
@@ -716,6 +719,7 @@ input:focus::-moz-placeholder {
 input:-ms-input-placeholder {
     color: var(--text);
 }
+
 input:focus:-ms-input-placeholder {
     color: var(--text-hover);
 }
@@ -1059,12 +1063,14 @@ input[type=password] {
     background-color: var(--button-color);
     cursor: pointer;
 }
+
 .button:hover {
     border-color: var(--button-color-hover);
     background-color: var(--button-color-hover);
     color: #fff;
     text-decoration: none;
 }
+
 .form-input:focus {
     outline: 0;
     border-color: #fff;

CSS/themes/requestrr/requestrr-base.css

@@ -1,4 +1,3 @@
-
 /*    dP   dP                                                                  dP        */
 /*    88   88                                                                  88        */
 /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -23,6 +22,7 @@ body {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 .bg-default {
     background-color: var(--main-bg-color) !important;
     background-repeat: repeat, no-repeat;
@@ -33,22 +33,44 @@ body {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
-.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
     color: var(--text-color);
 }
-.text-muted, .form-control-label {
+
+.text-muted,
+.form-control-label {
     color: var(--text-color-faded) !important;
 }
-.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
+
+.navbar-light .navbar-nav .active>.nav-link,
+.navbar-light .navbar-nav .nav-link.active,
+.navbar-light .navbar-nav .nav-link.show,
+.navbar-light .navbar-nav .show>.nav-link {
     color: white;
 }
+
 .navbar-light .navbar-nav .nav-link {
     color: var(--text-color);
 }
-.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
+
+.navbar-light .navbar-nav .nav-link:focus,
+.navbar-light .navbar-nav .nav-link:hover {
     color: var(--text-color-faded);
     background: rgba(255, 255, 255, 0.08);
 }
+
 @media (min-width: 768px) {
     .navbar-vertical.navbar-expand-md.fixed-left {
         left: 0;
@@ -56,8 +78,11 @@ body {
         background: rgba(0, 0, 0, 0.25) !important;
     }
 }
+
 @media (max-width: 767.98px) {
-.navbar-collapse.collapsing, .navbar-collapse.show {
+
+    .navbar-collapse.collapsing,
+    .navbar-collapse.show {
         background: var(--modal-bg-color);
         background-repeat: repeat, no-repeat;
         background-attachment: fixed, fixed;
@@ -69,34 +94,47 @@ body {
         box-shadow: 0 50px 100px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0, 0, 0, .1);
     }
 }
+
 @media (max-width: 767.98px) {
     .navbar-nav .nav-link {
         color: var(--text-color) !important;
     }
 }
+
 #sidenav-main>div>div>ul.mb-md-3.navbar-nav>li:nth-child(3)>a>i {
     color: white !important;
 }
-.card-profile-image img, .shadow,.navbar-vertical {
+
+.card-profile-image img,
+.shadow,
+.navbar-vertical {
     box-shadow: none !important;
 }
+
 .fade {
     -webkit-transition: opacity .15s linear;
     transition: opacity .15s linear;
     background: rgba(0, 0, 0, 0.15) !important;
 }
+
 .bg-secondary {
     background-color: rgba(0, 0, 0, 0) !important;
 }
+
 .bg-gradient-default {
     background: none !important;
 }
-.card-profile-image img, .shadow {
+
+.card-profile-image img,
+.shadow {
     box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .15) !important;
 }
-.bg-white,.footer {
+
+.bg-white,
+.footer {
     background-color: rgba(0, 0, 0, 0.25) !important;
 }
+
 .footer {
     padding-left: 15px;
 }
@@ -111,14 +149,17 @@ body {
     height: 36px;
     display: block;
 }
+
 .navbar-brand-img {
     display: none;
 }
+
 @media (max-width: 767.98px) {
     .navbar-collapse .collapse-brand img {
         display: none;
     }
 }
+
 @media (max-width: 767.98px) {
     #sidenav-main>div>div>div>div>div.collapse-brand.col-6>a::before {
         content: "";
@@ -131,39 +172,50 @@ body {
 }
 
 /* FORMS */
-.form-control:disabled, .form-control[readonly] {
+.form-control:disabled,
+.form-control[readonly] {
     background-color: rgba(255, 255, 255, 0.1);
     opacity: 1;
     border: 1px solid transparent;
     color: gray;
 }
-.form-control-alternative, .has-danger .form-control {
+
+.form-control-alternative,
+.has-danger .form-control {
     background: rgba(0, 0, 0, 0.25);
     background-color: rgba(0, 0, 0, 0.25);
 }
+
 .form-control-alternative:focus {
     background: rgba(0, 0, 0, 0.5);
 }
+
 .form-control:focus {
     color: #fff;
 }
+
 .has-success .form-control {
     background-color: rgba(0, 0, 0, 0.5);
 }
+
 .form-control {
     color: var(--text-color);
     border: 1px solid transparent;
 }
+
 /* Drop down*/
 .react-dropdown-select.dropdown .react-dropdown-select-item-selected {
     background: var(--accent-color) !important;
     color: #fff !important;
 }
+
 .react-dropdown-select.dropdown div[role=list] span {
     background-color: #fff;
     color: #000000;
 }
-    .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:focus,
+.react-dropdown-select.dropdown div[role=list] span:hover {
     color: #000000;
     background-color: rgba(0, 0, 0, 0.2);
 }
@@ -173,19 +225,29 @@ body {
     background-color: rgba(0, 0, 0, 0.25);
 
 }
-::-webkit-input-placeholder { /* Chrome/Opera/Safari */
+
+::-webkit-input-placeholder {
+    /* Chrome/Opera/Safari */
     color: var(--text-color) !important;
 }
-::-webkit-input-placeholder:focus { /* Chrome/Opera/Safari */
+
+::-webkit-input-placeholder:focus {
+    /* Chrome/Opera/Safari */
     color: blue !important;
 }
-::-moz-placeholder { /* Firefox 19+ */
+
+::-moz-placeholder {
+    /* Firefox 19+ */
     color: var(--text-color) !important;
 }
-:-ms-input-placeholder { /* IE 10+ */
+
+:-ms-input-placeholder {
+    /* IE 10+ */
     color: var(--text-color) !important;
 }
-:-moz-placeholder { /* Firefox 18- */
+
+:-moz-placeholder {
+    /* Firefox 18- */
     color: var(--text-color) !important;
 }
 
@@ -194,38 +256,54 @@ body {
     background-color: var(--accent-color);
     border-color: var(--accent-color);
 }
-.btn-primary, .btn-primary:hover {
+
+.btn-primary,
+.btn-primary:hover {
     color: #fff;
     background-color: var(--button-color);
     border-color: var(--button-color);
 }
-.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
     color: #fff;
     background-color: var(--button-color-hover);
     border-color: var(--button-color-hover);
 }
-.btn-default, .btn-default:hover {
+
+.btn-default,
+.btn-default:hover {
     color: #fff;
     background-color: rgba(255, 255, 255, 0.25);
     border-color: transparent;
 }
-.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle {
+
+.btn-default:not(:disabled):not(.disabled).active,
+.btn-default:not(:disabled):not(.disabled):active,
+.show>.btn-default.dropdown-toggle {
     color: #fff;
     background-color: rgba(0, 0, 0, 0.26);
     border-color: transparent;
 }
-.btn-default.disabled, .btn-default:disabled {
+
+.btn-default.disabled,
+.btn-default:disabled {
     color: #fff;
     background-color: rgba(255, 255, 255, 0.15);
     border-color: transparent;
     opacity: .5;
 }
-.btn-info.disabled, .btn-info:disabled {
+
+.btn-info.disabled,
+.btn-info:disabled {
     color: #fff;
     background-color: var(--button-color);
     border-color: var(--button-color);
 }
-.btn-info, .btn-info:hover {
+
+.btn-info,
+.btn-info:hover {
     color: #fff;
     background-color: var(--button-color-hover);
     border-color: var(--button-color-hover);
@@ -243,29 +321,35 @@ body {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 @media (min-width: 1200px) {
     .separator-skew {
         height: 70px;
         display: none;
     }
 }
+
 #root>div>div.mt--8.pb-5.container>div>div>div {
     background: rgba(0, 0, 0, 0.25) !important;
 }
+
 #root>div>div.mt--8.pb-5.container>div>div>div>div>form>div:nth-child(1)>div>input,
 #root>div>div.mt--8.pb-5.container>div>div>div>div>form>div:nth-child(2)>div>input,
 #root>div>div.mt--8.pb-5.container>div>div>div>div>form>div:nth-child(3)>div>input {
     background: rgba(0, 0, 0, .25) !important;
     border: 10px solid transparent;
 }
+
 .input-group-text {
     color: var(--text-color);
     background-color: rgba(0, 0, 0, 0.25);
     border: 1px solid transparent !important;
 }
+
 .input-group-prepend {
     margin-right: 0px;
 }
+
 #root>div>div.header.bg-gradient-info.py-7.py-lg-8>div.separator.separator-bottom.separator-skew.zindex-100>svg>polygon {
     display: none;
 }
@@ -277,6 +361,7 @@ body {
         width: 100%;
         overflow: hidden;
     }
+
     body {
         overflow-y: auto;
         height: 100%;
@@ -290,9 +375,11 @@ body {
         -o-background-size: auto, cover;
     }
 }
+
 ::-webkit-scrollbar {
     width: 14px;
 }
+
 ::-webkit-scrollbar-thumb {
     min-height: 50px;
     border: 3px solid transparent;
@@ -300,9 +387,11 @@ body {
     background-color: hsla(0, 0%, 100%, .2);
     background-clip: padding-box;
 }
+
 ::-webkit-scrollbar-track {
     background-color: transparent;
 }
+
 ::-webkit-scrollbar-thumb:hover {
     min-height: 50px;
     border: 3px solid transparent;

CSS/themes/sonarr/sonarr-base.css

@@ -327,6 +327,7 @@ a:hover {
 [class*="SeriesDetailsSeason-collapseButtonIcon-"] {
     color: var(--text) !important;
 }
+
 [class*="SeriesDetailsSeason-actionButton-"]:hover,
 [class*="SeriesDetailsSeason-collapseButtonIcon-"]:hover {
     color: var(--text-hover) !important;
@@ -588,6 +589,7 @@ a:hover {
     -o-background-size: auto, cover;
     color: var(--text);
 }
+
 [class*="EnhancedSelectInputOption-isSelected-"],
 [class*="EnhancedSelectInputOption-isSelected-"]:hover {
     background-color: rgba(255, 255, 255, 0.20) !important;
@@ -644,6 +646,7 @@ a:hover {
 input::-webkit-input-placeholder {
     color: var(--text);
 }
+
 input:focus::-webkit-input-placeholder {
     color: var(--text-hover);
 }
@@ -652,6 +655,7 @@ input:focus::-webkit-input-placeholder {
 input:-moz-placeholder {
     color: var(--text);
 }
+
 input:focus:-moz-placeholder {
     color: var(--text-hover);
 }
@@ -660,6 +664,7 @@ input:focus:-moz-placeholder {
 input::-moz-placeholder {
     color: var(--text);
 }
+
 input:focus::-moz-placeholder {
     color: var(--text-hover);
 }
@@ -668,6 +673,7 @@ input:focus::-moz-placeholder {
 input:-ms-input-placeholder {
     color: var(--text);
 }
+
 input:focus:-ms-input-placeholder {
     color: var(--text-hover);
 }
@@ -1030,12 +1036,14 @@ input[type=password] {
     background-color: var(--button-color);
     cursor: pointer;
 }
+
 .button:hover {
     border-color: var(--button-color-hover);
     background-color: var(--button-color-hover);
     color: #fff;
     text-decoration: none;
 }
+
 .form-input:focus {
     outline: 0;
     border-color: #fff;

CSS/themes/synclounge/synclounge-base.css

@@ -1,4 +1,3 @@
-
 /*    dP   dP                                                                  dP        */
 /*    88   88                                                                  88        */
 /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -12,7 +11,8 @@
 /* 			      https://github.com/gilbN/theme.park			 */
 
 main {
-background: var(--main-bg-color);background-repeat: repeat, no-repeat;
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
     background-position: center center, center center;
     background-size: auto, cover;
@@ -20,31 +20,44 @@ background-size: auto, cover;
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 h4 {
     color: #ffffff;
 }
+
 .v-toolbar {
     background: transparent !important;
     box-shadow: none;
 }
-.v-toolbar__content, .v-toolbar__extension {
+
+.v-toolbar__content,
+.v-toolbar__extension {
     background-color: rgba(0, 0, 0, 0.6) !important;
 }
+
 p a {
     color: var(--accent-color) !important;
 }
-.application .theme--dark.v-card, .theme--dark .v-card .primary--text {
+
+.application .theme--dark.v-card,
+.theme--dark .v-card .primary--text {
     color: var(--accent-color) !important;
 }
-.application .theme--dark.v-card, .theme--dark .v-card .accent--text {
+
+.application .theme--dark.v-card,
+.theme--dark .v-card .accent--text {
     color: var(--accent-color) !important;
 }
-.application .theme--dark.v-card, .theme--dark .v-card .primary {
+
+.application .theme--dark.v-card,
+.theme--dark .v-card .primary {
     color: var(--accent-color) !important;
 }
+
 .flex.xs12 a {
     color: var(--accent-color);
 }
+
 .v-list__tile {
     color: #fff !important;
 }
@@ -58,24 +71,38 @@ p a {
     background-color: var(--default-button-color) !important;
     border-color: var(--default-button-color) !important;
 }
-.v-input__control .v-input__slot .primary--text input, .primary--text textarea {
+
+.v-input__control .v-input__slot .primary--text input,
+.primary--text textarea {
     caret-color: var(--accent-color) !important;
 }
-.v-input input:active, .v-input input:focus, .v-input textarea:active, .v-input textarea:focus .primary--text input, .primary--text textarea {
+
+.v-input input:active,
+.v-input input:focus,
+.v-input textarea:active,
+.v-input textarea:focus .primary--text input,
+.primary--text textarea {
     caret-color: var(--accent-color) !important;
 }
 
 
-.application .theme--dark.v-btn:not(.v-btn--icon):not(.v-btn--flat), .theme--dark .v-btn:not(.v-btn--icon):not(.v-btn--flat) {
+.application .theme--dark.v-btn:not(.v-btn--icon):not(.v-btn--flat),
+.theme--dark .v-btn:not(.v-btn--icon):not(.v-btn--flat) {
     background-color: var(--default-button-color) !important;
 }
+
 .v-btn__content {
     color: #fff;
 }
-.v-btn--active:before, .v-btn:focus:before, .v-btn:hover:before {
+
+.v-btn--active:before,
+.v-btn:focus:before,
+.v-btn:hover:before {
     background-color: white;
 }
-.application .theme--dark.v-card, .theme--dark .v-card {
+
+.application .theme--dark.v-card,
+.theme--dark .v-card {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -85,23 +112,32 @@ p a {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
-.flex.md3 .application .theme--dark.v-card, .theme--dark .v-card {
+
+.flex.md3 .application .theme--dark.v-card,
+.theme--dark .v-card {
     background: rgba(255, 255, 255, 0.10) !important;
     color: #fff;
 }
+
 .theme--dark.v-expansion-panels .v-expansion-panel {
     background-color: transparent;
     color: #fff;
 }
+
 .theme--dark.v-text-field--solo>.v-input__control>.v-input__slot {
     background: rgb(0 0 0 / 0.50);
 }
-.flex.md3 .application .theme--dark.v-list, .theme--dark .v-list {
+
+.flex.md3 .application .theme--dark.v-list,
+.theme--dark .v-list {
     background: rgba(255, 255, 255, 0.10) !important;
 }
-flex xs12 .flex.md3 .application .theme--dark.v-list, .theme--dark .v-list {
+
+flex xs12 .flex.md3 .application .theme--dark.v-list,
+.theme--dark .v-list {
     background: inherit !important;
 }
+
 .v-navigation-drawer {
     background: var(--main-bg-color) !important;
     background-repeat: repeat, no-repeat;
@@ -124,6 +160,7 @@ flex xs12 .flex.md3 .application .theme--dark.v-list, .theme--dark .v-list {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 .menuable__content__active {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;

CSS/themes/tautulli/tautulli-base.css

@@ -1,4 +1,3 @@
-
 /*    dP   dP                                                                  dP        */
 /*    88   88                                                                  88        */
 /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -25,19 +24,50 @@
 /* Text */
 
 p,
-.news-title, .news-date {
+.news-title,
+.news-date {
     color: var(--text);
 }
 
-  .help-block ,h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small,
+.help-block,
-   .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small,
+h1 small,
-   h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small,
+h1 .small,
+h2 .small,
+h3 .small,
+h4 .small,
+h5 .small,
+h6 .small,
+.h1 .small,
+.h2 .small,
+.h3 .small,
+.h4 .small,
+.h5 .small,
+.h6 .small,
 .header-bar span,
-   .dashboard-activity-info-time, strong,
+.dashboard-activity-info-time,
+strong,
 .summary-content-details-tag strong,
-   .padded-header h1, h2, h3, h4, h5, h6,
+.padded-header h1,
+h2,
+h3,
+h4,
+h5,
+h6,
 .config-scheduler-table th,
-   #tautulli-news .open .news-title, #tautulli-news .open .news-date, #tautulli-news .accordion li.open .link i.fa {
+#tautulli-news .open .news-title,
+#tautulli-news .open .news-date,
+#tautulli-news .accordion li.open .link i.fa {
     color: var(--text-hover);
 }
 
@@ -45,7 +75,8 @@ p,
     color: #fff;
 }
 
-  .text-muted, .small-muted {
+.text-muted,
+.small-muted {
     color: var(--text-muted);
 }
 
@@ -64,10 +95,15 @@ p,
     color: var(--link-color-hover);
 }
 
-  #plexpy-notifiers-table .friendly_name, #notifier-config-modal span.notifier_id, #plexpy-newsletters-table .friendly_name,
+#plexpy-notifiers-table .friendly_name,
-   #newsletter-config-modal span.newsletter_id, #plexpy-mobile-devices-table .friendly_name, #mobile-device-config-modal span.notifier_id {
+#notifier-config-modal span.notifier_id,
+#plexpy-newsletters-table .friendly_name,
+#newsletter-config-modal span.newsletter_id,
+#plexpy-mobile-devices-table .friendly_name,
+#mobile-device-config-modal span.notifier_id {
     color: #fff;
 }
+
 /* Navbar */
 .navbar {
     background: var(--main-bg-color);
@@ -82,21 +118,31 @@ p,
     -moz-box-shadow: none;
     box-shadow: none;
 }
+
 #search_form #search_button.btn-inactive {
     background-color: #0000;
 }
-  .nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus {
+
+.nav>li.active>a,
+.nav>li.active>a:hover,
+.nav>li.active>a:focus {
     color: #f9be03;
     background-color: rgba(0, 0, 0, 0.25);
 }
+
 .nav>li>a {
     color: var(--text);
 }
-  .nav > li > a:hover, .nav > li > a:focus {
+
+.nav>li>a:hover,
+.nav>li>a:focus {
     background-color: rgba(255, 255, 255, 0.08);
     color: var(--text-hover);
 }
-  .nav .open > a, .nav .open > a:hover, .nav .open  > a:focus {
+
+.nav .open>a,
+.nav .open>a:hover,
+.nav .open>a:focus {
     background-color: rgba(255, 255, 255, 0.08);
     color: rgb(var(--accent-color));
 }
@@ -112,17 +158,23 @@ p,
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 .dropdown-menu>li>a {
     color: var(--text);
 }
-  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
+
+.dropdown-menu>li>a:hover,
+.dropdown-menu>li>a:focus {
     background-color: rgba(255, 255, 255, 0.08);
     color: var(--text-hover);
 }
+
 .dropdown-menu .divider {
     background-color: rgba(255, 255, 255, 0.08);
 }
-  select, .react-selectize.bootstrap3.root-node .react-selectize-control {
+
+select,
+.react-selectize.bootstrap3.root-node .react-selectize-control {
     background: var(--drop-down-menu-bg);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -134,24 +186,32 @@ p,
 }
 
 /* Dashboard */
-  .dashboard-stats-background, .dashboard-activity-background, .dashboard-activity-poster-container {
+.dashboard-stats-background,
+.dashboard-activity-background,
+.dashboard-activity-poster-container {
     background-color: rgba(0, 0, 0, 0.25);
 }
+
 .dashboard-activity-progress-bar {
     background-color: rgba(0, 0, 0, 0.25);
 }
+
 .dashboard-activity-progress .buffer-bar {
     background-color: rgba(255, 255, 255, 0.25);
 }
+
 .dashboard-activity-metadata-user a {
     color: var(--link-color);
 }
+
 .dashboard-activity-metadata-subtitle-container {
     color: #fff;
 }
+
 .dashboard-recent-media-metacontainer h3.text-muted a {
     color: #fff;
 }
+
 .dashboard-recent-media-metacontainer h3.text-muted {
     color: #fff;
 }
@@ -161,171 +221,268 @@ p,
     background-color: var(--button-color);
     border-color: var(--button-color);
 }
+
 .btn-dark:hover {
     color: var(--button-text-hover);
     background-color: var(--button-color-hover);
     border-color: var(--button-color-hover);
 }
-.btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark, .btn-dark.active:focus {
+
+.btn-dark:active,
+.btn-dark.active,
+.open>.dropdown-toggle.btn-dark,
+.btn-dark.active:focus {
     color: var(--button-text-hover);
     background-color: var(--button-color-hover);
     border-color: var(--button-color-hover);
 }
-.btn:focus:not(select), .btn.focus:not(select), .btn-dark:focus:not(select), .btn-dark.focus:not(select), .btn-dark:active:focus:not(select) {
+
+.btn:focus:not(select),
+.btn.focus:not(select),
+.btn-dark:focus:not(select),
+.btn-dark.focus:not(select),
+.btn-dark:active:focus:not(select) {
     color: var(--button-text-hover);
     background-color: var(--button-color-hover) !important;
 }
+
 .btn-dark.active:hover {
     background-color: var(--button-color-hover);
 }
+
 .btn-dark.inactive:hover {
     background-color: rgba(255, 255, 255, 0.08);
 }
+
 .btn-danger.btn-edit {
     background-color: rgba(255, 255, 255, 0.25);
 }
+
 .btn-form {
     background-color: var(--button-color);
 }
+
 .btn-form:hover {
     background-color: var(--button-color-hover);
 }
 
 /* Inputs */
-  textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+.uneditable-input {
     background-color: rgba(0, 0, 0, 0.25);
 }
-  .react-selectize.root-node .react-selectize-control, .selectize-control.form-control .selectize-input {
+
+.react-selectize.root-node .react-selectize-control,
+.selectize-control.form-control .selectize-input {
     background: rgba(0, 0, 0, 0.25) !important;
 }
 
 /*Formcontrol */
-  select.form-control, div.form-control .selectize-input {
+select.form-control,
+div.form-control .selectize-input {
     background-color: rgba(0, 0, 0, 0.25);
 }
+
 @media (min-width: 768px) {
     .form-inline .input-group>.form-control {
         width: auto;
     }
 }
-  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
+
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
     background-color: rgba(236, 236, 236, 0.25);
 }
+
 textarea.form-control {
     background-color: rgba(0, 0, 0, 0.25);
 }
-  textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
+
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus {
     color: #fff;
     background: rgba(0, 0, 0, 0.25);
 }
+
 .form-control:focus {
     border-color: transparent;
     outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
 }
+
 /* Settings table cards */
 .table-card-header {
     background-color: rgba(0, 0, 0, 0.25);
     border-bottom: 1px solid rgba(255, 255, 255, 0.25);
     border-top: 1px solid #00000000;
 }
+
 .table-card-back {
     background-color: rgba(0, 0, 0, 0.15);
 }
+
 table.display thead th {
     color: var(--text-hover);
     background-color: rgba(0, 0, 0, 0.25);
 }
+
 table.display thead tr:hover {
     background-color: rgba(0, 0, 0, 0.45);
 }
+
 /*Settings menu */
 .card-back-full {
     background-color: transparent;
 }
+
 .nav-settings>li>a {
     border-bottom: 1px solid transparent;
     color: var(--text);
 }
+
 .nav-settings>li {
     background-color: rgba(0, 0, 0, 0.45);
     border-top: 1px solid transparent;
 }
-  .nav-settings > .active > a, .nav-settings > .active > a:hover, .nav-settings > .active > a:focus {
+
+.nav-settings>.active>a,
+.nav-settings>.active>a:hover,
+.nav-settings>.active>a:focus {
     background-color: rgba(0, 0, 0, 0.25);
 }
-  .nav-settings > li > a:hover, .nav-settings > li > a:focus {
+
+.nav-settings>li>a:hover,
+.nav-settings>li>a:focus {
     color: var(--text-hover);
     background-color: rgba(255, 255, 255, 0.08);
 }
+
 .card {
     background-color: rgba(0, 0, 0, 0.25);
     border-top: 1px solid #00000000;
 }
+
 .card-sortable {
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 }
+
 .card-handle {
     color: #fff;
     background-color: rgba(0, 0, 0, 0.25);
 }
+
 /*Notification agents menu */
 .stacked-configs>li {
     background-color: rgba(0, 0, 0, 0.25);
 }
+
 .stacked-configs>li>span {
     color: #FFF;
     border-left: 2px solid rgba(0, 0, 0, 0.25);
     border-top: 1px solid rgba(255, 255, 255, 0.08);
 }
-  .stacked-configs > li > span:hover, .stacked-configs > li > span:focus {
+
+.stacked-configs>li>span:hover,
+.stacked-configs>li>span:focus {
     color: #fff;
     background-color: rgba(255, 255, 255, 0.08);
 }
-  .stacked-configs > li > span > a.toggle-left, .stacked-configs > li > span > span.toggle-left {
+
+.stacked-configs>li>span>a.toggle-left,
+.stacked-configs>li>span>span.toggle-left {
     color: #999;
 }
-span > a.active, .stacked-configs > li > span > span.active {
+
+span>a.active,
+.stacked-configs>li>span>span.active {
     color: #f9be03;
 }
+
 .inline-pre {
     background-color: rgba(255, 255, 255, 0.25);
 }
+
 /* Summary containers */
-  .summary-container .table-card-header, .summary-container .table-card-back {
+.summary-container .table-card-header,
+.summary-container .table-card-back {
     background: rgba(0, 0, 0, 0.45);
 }
+
 .summary-navbar {
     background-color: rgba(0, 0, 0, 0.25);
 }
 
 /* pagination */
-  .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
+.pagination>.disabled>span,
+.pagination>.disabled>span:hover,
+.pagination>.disabled>span:focus,
+.pagination>.disabled>a,
+.pagination>.disabled>a:hover,
+.pagination>.disabled>a:focus {
     background-color: rgba(0, 0, 0, 0.25);
     border-color: #00000000;
 }
-  .pagination > li > a, .pagination > li > span {
+
+.pagination>li>a,
+.pagination>li>span {
     background-color: var(--button-color);
     border: 1px solid var(--button-color);
     color: var(--button-text);
 }
-  .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
+
+.pagination>li>a:hover,
+.pagination>li>span:hover,
+.pagination>li>a:focus,
+.pagination>li>span:focus {
     background-color: var(--button-color-hover);
     border: 1px solid var(--button-color-hover);
     color: var(--button-text-hover);
 }
+
 /* Graphs */
 .graphs-instance {
     background-color: rgba(0, 0, 0, 0.45);
 }
+
 /* Modal */
 .modal-content {
     border: none;
 }
+
 .modal-body li {
     color: #fff;
 }
+
 .modal-body {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
@@ -336,6 +493,7 @@ span > a.active, .stacked-configs > li > span > span.active {
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 .modal-header {
     background: var(--modal-header-color);
     background-repeat: repeat, no-repeat;
@@ -347,6 +505,7 @@ span > a.active, .stacked-configs > li > span > span.active {
     -o-background-size: auto, cover;
     border-bottom: 1px solid rgb(var(--accent-color));
 }
+
 .modal-footer {
     background: var(--modal-footer-color);
     background-repeat: repeat, no-repeat;
@@ -358,48 +517,75 @@ span > a.active, .stacked-configs > li > span > span.active {
     -o-background-size: auto, cover;
     border-top: 1px solid rgb(var(--accent-color));
 }
+
 .modal-config-section {
     border-top: 1px solid rgba(255, 255, 255, .08);
 }
+
 #changelog-modal .modal-body>h2 {
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 }
-  #notifier-config-modal .nav-tabs > li > a, #newsletter-config-modal .nav-tabs > li > a {
+
+#notifier-config-modal .nav-tabs>li>a,
+#newsletter-config-modal .nav-tabs>li>a {
     color: var(--text);
 }
-  #notifier-config-modal .nav-tabs > li.active > a, #notifier-config-modal .nav-tabs > li.active > a:hover, #notifier-config-modal .nav-tabs > li.active > a:focus, #newsletter-config-modal .nav-tabs > li.active > a, #newsletter-config-modal .nav-tabs > li.active > a:hover, #newsletter-config-modal .nav-tabs > li.active > a:focus {
+
+#notifier-config-modal .nav-tabs>li.active>a,
+#notifier-config-modal .nav-tabs>li.active>a:hover,
+#notifier-config-modal .nav-tabs>li.active>a:focus,
+#newsletter-config-modal .nav-tabs>li.active>a,
+#newsletter-config-modal .nav-tabs>li.active>a:hover,
+#newsletter-config-modal .nav-tabs>li.active>a:focus {
     color: var(--text-hover);
     background: rgba(0, 0, 0, 0.45);
 }
-  #notifier-config-modal .nav-tabs > li.active > a, #notifier-config-modal .nav-tabs > li.active > a:hover, #notifier-config-modal .nav-tabs > li.active > a:focus, #newsletter-config-modal .nav-tabs > li.active > a, #newsletter-config-modal .nav-tabs > li.active > a:hover, #newsletter-config-modal .nav-tabs > li.active > a:focus {
+
+#notifier-config-modal .nav-tabs>li.active>a,
+#notifier-config-modal .nav-tabs>li.active>a:hover,
+#notifier-config-modal .nav-tabs>li.active>a:focus,
+#newsletter-config-modal .nav-tabs>li.active>a,
+#newsletter-config-modal .nav-tabs>li.active>a:hover,
+#newsletter-config-modal .nav-tabs>li.active>a:focus {
     border: 1px solid #0000;
     border-bottom-color: transparent;
 }
-  #notifier-config-modal .nav-tabs > li > a:hover, #newsletter-config-modal .nav-tabs > li > a:hover {
+
+#notifier-config-modal .nav-tabs>li>a:hover,
+#newsletter-config-modal .nav-tabs>li>a:hover {
     border-color: #0000;
     background: rgba(255, 255, 255, 0.08);
     color: var(--text-hover);
 }
-  #notifier-config-modal .nav-tabs, #newsletter-config-modal .nav-tabs {
+
+#notifier-config-modal .nav-tabs,
+#newsletter-config-modal .nav-tabs {
     border-bottom: 1px solid rgba(255, 255, 255, 0.25);
 }
+
 .accordion {
     background: rgba(0, 0, 0, 0.25);
 }
+
 .accordion li .link {
     color: #fff;
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 }
-  .accordion li .link:hover, .accordion li .link:hover i.fa {
+
+.accordion li .link:hover,
+.accordion li .link:hover i.fa {
     background: rgba(255, 255, 255, 0.08);
 }
+
 .submenu {
     background: rgba(0, 0, 0, 0.25);
 }
+
 /* Stream info */
 .stream-info {
     background-color: rgba(0, 0, 0, 0.25);
 }
+
 /* Edit metadata */
 .item-children-section-title {
     background-color: rgba(255, 255, 255, 0.08);
@@ -408,23 +594,29 @@ span > a.active, .stacked-configs > li > span > span.active {
 }
 
 /* Mobile */
-  .navbar-toggle:hover, .navbar-toggle:focus {
+.navbar-toggle:hover,
+.navbar-toggle:focus {
     background-color: rgba(255, 255, 255, 0.08);
 }
+
 .navbar-toggle {
     background-color: rgba(255, 255, 255, 0.08);
 }
+
 @media (max-width: 768px) {
     .navbar-collapse.in {
         box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7);
     }
 }
+
 #login-methods .submenu {
     background: transparent;
 }
+
 .login-container .remember-group {
     color: #eee;
 }
+
 #login-methods>li.open>div {
     color: rgb(var(--accent-color));
 }
@@ -435,27 +627,64 @@ span > a.active, .stacked-configs > li > span > span.active {
     background-color: var(--button-color);
     box-shadow: inset 0 1px 0 var(--button-color);
 }
+
 .btn-bright:hover {
     color: #fff;
     background-color: var(--button-color-hover);
     box-shadow: inset 0 1px 0 var(--button-color-hover);
 }
-.btn-bright:active, .btn-bright.active, .open > .dropdown-toggle.btn-bright, #menu_link_show_advanced_settings.active {
+
+.btn-bright:active,
+.btn-bright.active,
+.open>.dropdown-toggle.btn-bright,
+#menu_link_show_advanced_settings.active {
     color: #fff;
     background-color: var(--button-color-hover);
     box-shadow: inset 0 1px 0 var(--button-color-hover);
 }
-.btn-bright:active:hover, .btn-bright.active:hover, .open > .dropdown-toggle.btn-bright:hover, .btn-bright:active:focus, .btn-bright.active:focus, .open > .dropdown-toggle.btn-bright:focus, .btn-bright:active.focus, .btn-bright.active.focus, .open > .dropdown-toggle.btn-bright.focus {
+
+.btn-bright:active:hover,
+.btn-bright.active:hover,
+.open>.dropdown-toggle.btn-bright:hover,
+.btn-bright:active:focus,
+.btn-bright.active:focus,
+.open>.dropdown-toggle.btn-bright:focus,
+.btn-bright:active.focus,
+.btn-bright.active.focus,
+.open>.dropdown-toggle.btn-bright.focus {
     color: #fff;
     background-color: var(--button-color-hover);
     box-shadow: inset 0 1px 0 var(--button-color-hover);
 }
-.btn:focus:not(#history-user):not(#graph-user):not(#sync-user), .btn.focus, .btn-dark:focus, .btn-dark.focus, .btn-dark:active:focus {
+
+.btn:focus:not(#history-user):not(#graph-user):not(#sync-user),
+.btn.focus,
+.btn-dark:focus,
+.btn-dark.focus,
+.btn-dark:active:focus {
     color: #fff;
     background-color: var(--button-color-hover) !important;
     opacity: .8;
 }
-.btn-bright.disabled, .btn-bright[disabled], fieldset[disabled] .btn-bright, .btn-bright.disabled:hover, .btn-bright[disabled]:hover, fieldset[disabled] .btn-bright:hover, .btn-bright.disabled:focus, .btn-bright[disabled]:focus, fieldset[disabled] .btn-bright:focus, .btn-bright.disabled.focus, .btn-bright[disabled].focus, fieldset[disabled] .btn-bright.focus, .btn-bright.disabled:active, .btn-bright[disabled]:active, fieldset[disabled] .btn-bright:active, .btn-bright.disabled.active, .btn-bright[disabled].active, fieldset[disabled] .btn-bright.active {
+
+.btn-bright.disabled,
+.btn-bright[disabled],
+fieldset[disabled] .btn-bright,
+.btn-bright.disabled:hover,
+.btn-bright[disabled]:hover,
+fieldset[disabled] .btn-bright:hover,
+.btn-bright.disabled:focus,
+.btn-bright[disabled]:focus,
+fieldset[disabled] .btn-bright:focus,
+.btn-bright.disabled.focus,
+.btn-bright[disabled].focus,
+fieldset[disabled] .btn-bright.focus,
+.btn-bright.disabled:active,
+.btn-bright[disabled]:active,
+fieldset[disabled] .btn-bright:active,
+.btn-bright.disabled.active,
+.btn-bright[disabled].active,
+fieldset[disabled] .btn-bright.active {
     background-color: var(--button-color);
     border-color: var(--button-color);
 }
@@ -465,12 +694,17 @@ span > a.active, .stacked-configs > li > span > span.active {
     color: var(--label-text-color);
     background-color: rgb(var(--accent-color));
 }
+
 .summary-content {
     color: rgb(var(--accent-color));
 }
-.nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus {
+
+.nav>li.active>a,
+.nav>li.active>a:hover,
+.nav>li.active>a:focus {
     color: rgb(var(--accent-color));
 }
+
 .dashboard-activity-progress .progress-bar {
     background-color: rgb(var(--accent-color));
     background-image: -moz-linear-gradient(top, var(--accent-color-hover), rgb(var(--accent-color)));
@@ -480,97 +714,145 @@ span > a.active, .stacked-configs > li > span > span.active {
     background-image: linear-gradient(to bottom, var(--accent-color-hover, rgb(var(--accent-color))));
 
 }
+
 .dashboard-stats-info-item .sub-count {
     color: rgb(var(--accent-color));
 }
-.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
+
+.pagination>.active>a,
+.pagination>.active>span,
+.pagination>.active>a:hover,
+.pagination>.active>span:hover,
+.pagination>.active>a:focus,
+.pagination>.active>span:focus {
     background-color: var(--button-color-hover);
     border-color: var(--button-color-hover);
     color: var(--button-text-hover);
 }
-a:hover, a:focus {
+
+a:hover,
+a:focus {
     color: var(--link-color-hover);
 }
+
 table.display td:hover a {
     color: var(--link-color-hover);
 }
-.user-overview-stats-instance h3, .user-player-instance-playcount h3, .summary-content-title h1, .summary-content-title h1 a {
+
+.user-overview-stats-instance h3,
+.user-player-instance-playcount h3,
+.summary-content-title h1,
+.summary-content-title h1 a {
     color: var(--text-hover);
 }
+
 .user-info-nav>.active>a {
     color: rgb(var(--accent-color));
 }
-a:hover .dashboard-recent-media-poster, a:hover .dashboard-recent-media-cover {
+
+a:hover .dashboard-recent-media-poster,
+a:hover .dashboard-recent-media-cover {
     -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
     -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
     box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
 }
-.nav-settings > .active > a, .nav-settings > .active > a:hover, .nav-settings > .active > a:focus {
+
+.nav-settings>.active>a,
+.nav-settings>.active>a:hover,
+.nav-settings>.active>a:focus {
     color: rgb(var(--accent-color));
 }
+
 div.advanced-setting {
     border-left: 1px solid rgb(var(--accent-color));
 }
+
 .docker-setting {
     color: rgb(var(--accent-color));
 }
-.modal-body strong, .modal-body strong i.fa {
+
+.modal-body strong,
+.modal-body strong i.fa {
     color: rgb(var(--accent-color));
 }
+
 .user-info-nav a:hover {
     color: var(--accent-color-hover)
 }
-a:hover .dashboard-activity-poster, a:hover .dashboard-activity-cover {
+
+a:hover .dashboard-activity-poster,
+a:hover .dashboard-activity-cover {
     -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
     -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
     box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
 }
-a:hover .dashboard-stats-poster, a:hover .dashboard-stats-cover, a:hover .dashboard-stats-circle, a:hover .dashboard-stats-square {
+
+a:hover .dashboard-stats-poster,
+a:hover .dashboard-stats-cover,
+a:hover .dashboard-stats-circle,
+a:hover .dashboard-stats-square {
     -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
     -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
     box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
 }
+
 a:hover .item-children-poster {
     -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
     -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
     box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
 }
+
 .dashboard-activity-terminate-session:hover {
     color: rgb(var(--accent-color));
 }
+
 a .dashboard-activity-metadata-user-thumb:hover {
     -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
     -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
     box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
 }
+
 .stream-info .heading {
     color: rgb(var(--accent-color));
 }
+
 a .library-user-instance-box:hover {
     -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
     -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
     box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
 }
+
 .summary-navbar-list .breadcrumb a:hover {
     color: rgb(var(--accent-color));
 }
+
 .dashboard-recent-media-metacontainer h3.text-muted a:hover {
     color: rgb(var(--accent-color));
 }
-a .poster-face:hover, a .cover-face:hover, a .users-poster-face:hover,.summary-poster-face-overlay {
+
+a .poster-face:hover,
+a .cover-face:hover,
+a .users-poster-face:hover,
+.summary-poster-face-overlay {
     -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
     -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
     box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
 }
+
 .submenu li {
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 }
-span > a.active, .stacked-configs > li > span > span.active {
+
+span>a.active,
+.stacked-configs>li>span>span.active {
     color: rgb(var(--accent-color));
 }
-.accordion li.open .link, .accordion li.open .link i.fa {
+
+.accordion li.open .link,
+.accordion li.open .link i.fa {
     color: rgb(var(--accent-color));
 }
+
 .news-body a:hover {
     color: var(--link-color-hover);
 }

CSS/themes/thelounge/thelounge-base.css

@@ -1,4 +1,3 @@
-
 /*    dP   dP                                                                  dP        */
 /*    88   88                                                                  88        */
 /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -14,9 +13,11 @@
 #chat .userlist .names {
     background: rgba(0, 0, 0, 0.25);
 }
+
 #chat .user-mode:before {
     background: rgba(0, 0, 0, 0.25);
 }
+
 @media (max-width: 768px) {
     #chat .userlist .names {
         box-shadow: 0 0 25px 0 rgba(0, 0, 0, .5);
@@ -32,12 +33,17 @@
 }
 
 @media (max-width: 768px) {
-    #viewport.menu-dragging #sidebar, #viewport.menu-open #sidebar {
+
+    #viewport.menu-dragging #sidebar,
+    #viewport.menu-open #sidebar {
         box-shadow: 0 0 25px 0 rgba(0, 0, 0, .5);
         background: rgba(0, 0, 0, 0.85);
     }
 }
-#chat .chan .notice .user, #chat .notice .content, #chat .notice .time {
+
+#chat .chan .notice .user,
+#chat .notice .content,
+#chat .notice .time {
     color: var(--date-marker-color) !important;
 }
 
@@ -45,27 +51,39 @@
     background: var(--theme-accent);
     color: #f3f3f3;
 }
+
 #form {
     background-color: rgba(0, 0, 0, 0.45);
     border-color: #0086ff00;
     color: var(--body-color);
 }
-#sidebar .active, #sidebar .active:hover {
+
+#sidebar .active,
+#sidebar .active:hover {
     background-color: rgba(0, 0, 0, 0.25);
 }
-#chat .msg.motd .text, code, .irc-monospace {
+
+#chat .msg.motd .text,
+code,
+.irc-monospace {
     background: rgba(0, 0, 0, 0.45);
     color: #f3f3f3;
 }
-#chat .content, #windows #chat .header, #chat .user-mode::before, #chat .userlist {
+
+#chat .content,
+#windows #chat .header,
+#chat .user-mode::before,
+#chat .userlist {
     border-color: rgba(255, 255, 255, 0.08);
 }
+
 #chat .msg[data-type=motd] .text {
     background: rgba(255, 255, 255, 0.08);
 }
 
 /* Dropdown menu */
-#context-menu, .textcomplete-menu {
+#context-menu,
+.textcomplete-menu {
     background: var(--body-bg-color);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -76,45 +94,74 @@
     -o-background-size: auto, cover;
     /* color: white !important; */
 }
-.context-menu-item, .textcomplete-item {
+
+.context-menu-item,
+.textcomplete-item {
     color: var(--body-color);
 }
-#chat .userlist .user.active, .context-menu-item:focus, .context-menu-item:hover, .textcomplete-item:focus, .textcomplete-item:hover, .textcomplete-menu .active {
+
+#chat .userlist .user.active,
+.context-menu-item:focus,
+.context-menu-item:hover,
+.textcomplete-item:focus,
+.textcomplete-item:hover,
+.textcomplete-menu .active {
     background-color: rgba(255, 255, 255, 0.08);
     transition: none;
     outline: 0;
 }
-#chat.table.ignore-list td, #chat table.ban-list td, #chat table.ban-list th, #chat table.channel-list td, #chat table.channel-list th, #chat table.ignore-list th, #chat table.invite-list td, #chat table.invite-list th {
+
+#chat.table.ignore-list td,
+#chat table.ban-list td,
+#chat table.ban-list th,
+#chat table.channel-list td,
+#chat table.channel-list th,
+#chat table.ignore-list th,
+#chat table.invite-list td,
+#chat table.invite-list th {
     padding: 5px;
     vertical-align: top;
     border-bottom: 1px solid rgba(255, 255, 255, 0.25);
 }
+
 #chat .userlist .count {
     background-color: rgba(0, 0, 0, 0.6);
 }
-#footer button:hover, #sidebar .chan:hover {
+
+#footer button:hover,
+#sidebar .chan:hover {
     background-color: rgba(255, 255, 255, 0.08);
 }
+
 #settings .extra-help:before {
     content: "\F059";
     color: var(--body-color);
 }
+
 #windows .window h2 {
     color: var(--body-color);
 }
+
 #windows .window h2 {
     border-bottom: 1px solid rgba(255, 255, 255, 0.25);
 }
-.input:not(:disabled):focus, .input:not(:disabled):hover {
+
+.input:not(:disabled):focus,
+.input:not(:disabled):hover {
     border-color: #ffffff;
 }
-.btn:active, .btn:focus, .input:focus {
+
+.btn:active,
+.btn:focus,
+.input:focus {
     outline: 0;
     box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
 }
+
 .btn {
     color: inherit;
 }
+
 .mentions-popup {
     background: var(--body-bg-color);
     background-repeat: repeat, no-repeat;
@@ -125,6 +172,7 @@
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
 }
+
 #chat .toggle-content {
     background: var(--highlight-bg-color);
 

CSS/themes/transmission/transmission-base.css

@@ -1,4 +1,3 @@
-
 /*    dP   dP                                                                  dP        */
 /*    88   88                                                                  88        */
 /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
@@ -15,6 +14,7 @@
 * {
     outline: none !important;
 }
+
 a {
     color: var(--link-color);
 }
@@ -22,6 +22,7 @@ a {
 a:hover {
     color: var(--link-color-hover);
 }
+
 body {
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;
@@ -33,6 +34,7 @@ body {
     -o-background-size: auto, cover;
     color: var(--text);
 }
+
 /* Scrollbar */
 @media only screen and (min-width: 768px) {
     html {
@@ -40,6 +42,7 @@ body {
         width: 100%;
         overflow: hidden;
     }
+
     body {
         overflow-y: auto;
         height: 100%;
@@ -53,9 +56,11 @@ body {
         -o-background-size: auto, cover;
     }
 }
+
 ::-webkit-scrollbar {
     width: 14px;
 }
+
 ::-webkit-scrollbar-thumb {
     min-height: 50px;
     border: 3px solid transparent;
@@ -63,9 +68,11 @@ body {
     background-color: hsla(0, 0%, 100%, .2);
     background-clip: padding-box;
 }
+
 ::-webkit-scrollbar-track {
     background-color: transparent;
 }
+
 ::-webkit-scrollbar-thumb:hover {
     min-height: 50px;
     border: 3px solid transparent;
@@ -73,6 +80,7 @@ body {
     background-color: hsla(0, 0%, 100%, .5);
     background-clip: padding-box;
 }
+
 div#torrent_container {
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;
@@ -95,10 +103,20 @@ div#toolbar {
     background-image: none;
     border-bottom: 1px solid transparent;
 }
-    div#toolbar > div#toolbar-separator { display:none}
+
+div#toolbar>div#toolbar-separator {
+    display: none
+}
+
 /* Open torrent folder*/
-    div#toolbar > div#toolbar-open {background-image: none;}
+div#toolbar>div#toolbar-open {
-    div#toolbar > div#toolbar-open:hover:before {color: var(--accent-color-hover);}
+    background-image: none;
+}
+
+div#toolbar>div#toolbar-open:hover:before {
+    color: var(--accent-color-hover);
+}
+
 div#toolbar>div#toolbar-open:before {
     font-family: "Font Awesome 5 Free";
     font-size: 33px;
@@ -108,9 +126,16 @@ div#toolbar {
     color: rgb(var(--accent-color));
     margin-right: 5px;
 }
+
 /* Stop Icon */
-    div#toolbar > div#toolbar-remove {background-image: none;}
+div#toolbar>div#toolbar-remove {
-    div#toolbar > div#toolbar-remove:hover:before {color: var(--accent-color-hover);}
+    background-image: none;
+}
+
+div#toolbar>div#toolbar-remove:hover:before {
+    color: var(--accent-color-hover);
+}
+
 div#toolbar>div#toolbar-remove:before {
     font-family: "Font Awesome 5 Free";
     font-size: 33px;
@@ -120,9 +145,16 @@ div#toolbar {
     color: rgb(var(--accent-color));
     margin-left: 5px;
 }
+
 /* Start Icon */
-    div#toolbar > div#toolbar-start {background-image: none;}
+div#toolbar>div#toolbar-start {
-    div#toolbar > div#toolbar-start:hover:before {color: var(--accent-color-hover);}
+    background-image: none;
+}
+
+div#toolbar>div#toolbar-start:hover:before {
+    color: var(--accent-color-hover);
+}
+
 div#toolbar>div#toolbar-start:before {
     font-family: "Font Awesome 5 Free";
     font-size: 33px;
@@ -132,9 +164,16 @@ div#toolbar {
     color: rgb(var(--accent-color));
     margin-left: 5px;
 }
+
 /* Pause Icon */
-    div#toolbar > div#toolbar-pause {background-image: none;}
+div#toolbar>div#toolbar-pause {
-    div#toolbar > div#toolbar-pause:hover:before {color: var(--accent-color-hover);}
+    background-image: none;
+}
+
+div#toolbar>div#toolbar-pause:hover:before {
+    color: var(--accent-color-hover);
+}
+
 div#toolbar>div#toolbar-pause:before {
     font-family: "Font Awesome 5 Free";
     font-size: 33px;
@@ -144,9 +183,16 @@ div#toolbar {
     color: rgb(var(--accent-color));
     margin-left: 5px;
 }
+
 /* Start-all Icon */
-    div#toolbar > div#toolbar-start-all {background-image: none;}
+div#toolbar>div#toolbar-start-all {
-    div#toolbar > div#toolbar-start-all:hover:before {color: var(--accent-color-hover);}
+    background-image: none;
+}
+
+div#toolbar>div#toolbar-start-all:hover:before {
+    color: var(--accent-color-hover);
+}
+
 div#toolbar>div#toolbar-start-all:before {
     font-family: "Font Awesome 5 Free";
     font-size: 33px;
@@ -156,9 +202,16 @@ div#toolbar {
     color: rgb(var(--accent-color));
     margin-left: 5px;
 }
+
 /* Pause-all Icon */
-    div#toolbar > div#toolbar-pause-all {background-image: none;}
+div#toolbar>div#toolbar-pause-all {
-    div#toolbar > div#toolbar-pause-all:hover:before {color: var(--accent-color-hover);}
+    background-image: none;
+}
+
+div#toolbar>div#toolbar-pause-all:hover:before {
+    color: var(--accent-color-hover);
+}
+
 div#toolbar>div#toolbar-pause-all:before {
     font-family: "Font Awesome 5 Free";
     font-size: 33px;
@@ -167,9 +220,16 @@ div#toolbar {
     display: inline-block;
     color: rgb(var(--accent-color));
 }
+
 /* Info Icon */
-    div#toolbar > div#toolbar-inspector {background-image: none;}
+div#toolbar>div#toolbar-inspector {
-    div#toolbar > div#toolbar-inspector:hover:before {color: var(--accent-color-hover);}
+    background-image: none;
+}
+
+div#toolbar>div#toolbar-inspector:hover:before {
+    color: var(--accent-color-hover);
+}
+
 div#toolbar>div#toolbar-inspector:before {
     font-family: "Font Awesome 5 Free";
     font-size: 33px;
@@ -178,42 +238,69 @@ div#toolbar {
     display: inline-block;
     color: rgb(var(--accent-color));
 }
+
 /* Statusbar */
-    #statusbar {border-bottom: 1px solid transparent;background-image:none; background-color:rgba(0, 0, 0, 0.25)}
+#statusbar {
+    border-bottom: 1px solid transparent;
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25)
+}
+
 #statusbar #filter input#torrent_search {
     outline: none;
     border: none;
     border-radius: 2px;
 }
+
 #statusbar #filter input#torrent_search.blur {
     color: #999;
     outline: none;
     border: none;
     border-radius: 2px;
 }
-    #statusbar #speed-info #speed-dn-icon {background: none;}
+
+#statusbar #speed-info #speed-dn-icon {
+    background: none;
+}
+
 #statusbar #speed-info #speed-dn-icon:before {
     font-family: "Font Awesome 5 Free";
     font-size: 10px;
     content: "\f0d7";
     font-weight: 900;
 }
-    #statusbar #speed-info #speed-up-icon {background: none;}
+
+#statusbar #speed-info #speed-up-icon {
+    background: none;
+}
+
 #statusbar #speed-info #speed-up-icon:before {
     font-family: "Font Awesome 5 Free";
     font-size: 10px;
     content: "\f0d8";
     font-weight: 900;
 }
-    ul.torrent_list,ul.torrent_list li.torrent.even {background: rgba(0, 0, 0, 0.25);}
+
-    ul.torrent_list li.torrent div.torrent_name {color: var(--text-hover);}
+ul.torrent_list,
-    ul.torrent_list li.torrent.selected {background-color: rgba(0, 0, 0, 0.25);}
+ul.torrent_list li.torrent.even {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+ul.torrent_list li.torrent div.torrent_name {
+    color: var(--text-hover);
+}
+
+ul.torrent_list li.torrent.selected {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
 ul.torrent_list li.torrent {
     border-bottom: 1px solid rgba(204, 204, 204, 0.1);
     padding: 4px 30px 5px 14px;
     color: var(--text);
     background-color: rgba(255, 255, 255, 0.08);
 }
+
 /* Modal */
 div.dialog_container div.dialog_window {
     background: var(--modal-bg-color);
@@ -227,17 +314,36 @@ div#toolbar {
     border: none !important;
     opacity: 1;
 }
-    div.dialog_container div.dialog_window h2.dialog_heading,div#upload_container div.dialog_window div.dialog_message label {color: #dedede}
+
-    input {color:var(--text-hover); background:rgba(0, 0, 0, .25)}
+div.dialog_container div.dialog_window h2.dialog_heading,
-    #add-dialog-folder-input,#torrent_upload_url {color:var(--text-hover);outline:none;}
+div#upload_container div.dialog_window div.dialog_message label {
-    div.dialog_container div.dialog_window div.dialog_message {color: #dedede;}
+    color: #dedede
+}
+
+input {
+    color: var(--text-hover);
+    background: rgba(0, 0, 0, .25)
+}
+
+#add-dialog-folder-input,
+#torrent_upload_url {
+    color: var(--text-hover);
+    outline: none;
+}
+
+div.dialog_container div.dialog_window div.dialog_message {
+    color: #dedede;
+}
+
 /* Button*/
 div.dialog_container div.dialog_window a {
     background-color: var(--button-color);
     border: 1px solid var(--button-color);
     color: var(--button-text);
 }
-    div.dialog_container div.dialog_window a:hover, div.dialog_container div.dialog_window a:active {
+
+div.dialog_container div.dialog_window a:hover,
+div.dialog_container div.dialog_window a:active {
     background: none;
     background-color: var(--button-color-hover);
     border: 1px solid var(--button-color-hover);
@@ -271,48 +377,89 @@ div#toolbar {
     -o-background-size: auto, cover;
     color: var(--text);
 }
-    .ui-widget-header {color: var(--text-hover) !important;}
+
+.ui-widget-header {
+    color: var(--text-hover) !important;
+}
+
 .ui-widget .ui-widget {
     box-shadow: none;
 }
+
 .ui-widget {
     -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
     -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
 }
-    #download-dir,#seedRatioLimit,#idle-seeding-limit,#speed-limit-up,#speed-limit-down,#alt-speed-up,#alt-speed-down,#peer-limit-per-torrent,#peer-limit-global,#blocklist-url,#blocklist-update-button,#peer-port {color: black; outline:none;}
+
+#download-dir,
+#seedRatioLimit,
+#idle-seeding-limit,
+#speed-limit-up,
+#speed-limit-down,
+#alt-speed-up,
+#alt-speed-down,
+#peer-limit-per-torrent,
+#peer-limit-global,
+#blocklist-url,
+#blocklist-update-button,
+#peer-port {
+    color: black;
+    outline: none;
+}
+
 .ui-widget-header {
     border: 1px solid transparent;
     background: none;
     color: #222;
     font-weight: bold;
 }
-    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
+
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active {
     border: 1px solid transparent;
     background: rgba(255, 255, 255, .1) !important;
     font-weight: normal;
     color: #dedede;
 }
-    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
+
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
     color: #dedede;
     text-decoration: none;
 }
-    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
+
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
     color: #dedede;
     text-decoration: none;
 }
-    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
+
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
     border: 1px solid transparent;
     background: rgba(0, 0, 0, 0.25);
     font-weight: normal;
     color: #dedede;
 }
+
 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
     padding-bottom: 0px;
 }
+
 /*Close Icon*/
-    ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close {background-image: none;}
+ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close {
-    ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close:hover:before {color: var(--text-hover);}
+    background-image: none;
+}
+
+ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close:hover:before {
+    color: var(--text-hover);
+}
+
 ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close:before {
     font-family: "Font Awesome 5 Free";
     font-size: 10px;
@@ -329,17 +476,30 @@ div#toolbar {
     -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
 }
+
 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>* {
     border-color: transparent;
     height: auto;
     background-color: rgba(0, 0, 0, 0.25);
 }
-    div#torrent_inspector div.inspector_torrent_file_list_entry_name, div#torrent_inspector ul.tier_list .tracker_activity,div#torrent_inspector ul.tier_list table,div#torrent_inspector div.tracker_host {
+
+div#torrent_inspector div.inspector_torrent_file_list_entry_name,
+div#torrent_inspector ul.tier_list .tracker_activity,
+div#torrent_inspector ul.tier_list table,
+div#torrent_inspector div.tracker_host {
     color: #dedede;
 }
+
 /*Info button*/
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info {background-image: none;background-color: rgba(0, 0, 0, 0.25);}
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info {
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:hover:before {color: var(--text-hover);}
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:hover:before {
+    color: var(--text-hover);
+}
+
 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
@@ -348,9 +508,20 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected {background-image: none;background-color: rgba(0, 0, 0, 0.25);}
+
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected:hover:before {color: var(--text-hover);}
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active,
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected:before {
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected {
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
     content: "\f05a";
@@ -360,8 +531,15 @@ div#toolbar {
 }
 
 /*Peers Button*/
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers {background-image: none;background-color: rgba(0, 0, 0, 0.25);}
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers {
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:hover:before {color: var(--text-hover);}
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:hover:before {
+    color: var(--text-hover);
+}
+
 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
@@ -370,9 +548,20 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected {background-image:none;               background-color: rgba(0, 0, 0, 0.25);}
+
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected:hover:before {color: var(--text-hover);}
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active,
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected:before {
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected {
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
     content: "\f0c0";
@@ -382,8 +571,15 @@ div#toolbar {
 }
 
 /*Tracker Button*/
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers {background-image: none;background-color: rgba(0, 0, 0, 0.25);}
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers {
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:hover:before {color: var(--text-hover);}
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:hover:before {
+    color: var(--text-hover);
+}
+
 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
@@ -392,9 +588,20 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected {background-image:none; background-color: rgba(0, 0, 0, 0.25);}
+
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected:hover:before {color: var(--text-hover);}
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active,
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected:before {
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected {
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
     content: "\f233";
@@ -404,8 +611,15 @@ div#toolbar {
 }
 
 /*Files Button*/
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files {background-image: none;background-color: rgba(0, 0, 0, 0.25);}
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files {
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:hover:before {color: var(--text-hover);}
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:hover:before {
+    color: var(--text-hover);
+}
+
 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
@@ -414,9 +628,20 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected {background-image:none; background-color: rgba(0, 0, 0, 0.25);}
+
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected:hover:before {color: var(--text-hover);}
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active,
-    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected:before {
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected {
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
     content: "\f0c5";
@@ -424,15 +649,27 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
+
 tr.inspector_peer_entry.odd {
     background-color: rgba(255, 255, 255, 0.1);
 }
+
 /* Priority buttons */
-    div.file-priority-radiobox > * {border-color: transparent; width: auto;}
+div.file-priority-radiobox>* {
+    border-color: transparent;
+    width: auto;
+}
 
 /*Low pri*/
-    div.file-priority-radiobox > div.low {background-color: transparent;background-image: none;}
+div.file-priority-radiobox>div.low {
-    div.file-priority-radiobox > div.low:hover:before {color: var(--text-hover);}
+    background-color: transparent;
+    background-image: none;
+}
+
+div.file-priority-radiobox>div.low:hover:before {
+    color: var(--text-hover);
+}
+
 div.file-priority-radiobox>div.low:before {
     font-family: "Font Awesome 5 Free";
     font-size: 30px;
@@ -441,9 +678,20 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
-    div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected {background-color: transparent;background-image: none;}
+
-    div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected:hover:before {color: var(--text-hover);}
+div.file-priority-radiobox>div.low:active,
-    div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selectedbefore {
+div.file-priority-radiobox>div.low.selected {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.file-priority-radiobox>div.low:active,
+div.file-priority-radiobox>div.low.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div.file-priority-radiobox>div.low:active,
+div.file-priority-radiobox>div.low.selectedbefore {
     font-family: "Font Awesome 5 Free";
     font-size: 30px;
     content: "\f107";
@@ -451,9 +699,17 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
+
 /*Normal pri*/
-    div.file-priority-radiobox > div.normal {background-color: transparent;background-image: none;}
+div.file-priority-radiobox>div.normal {
-    div.file-priority-radiobox > div.normal:hover:before {color: var(--text-hover);}
+    background-color: transparent;
+    background-image: none;
+}
+
+div.file-priority-radiobox>div.normal:hover:before {
+    color: var(--text-hover);
+}
+
 div.file-priority-radiobox>div.normal:before {
     font-family: "Font Awesome 5 Free";
     font-size: 30px;
@@ -462,9 +718,20 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
-    div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected {background-color: transparent;background-image: none;}
+
-    div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected:hover:before {color: var(--text-hover);}
+div.file-priority-radiobox>div.normal:active,
-    div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selectedbefore {
+div.file-priority-radiobox>div.normal.selected {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.file-priority-radiobox>div.normal:active,
+div.file-priority-radiobox>div.normal.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div.file-priority-radiobox>div.normal:active,
+div.file-priority-radiobox>div.normal.selectedbefore {
     font-family: "Font Awesome 5 Free";
     font-size: 30px;
     content: "\f068";
@@ -472,9 +739,17 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
+
 /*High pri*/
-    div.file-priority-radiobox > div.high {background-color: transparent;background-image: none;}
+div.file-priority-radiobox>div.high {
-    div.file-priority-radiobox > div.high:hover:before {color: var(--text-hover);}
+    background-color: transparent;
+    background-image: none;
+}
+
+div.file-priority-radiobox>div.high:hover:before {
+    color: var(--text-hover);
+}
+
 div.file-priority-radiobox>div.high:before {
     font-family: "Font Awesome 5 Free";
     font-size: 30px;
@@ -483,9 +758,20 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
-    div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected {background-color: transparent;background-image: none;}
+
-    div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected:hover:before {color: var(--text-hover);}
+div.file-priority-radiobox>div.high:active,
-    div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selectedbefore {
+div.file-priority-radiobox>div.high.selected {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.file-priority-radiobox>div.high:active,
+div.file-priority-radiobox>div.high.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div.file-priority-radiobox>div.high:active,
+div.file-priority-radiobox>div.high.selectedbefore {
     font-family: "Font Awesome 5 Free";
     font-size: 30px;
     content: "\f106";
@@ -493,9 +779,11 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
+
 div#torrent_inspector li.inspector_tracker_entry.odd {
     background-color: rgba(255, 255, 255, 0.1);
 }
+
 /*Bottom Toolbar*/
 div.torrent_footer {
     border-top: 1px solid transparent;
@@ -503,12 +791,21 @@ div#toolbar {
     background-image: none;
     height: 30px;
 }
+
 div.torrent_footer>div {
     border: 1px solid transparent;
 }
+
 /* Settings Icon */
-    div.torrent_footer #settings_menu {background-color: transparent; background-image: none;}
+div.torrent_footer #settings_menu {
-    div.torrent_footer #settings_menu:hover:before {color: var(--text-hover);}
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #settings_menu:hover:before {
+    color: var(--text-hover);
+}
+
 div.torrent_footer #settings_menu:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
@@ -517,9 +814,20 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
-    div.torrent_footer #settings_menu:active, div.torrent_footer #settings_menu.selected {background-color: transparent; background-image: none;}
+
-    div.torrent_footer #settings_menu:active, div.torrent_footer #settings_menu.selected:hover:before {color: var(--text-hover);}
+div.torrent_footer #settings_menu:active,
-    div.torrent_footer #settings_menu:active, div.torrent_footer #settings_menu.selected:before {
+div.torrent_footer #settings_menu.selected {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #settings_menu:active,
+div.torrent_footer #settings_menu.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div.torrent_footer #settings_menu:active,
+div.torrent_footer #settings_menu.selected:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
     content: "\f013";
@@ -527,9 +835,17 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
+
 /* Prefs Icon */
-    div.torrent_footer #prefs-button {background-color: transparent; background-image: none;}
+div.torrent_footer #prefs-button {
-    div.torrent_footer #prefs-button:hover:before {color: var(--text-hover);}
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #prefs-button:hover:before {
+    color: var(--text-hover);
+}
+
 div.torrent_footer #prefs-button:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
@@ -538,9 +854,20 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
-    div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected {background-color: transparent; background-image: none;}
+
-    div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected:hover:before {color: var(--text-hover);}
+div.torrent_footer #prefs-button:active,
-    div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected:before {
+div.torrent_footer #prefs-button.selected {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #prefs-button:active,
+div.torrent_footer #prefs-button.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div.torrent_footer #prefs-button:active,
+div.torrent_footer #prefs-button.selected:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
     content: "\f0ad";
@@ -548,9 +875,17 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
+
 /* Turtle Icon */
-    div.torrent_footer #turtle-button {background-color: transparent; background-image: none;}
+div.torrent_footer #turtle-button {
-    div.torrent_footer #turtle-button:hover:before {color: var(--text-hover);}
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #turtle-button:hover:before {
+    color: var(--text-hover);
+}
+
 div.torrent_footer #turtle-button:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
@@ -559,9 +894,20 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
-    div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected {background-color: transparent; background-image: none;}
+
-    div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected:hover:before {color: var(--text-hover);}
+div.torrent_footer #turtle-button:active,
-    div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected:before {
+div.torrent_footer #turtle-button.selected {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #turtle-button:active,
+div.torrent_footer #turtle-button.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div.torrent_footer #turtle-button:active,
+div.torrent_footer #turtle-button.selected:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
     content: "\f3fd";
@@ -569,9 +915,17 @@ div#toolbar {
     display: inline-block;
     color: white;
 }
+
 /* Compact Icon */
-    div.torrent_footer #compact-button {background-color: transparent; background-image: none;}
+div.torrent_footer #compact-button {
-    div.torrent_footer #compact-button:hover:before {color: var(--text-hover);}
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #compact-button:hover:before {
+    color: var(--text-hover);
+}
+
 div.torrent_footer #compact-button:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
@@ -580,9 +934,20 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
-    div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected {background-color: transparent; background-image: none;}
+
-    div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected:hover:before {color: var(--text-hover);}
+div.torrent_footer #compact-button:active,
-    div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected:before {
+div.torrent_footer #compact-button.selected {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #compact-button:active,
+div.torrent_footer #compact-button.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div.torrent_footer #compact-button:active,
+div.torrent_footer #compact-button.selected:before {
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
     content: "\f0ca";
@@ -590,19 +955,28 @@ div#toolbar {
     display: inline-block;
     color: var(--text);
 }
+
 /*Compact mode*/
-    ul.torrent_list li.torrent div.torrent_name.paused,ul.torrent_list li.torrent.compact div.torrent_name {
+ul.torrent_list li.torrent div.torrent_name.paused,
+ul.torrent_list li.torrent.compact div.torrent_name {
     color: #dedede;
 }
+
 /* Settings menu */
-    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus {
     border: 1px solid transparent;
     background: none;
     background-color: rgba(255, 255, 255, 0.1);
     color: var(--text-hover);
     outline: none;
 }
-    .ui-icon, .ui-widget-content .ui-icon {
+
+.ui-icon,
+.ui-widget-content .ui-icon {
     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/transmission/icons.png);
 }
-    

CSS/themes/unraid/unraid-base.css

@@ -13,6 +13,7 @@
 * {
     outline: none;
 }
+
 body {
     color: var(--text);
     background: var(--main-bg-color);
@@ -25,7 +26,13 @@ body {
     -o-background-size: auto, cover;
 }
 
-h1,h2,h3,h4,h5,h6,strong {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+strong {
     color: var(--text-hover);
 }
 
@@ -131,7 +138,9 @@ span.inner {
     width: 137px !important;
 }
 
-thead.sortable,thead,table.tablesorter thead tr th {
+thead.sortable,
+thead,
+table.tablesorter thead tr th {
     color: var(--text-hover);
 }
 
@@ -148,6 +157,7 @@ thead.sortable,thead,table.tablesorter thead tr th {
 #db-box3>tbody.smb.share.share1.sortable>tr>td>a {
     color: var(--link-color);
 }
+
 #db-box3>tbody.smb.share.share1.sortable>tr>td>a:hover {
     color: var(--link-color-hover);
 }
@@ -363,6 +373,7 @@ div.tab [type=radio]+label {
     background-color: rgb(0 0 0 / 10%) !important;
     border-color: rgb(0 0 0 / 25%) !important;
 }
+
 .ca_holderDocker::before {
     color: rgb(255 255 255 / 40%) !important;
 }
@@ -370,11 +381,13 @@ div.tab [type=radio]+label {
 .selectedMenu {
     color: rgb(var(--accent-color)) !important;
 }
+
 .hoverMenu {
     color: var(--link-color-hover) !important;
 }
 
-.ca_descriptionArea:hover,a.ca_repoPopup:hover {
+.ca_descriptionArea:hover,
+a.ca_repoPopup:hover {
     color: var(--button-text-hover) !important;
 }
 

CSS/themes/vuetorrent/vuetorrent-base.css

@@ -334,10 +334,12 @@ color: #ccc !important;
     background-color: rgb(156 163 175 / 70%) !important;
     border-color: rgb(156 163 175 / 70%) !important;
 }
+
 .v-application .torrent-seeding-color {
     background-color: rgba(78, 205, 230, .7) !important;
     border-color: rgba(78, 205, 230, .7) !important;
 }
+
 .v-application .torrent-done-color {
     background-color: rgba(22, 87, 62, .7) !important;
     border-color: rgba(22, 87, 62, .7) !important;

CSS/themes/xbackbone/xbackbone-base.css

@@ -82,9 +82,11 @@ body,
 .col-form-label {
     color: var(--text-hover);
 }
+
 .navbar-dark .navbar-nav .nav-link.active {
     color: rgb(var(--accent-color));
 }
+
 .card-header {
     color: rgb(var(--accent-color));
 }
@@ -116,10 +118,13 @@ a:hover {
 .bg-primary {
     background: rgba(0, 0, 0, .15) !important;
 }
+
 .navbar-dark .navbar-brand {
     color: rgb(var(--accent-color));
 }
-.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
+
+.navbar-dark .navbar-brand:focus,
+.navbar-dark .navbar-brand:hover {
     color: var(--accent-color-hover);
 }
 
@@ -191,16 +196,23 @@ a:hover {
 .btn-primary:hover,
 .btn-outline-dark:hover,
 .btn-outline-secondary:hover,
-.btn-check:focus+.btn-primary, .btn-primary:focus {
+.btn-check:focus+.btn-primary,
+.btn-primary:focus {
     color: var(--button-text-hover);
     background-color: var(--button-color-hover);
     border-color: var(--button-color-hover);
 }
-.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, 
+
-.btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus,
+.btn-check:active+.btn-primary:focus,
-.btn-check:focus+.btn-primary, .btn-primary:focus {
+.btn-check:checked+.btn-primary:focus,
+.btn-primary.active:focus,
+.btn-primary:active:focus,
+.show>.btn-primary.dropdown-toggle:focus,
+.btn-check:focus+.btn-primary,
+.btn-primary:focus {
     box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), .5);
 }
+
 .btn-outline-primary,
 .btn-outline-info {
     color: var(--button-color);