Browse Source

formatting

pull/241/head
Marius 4 years ago
parent
commit
a3377c35a8
  1. 41
      CSS/themes/adguard/adguard-base.css
  2. 27
      CSS/themes/bazarr/bazarr-base.css
  3. 34
      CSS/themes/bitwarden/bitwarden-base.css
  4. 4
      CSS/themes/calibreweb/calibreweb-base.css
  5. 357
      CSS/themes/deluge/deluge-base.css
  6. 8
      CSS/themes/dozzle/dozzle-base.css
  7. 3
      CSS/themes/duplicacy/duplicacy-base.css
  8. 76
      CSS/themes/emby/emby-base.css
  9. 26
      CSS/themes/flood/flood-base.css
  10. 8
      CSS/themes/gitea/gitea-base.css
  11. 354
      CSS/themes/grafana/grafana-base.css
  12. 195
      CSS/themes/guacamole/guacamole-base.css
  13. 76
      CSS/themes/jellyfin/jellyfin-base.css
  14. 35
      CSS/themes/librespeed/librespeed-base.css
  15. 7
      CSS/themes/lidarr/lidarr-base.css
  16. 155
      CSS/themes/logarr/logarr-base.css
  17. 113
      CSS/themes/monitorr/monitorr-base.css
  18. 61
      CSS/themes/monitorr/organizr-dashboard.css
  19. 6
      CSS/themes/moviematch/moviematch-base.css
  20. 141
      CSS/themes/nzbget/nzbget-base.css
  21. 154
      CSS/themes/nzbhydra2/nzbhydra-base.css
  22. 31
      CSS/themes/ombi/ombi-base.css
  23. 298
      CSS/themes/ombi/ombiv3-base.css
  24. 445
      CSS/themes/organizr/organizr-base-old.css
  25. 18
      CSS/themes/organizr/organizr-base.css
  26. 9
      CSS/themes/petio/petio-base.css
  27. 192
      CSS/themes/pihole/pihole-base.css
  28. 3
      CSS/themes/plex/plex-base.css
  29. 116
      CSS/themes/plpp/plpp-base.css
  30. 7
      CSS/themes/prowlarr/prowlarr-base.css
  31. 9
      CSS/themes/qbittorrent/qbittorrent-base.css
  32. 8
      CSS/themes/radarr/radarr-base.css
  33. 6
      CSS/themes/readarr/readarr-base.css
  34. 137
      CSS/themes/requestrr/requestrr-base.css
  35. 1185
      CSS/themes/rutorrent/rutorrent-base.css
  36. 8
      CSS/themes/sonarr/sonarr-base.css
  37. 65
      CSS/themes/synclounge/synclounge-base.css
  38. 394
      CSS/themes/tautulli/tautulli-base.css
  39. 74
      CSS/themes/thelounge/thelounge-base.css
  40. 566
      CSS/themes/transmission/transmission-base.css
  41. 19
      CSS/themes/unraid/unraid-base.css
  42. 2
      CSS/themes/vuetorrent/vuetorrent-base.css
  43. 22
      CSS/themes/xbackbone/xbackbone-base.css

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

27
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,
.custom-control-label,label,.modal-header {
h1,
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

34
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
.card-header:first-child,
.card-header, .modal-header {
h1,
h2,
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;
}

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

357
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-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-over .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-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-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-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-west, .x-resizable-pinned .x-resizable-handle-west
{
.x-resizable-over .x-resizable-handle-east,
.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-north, .x-resizable-pinned .x-resizable-handle-north
{
.x-resizable-over .x-resizable-handle-south,
.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-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-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-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-tab-panel-header, .x-tab-panel-footer,
.x-window,
.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);
}

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

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

76
CSS/themes/emby/emby-base.css

@ -1,7 +1,12 @@
/*TP CUSTOM */
h1,h2, h3, h4, h5, h6,
.inputLabel, label {
h1,
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;
}

26
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
.dark .torrents__alert,
.inverse .h1,
.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
.torrent-details__table__heading--secondary,
.dark .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;
}

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

354
CSS/themes/grafana/grafana-base.css

File diff suppressed because it is too large

195
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;
}

76
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;
}

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

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

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

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

61
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;
}

6
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
.ButtonSecondary:hover,
.ButtonPrimary:active .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;

141
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;
}

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

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

298
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,
.dark .mat-fab.mat-accent, .dark .mat-flat-button.mat-accent, .dark .mat-mini-fab.mat-accent, .dark .mat-raised-button.mat-accent {
.mat-fab.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,
.mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary {
.dark .mat-fab.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);
}

445
CSS/themes/organizr/organizr-base-old.css

File diff suppressed because it is too large

18
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.warning-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 {
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;

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

192
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,
.main-header .navbar,.main-header .logo {
.skin-blue .main-header .navbar,
.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,
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
.skin-blue .sidebar-menu>li:hover>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;

3
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-"] {

116
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_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 {
.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_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;
}

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

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

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

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

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

1185
CSS/themes/rutorrent/rutorrent-base.css

File diff suppressed because it is too large

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

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

394
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,
.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,
.help-block,
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,
.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,
#newsletter-config-modal span.newsletter_id, #plexpy-mobile-devices-table .friendly_name, #mobile-device-config-modal span.notifier_id {
#plexpy-notifiers-table .friendly_name,
#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);
}

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

566
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:hover:before {color: var(--accent-color-hover);}
div#toolbar>div#toolbar-open {
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:hover:before {color: var(--accent-color-hover);}
div#toolbar>div#toolbar-remove {
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:hover:before {color: var(--accent-color-hover);}
div#toolbar>div#toolbar-start {
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:hover:before {color: var(--accent-color-hover);}
div#toolbar>div#toolbar-pause {
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:hover:before {color: var(--accent-color-hover);}
div#toolbar>div#toolbar-start-all {
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:hover:before {color: var(--accent-color-hover);}
div#toolbar>div#toolbar-pause-all {
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:hover:before {color: var(--accent-color-hover);}
div#toolbar>div#toolbar-inspector {
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 li.torrent.selected {background-color: rgba(0, 0, 0, 0.25);}
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 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)}
#add-dialog-folder-input,#torrent_upload_url {color:var(--text-hover);outline:none;}
div.dialog_container div.dialog_window div.dialog_message {color: #dedede;}
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)
}
#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:hover:before {color: var(--text-hover);}
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: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:hover:before {color: var(--text-hover);}
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: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.selected:before {
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.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:hover:before {color: var(--text-hover);}
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: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.selected:before {
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.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:hover:before {color: var(--text-hover);}
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: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.selected:before {
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.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:hover:before {color: var(--text-hover);}
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: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.selected:before {
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.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:hover:before {color: var(--text-hover);}
div.file-priority-radiobox>div.low {
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.selectedbefore {
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.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:hover:before {color: var(--text-hover);}
div.file-priority-radiobox>div.normal {
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.selectedbefore {
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.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:hover:before {color: var(--text-hover);}
div.file-priority-radiobox>div.high {
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.selectedbefore {
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.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:hover:before {color: var(--text-hover);}
div.torrent_footer #settings_menu {
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.selected:before {
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.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:hover:before {color: var(--text-hover);}
div.torrent_footer #prefs-button {
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.selected:before {
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.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:hover:before {color: var(--text-hover);}
div.torrent_footer #turtle-button {
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.selected:before {
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.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:hover:before {color: var(--text-hover);}
div.torrent_footer #compact-button {
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.selected:before {
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.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);
}

19
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;
}

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

22
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:focus+.btn-primary, .btn-primary:focus {
.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: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);

Loading…
Cancel
Save