diff --git a/CSS/themes/jellyfin/jellyfin-base.css b/CSS/themes/jellyfin/jellyfin-base.css index 0fc85a14..68caba42 100644 --- a/CSS/themes/jellyfin/jellyfin-base.css +++ b/CSS/themes/jellyfin/jellyfin-base.css @@ -1,11 +1,15 @@ -:root { - --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - --modal-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - --button-color: #009688; - --button-color-hover: #12afa0; - --accent-color: hsla(0,0%,100%,.85); - --accent-color-hover: hsla(0,0%,100%,.95); - } + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ .skinHeader, html { diff --git a/CSS/themes/sonarr/aquamarine.css b/CSS/themes/sonarr/aquamarine.css index 93fa679c..230cb44c 100644 --- a/CSS/themes/sonarr/aquamarine.css +++ b/CSS/themes/sonarr/aquamarine.css @@ -1,4 +1,3 @@ - /* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ @@ -24,4 +23,9 @@ --calendar-tv-missing: #d9534f; --calendar-tv-On-Air: #f0ad4e; --calendar-tv-available: #5cb85c; + + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); + --accent-color: hsla(0,0%,100%,.85); + --accent-color-hover: hsla(0,0%,100%,.95); } \ No newline at end of file diff --git a/CSS/themes/sonarr/dark.css b/CSS/themes/sonarr/dark.css index b2300d4e..c1c5a12c 100644 --- a/CSS/themes/sonarr/dark.css +++ b/CSS/themes/sonarr/dark.css @@ -1,4 +1,3 @@ - /* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ @@ -16,6 +15,7 @@ :root { --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + --calendar-tv-Unaired-Premiere: #35c5f4; --calendar-tv-Downloading: #7932ea; --calendar-tv-Unmonitored: grey; @@ -23,4 +23,9 @@ --calendar-tv-missing: #d9534f; --calendar-tv-On-Air: #f0ad4e; --calendar-tv-available: #5cb85c; + + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); + --accent-color: hsla(0,0%,100%,.85); + --accent-color-hover: hsla(0,0%,100%,.95); } \ No newline at end of file diff --git a/CSS/themes/sonarr/hotline.css b/CSS/themes/sonarr/hotline.css index dad78540..3a0c948e 100644 --- a/CSS/themes/sonarr/hotline.css +++ b/CSS/themes/sonarr/hotline.css @@ -1,4 +1,3 @@ - /* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ @@ -24,4 +23,9 @@ --calendar-tv-missing: #d9534f; --calendar-tv-On-Air: #f0ad4e; --calendar-tv-available: #5cb85c; + + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); + --accent-color: hsla(0,0%,100%,.85); + --accent-color-hover: hsla(0,0%,100%,.95); } \ No newline at end of file diff --git a/CSS/themes/sonarr/plex.css b/CSS/themes/sonarr/plex.css index 824d8583..c7d0a426 100644 --- a/CSS/themes/sonarr/plex.css +++ b/CSS/themes/sonarr/plex.css @@ -1,4 +1,3 @@ - /* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ @@ -24,4 +23,9 @@ --calendar-tv-missing: #d9534f; --calendar-tv-On-Air: #f0ad4e; --calendar-tv-available: #5cb85c; + + --button-color: #cc7b19; + --button-color-hover: #e59029; + --accent-color: #e5a00d; + --accent-color-hover: #ffc107; } \ No newline at end of file diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css index a4fbd43e..ec9e3bcf 100644 --- a/CSS/themes/sonarr/sonarr-base.css +++ b/CSS/themes/sonarr/sonarr-base.css @@ -1,4 +1,3 @@ - /* dP dP dP */ /* 88 88 88 */ /* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ @@ -658,6 +657,31 @@ pre { text-decoration: underline; } +/* Buttons */ + +.Button\/default\/2uiHU { + color: #FFF; + background-color: var(--button-color); + border-color: transparent; +} +.Button\/default\/2uiHU:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: #fff; + } + +.Button\/primary\/1F1YL { + border-color: transparent; + background-color: var(--button-color); + color: #fff; + } + +.Button\/primary\/1F1YL:hover { + border-color: transparent; + background-color: var(--button-color-hover) !important; + color: #fff; +} + /* LOADING PAGE */ .ErrorPage\/page\/3GptQ, .ErrorPage\/version\/3txe6, .LoadingMessage\/loadingMessage\/1gR5r { color: #FFF; @@ -702,6 +726,10 @@ pre { background-color: hsla(0,0%,100%,.08); } + .CheckInput\/primaryIsChecked\/3mVN0 { + border-color: transparent; + background-color: var(--accent-color); + } /* HEADER */ .PageHeader\/header\/1IhlM { @@ -713,7 +741,7 @@ pre { border: none !important; background: var(--modal-bg-color); color: #fff !important; - box-shadow: 0 0 10px 1px #000000 !important; + box-shadow: 0 0 10px 1px transparent !important; } .SeriesSearchInput\/highlighted\/15xAK { background-color: hsla(0,0%,100%,.08); @@ -922,11 +950,7 @@ pre { border-color: #fff; box-shadow: none; } - .Button\/default\/2uiHU:hover { - border-color: transparent; - background-color: hsla(0,0%,100%,.3) !important; - color: #fff; - } + /* TEXT COLOR */ .PageContentBody\/innerContentBody\/tEszh { color: #fff; @@ -987,11 +1011,7 @@ pre { } /* CALENDAR */ - .Button\/default\/2uiHU { - color: #FFF; - background-color: rgba(0, 0, 0, .25); - border-color: transparent; - } + .DayOfWeek\/dayOfWeek\/1iw4D { background-color: hsla(0,0%,100%,.08); } diff --git a/CSS/themes/sonarr/space-gray.css b/CSS/themes/sonarr/space-gray.css index 0ae9a108..ff844c10 100644 --- a/CSS/themes/sonarr/space-gray.css +++ b/CSS/themes/sonarr/space-gray.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,7 @@ /* https://github.com/gilbN/theme.park */ /* SONARR SPACE GRAY THEME */ -@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); +@import url(https://gflix.app/theme.park/CSS/themes/sonarr/sonarr-base.css); :root { --main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; @@ -24,4 +23,9 @@ --calendar-tv-missing: #d9534f; --calendar-tv-On-Air: #f0ad4e; --calendar-tv-available: #5cb85c; + + --button-color: #607D8B; + --button-color-hover: #81a6b7; + --accent-color: #607D8B; + --accent-color-hover: #81a6b7; } \ No newline at end of file