diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css index 1a6fcb1d..6528ae3b 100644 --- a/css/base/lidarr/lidarr-base.css +++ b/css/base/lidarr/lidarr-base.css @@ -485,7 +485,7 @@ a:hover { background: #1f1f1f; color: #eee; } - +/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], [class*="Popover-title-"], @@ -499,7 +499,7 @@ a:hover { background: rgb(var(--accent-color),0.05); color: white; } -} +} */ [class*="Tooltip-top-"][class*="Tooltip-inverse-"] { border-top-color: var(--text); diff --git a/css/base/organizr/organizr-base.css b/css/base/organizr/organizr-base.css index ae72e321..2d7ae0c6 100644 --- a/css/base/organizr/organizr-base.css +++ b/css/base/organizr/organizr-base.css @@ -61,6 +61,17 @@ color: var(--text); } +#HEALTHCHECKS-settings-items [id*="Services"] .row.m-b-40 { + background: var(--modal-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; +} + .h1, .h2, .h3, @@ -121,7 +132,7 @@ h6 { color: var(--text-hover) !important; } -.badge { +.badge:not(.homepage-drag .badge) { background-color: rgb(var(--accent-color)); color: var(--label-text-color); } @@ -1470,7 +1481,7 @@ a:hover, border-radius: 3px; } -.bg-inverse { +.bg-inverse:not(.homepage-drag) { background: transparent !important; } @@ -1761,25 +1772,11 @@ background: rgb(0 0 0 / 0%) !important; } .navbar-default, .sidebar .sidebar-head { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; + background: rgb(0 0 0 / 0%); } .sidebar { - background: var(--main-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; + background: rgb(0 0 0 / 25%); box-shadow: 1px 0px 20px rgb(0 0 0 / 20%); } diff --git a/css/base/prowlarr/prowlarr-base.css b/css/base/prowlarr/prowlarr-base.css index 0ca542dc..204f3742 100644 --- a/css/base/prowlarr/prowlarr-base.css +++ b/css/base/prowlarr/prowlarr-base.css @@ -397,7 +397,7 @@ a:hover { color: #eee; } -@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { +/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], [class*="Popover-title-"], [class*="SeasonInfo-title-"], @@ -410,7 +410,7 @@ a:hover { background: rgb(var(--accent-color),0.05); color: white; } -} +} */ [class*="Tooltip-top-"][class*="Tooltip-inverse-"] { border-top-color: var(--text); diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css index 96d03a18..76c9275f 100644 --- a/css/base/radarr/radarr-base.css +++ b/css/base/radarr/radarr-base.css @@ -402,7 +402,7 @@ a:hover { color: #eee; } -@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { +/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], [class*="Popover-title-"], [class*="SeasonInfo-title-"], @@ -415,7 +415,7 @@ a:hover { background: rgb(var(--accent-color),0.05); color: white; } -} +} */ [class*="Tooltip-top-"][class*="Tooltip-inverse-"] { border-top-color: var(--text); diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css index ab9fc8a3..d2afeab4 100644 --- a/css/base/readarr/readarr-base.css +++ b/css/base/readarr/readarr-base.css @@ -481,7 +481,7 @@ a:hover { color: #eee; } -@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { +/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], [class*="Popover-title-"], [class*="SeasonInfo-title-"], @@ -494,7 +494,7 @@ a:hover { background: rgb(var(--accent-color),0.05); color: white; } -} +} */ [class*="Tooltip-top-"][class*="Tooltip-inverse-"] { border-top-color: var(--text); diff --git a/css/base/sabnzbd/sabnzbd-base.css b/css/base/sabnzbd/sabnzbd-base.css index 4bd450b7..ce782872 100644 --- a/css/base/sabnzbd/sabnzbd-base.css +++ b/css/base/sabnzbd/sabnzbd-base.css @@ -236,11 +236,6 @@ hr { color: var(--text-hover); } - -.caret { - border-top-color: white !important; -} - svg.peity polygon { fill: var(--button-color) !important; } @@ -473,7 +468,8 @@ input[type="submit"]:focus { /* History */ -.queue-table .row-extra-text, .history-table .row-extra-text { +.queue-table .row-extra-text, +.history-table .row-extra-text { color: var(--text-muted); } @@ -481,6 +477,10 @@ input[type="submit"]:focus { border-top-color: var(--button-text) !important; } +td.delete .dropdown>a .caret { + border-top-color: var(--button-color) !important; +} + .table-striped>tbody>tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.25); } @@ -540,27 +540,28 @@ tr td.row-extra-text, color: var(--button-text); } -.progress strong, .progress i { +.progress strong, +.progress i { color: #fff; } .progress { - background-color: transparent !important; + background-color: rgb(var(--accent-color), .7) !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .progress-bar strong { - color: hsla(0, 0%, 100%, .7) !important; + color: var(--label-text-color) !important; } .progress-bar+span { - color: hsla(0, 0%, 100%, .7) !important; + color: var(--label-text-color) !important; } .progress-bar-info, .progress-bar { - background-color: var(--button-color) !important; + background-color: rgb(var(--accent-color)) !important; } .glyphicon-compressed:before { diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css index 7d7ee3a2..e87d9898 100644 --- a/css/base/sonarr/sonarr-base.css +++ b/css/base/sonarr/sonarr-base.css @@ -404,7 +404,7 @@ a:hover { color: #eee; } -@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { +/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], [class*="Popover-title-"], [class*="Popover-body-"], @@ -419,7 +419,7 @@ a:hover { [class*="SeasonInfo-title-"] { background: transparent; } -} +} */ [class*="Tooltip-top-"][class*="Tooltip-inverse-"] { border-top-color: var(--text); diff --git a/css/community-theme-options/pine-shadow.css b/css/community-theme-options/pine-shadow.css new file mode 100644 index 00000000..03646907 --- /dev/null +++ b/css/community-theme-options/pine-shadow.css @@ -0,0 +1,30 @@ +:root { + --main-bg-color: linear-gradient(135deg, #252b2f, #090c0e) center center/cover no-repeat fixed; + + --modal-bg-color: var(--main-bg-color); + --modal-header-color: var(--main-bg-color); + --modal-footer-color: var(--main-bg-color); + + --drop-down-menu-bg: var(--main-bg-color); + + --button-color: #cc7b19; + --button-color-hover: #e59029; + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: 229, 160, 13; + --accent-color-hover: #ffc107; + --link-color: #fff; + --link-color-hover: #fff; + --label-text-color: #fff; + + --text:#bbb; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #27c24c; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: rgb(229, 160, 13); + --petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 255, 193, 7; + } \ No newline at end of file