committed by
GitHub
11 changed files with 96 additions and 30 deletions
@ -0,0 +1,54 @@ |
|||
@import url("/css/defaults/servarr-darker-base.css"); |
|||
:root { |
|||
--main-bg-color: #202020; |
|||
|
|||
--modal-bg-color: #2a2a2a; |
|||
--modal-header-color: #2a2a2a; |
|||
--modal-footer-color: #2a2a2a; |
|||
|
|||
--drop-down-menu-bg: #333; |
|||
|
|||
--button-color: #5899eb; |
|||
--button-color-hover: #4b91ea; |
|||
--button-text: #eee; |
|||
--button-text-hover: #fff; |
|||
|
|||
--accent-color: 255, 105, 180; |
|||
--accent-color-hover: rgba(255, 105, 180, 0.8); |
|||
--link-color: #ff69b4; |
|||
--link-color-hover: rgb(255, 105, 180, .8); |
|||
--label-text-color: #333; |
|||
|
|||
--text: #ccc; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #5d9cec; |
|||
--side-menu-active: #333333; |
|||
--scroller-hover: #606060; |
|||
--scroller: #707070; |
|||
--border-color: #606060; |
|||
--label-color: #ff69b4; |
|||
--label-info: #5d9cec; |
|||
--header-color: #2a2a2a; |
|||
--toolbar-background: #262626; |
|||
--side-menu-color: #2a2a2a; |
|||
--side-menu-link-color: #ff69b4; |
|||
} |
|||
|
|||
/* SEARCH DROP DOWN */ |
|||
|
|||
[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { |
|||
border: 1px solid var(--drop-down-menu-bg); |
|||
background-color: var(--drop-down-menu-bg); |
|||
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); |
|||
color: #e1e2e3; |
|||
} |
|||
|
|||
/* SERIES PAGE */ |
|||
|
|||
[class*="MovieIndexPoster-controls-"] { |
|||
background-color: var(--label-color) !important; |
|||
color: var(--label-text-color) !important; |
|||
} |
@ -1,30 +1,31 @@ |
|||
:root { |
|||
--main-bg-color: radial-gradient( circle farthest-corner at 48.4% 47.5%, rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: radial-gradient( circle farthest-corner at 48.4% 47.5%, rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed; |
|||
--modal-header-color: radial-gradient( circle farthest-corner at 48.4% 47.5%, rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed; |
|||
--modal-footer-color: radial-gradient( circle farthest-corner at 48.4% 47.5%, rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed; |
|||
--main-bg-color: radial-gradient( circle farthest-corner at 48.4% 47.5%, rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed; |
|||
|
|||
--drop-down-menu-bg: #204c80; |
|||
|
|||
--button-color: #7b154d; |
|||
--button-color-hover: rgb(150, 26, 94); |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color: 208, 103, 160; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--queue-color: #6b5; |
|||
--link-color: rgb(162, 28, 101); |
|||
--link-color-hover: rgb(150, 26, 94); |
|||
|
|||
--text:#dadada; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
--modal-bg-color: linear-gradient(-90deg, rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed; |
|||
--modal-header-color: linear-gradient(-90deg, rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed; |
|||
--modal-footer-color: linear-gradient(-90deg, rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed; |
|||
|
|||
--arr-queue-color: rgb(0, 255, 157); |
|||
--plex-poster-unwatched: rgb(123, 21, 77); |
|||
--petio-spinner: invert(13%) sepia(77%) saturate(2418%) hue-rotate(306deg) brightness(94%) contrast(98%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 150, 26, 94; |
|||
--overseerr-gradient: linear-gradient(0deg, rgba(76,21,51,.9) 0%, rgb(34,10,37,.9) 100%) center center/cover no-repeat fixed; |
|||
--drop-down-menu-bg: #220a25; |
|||
|
|||
--button-color: #7b154d; |
|||
--button-color-hover: rgb(150, 26, 94); |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color: 162, 28, 101; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: rgb(162, 28, 101); |
|||
--link-color-hover: rgb(194, 36, 122); |
|||
--label-text-color: #fff; |
|||
|
|||
--text:#dadada; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: rgb(123, 21, 77); |
|||
--petio-spinner: invert(13%) sepia(77%) saturate(2418%) hue-rotate(306deg) brightness(94%) contrast(98%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 150, 26, 94; |
|||
--overseerr-gradient: linear-gradient(0deg, rgba(76,21,51,.9) 0%, rgb(34,10,37,.9) 100%) center center/cover no-repeat fixed; |
|||
} |
After Width: | Height: | Size: 51 KiB |
After Width: | Height: | Size: 2.3 MiB |
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 26 KiB |
Before Width: | Height: | Size: 2.9 MiB After Width: | Height: | Size: 1.1 MiB |
Loading…
Reference in new issue