From 5ce41606d81eb47621b33fb8bc9b68d420477c9a Mon Sep 17 00:00:00 2001 From: gilbn Date: Tue, 3 Aug 2021 21:23:23 +0200 Subject: [PATCH] cleaned up special vars --- CSS/themes/bazarr/bazarr-base.css | 2 +- CSS/themes/gitea/gitea-base.css | 12 ++++++------ CSS/themes/lidarr/lidarr-base.css | 4 ++-- CSS/themes/petio/petio-base.css | 2 +- CSS/themes/plex/overseer.css | 12 ++++++------ CSS/themes/plex/plex-base.css | 2 +- CSS/themes/prowlarr/prowlarr-base.css | 4 ++-- CSS/themes/radarr/radarr-base.css | 4 ++-- CSS/themes/readarr/readarr-base.css | 4 ++-- CSS/themes/sonarr/mind.css | 2 +- CSS/themes/sonarr/noname.css | 2 +- CSS/themes/sonarr/power.css | 2 +- CSS/themes/sonarr/reality.css | 2 +- CSS/themes/sonarr/sonarr-base.css | 4 ++-- CSS/themes/sonarr/soul.css | 2 +- CSS/themes/sonarr/space.css | 2 +- CSS/themes/sonarr/time.css | 2 +- CSS/variables/aquamarine.css | 14 ++++---------- CSS/variables/dark.css | 14 ++++---------- CSS/variables/dracula.css | 14 ++++---------- CSS/variables/hotline.css | 14 ++++---------- CSS/variables/organizr-dark.css | 14 ++++---------- CSS/variables/overseer.css | 26 ++++++++++++++++---------- CSS/variables/plex.css | 12 +++--------- CSS/variables/space-gray.css | 14 ++++---------- 25 files changed, 75 insertions(+), 111 deletions(-) diff --git a/CSS/themes/bazarr/bazarr-base.css b/CSS/themes/bazarr/bazarr-base.css index 6e3e188e..a3748dae 100644 --- a/CSS/themes/bazarr/bazarr-base.css +++ b/CSS/themes/bazarr/bazarr-base.css @@ -271,7 +271,7 @@ label, .sidebar-container .badge-secondary { color: var(--label-text-color); - background-color: var(--queue-color); + background-color: var(--arr-queue-color); } /* TOP NAV BAR */ diff --git a/CSS/themes/gitea/gitea-base.css b/CSS/themes/gitea/gitea-base.css index 3e849593..b9a46369 100644 --- a/CSS/themes/gitea/gitea-base.css +++ b/CSS/themes/gitea/gitea-base.css @@ -11,12 +11,12 @@ /* https://github.com/gilbN/theme.park */ :root { - --color-secondary-alpha-70: var(--gitea-color-secondary-alpha-70); - --color-primary-light-4: var(--gitea-color-primary-light-4); - --color-primary-light-2: var(--gitea-color-primary-light-2); - --color-primary: var(--gitea-color-primary); - --color-primary-dark-2: var(--gitea-color-primary-dark-2); - --color-primary-dark-4: var(--gitea-color-primary-dark-4); + --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --color-primary-light-4: rgb(var(--gitea-color-primary-dark-4),.2); + --color-primary-light-2: rgb(var(--gitea-color-primary-dark-4),.4); + --color-primary: rgb(var(--gitea-color-primary-dark-4),.6); + --color-primary-dark-2: rgb(var(--gitea-color-primary-dark-4),.8); + --color-primary-dark-4: rgb(var(--gitea-color-primary-dark-4)); } body { diff --git a/CSS/themes/lidarr/lidarr-base.css b/CSS/themes/lidarr/lidarr-base.css index 204cf4c1..d598ad85 100644 --- a/CSS/themes/lidarr/lidarr-base.css +++ b/CSS/themes/lidarr/lidarr-base.css @@ -497,8 +497,8 @@ a:hover { } [class*="PageSidebarItem-status-"][class*="Label-info-"] { - border-color: var(--queue-color); - background-color: var(--queue-color); + border-color: var(--arr-queue-color); + background-color: var(--arr-queue-color); color: var(--label-text-color); } diff --git a/CSS/themes/petio/petio-base.css b/CSS/themes/petio/petio-base.css index 7a873059..8a9024c2 100644 --- a/CSS/themes/petio/petio-base.css +++ b/CSS/themes/petio/petio-base.css @@ -226,7 +226,7 @@ p a:hover, } .spinner svg { - filter: var(--spinner); + filter: var(--petio-spinner); } .request-status { diff --git a/CSS/themes/plex/overseer.css b/CSS/themes/plex/overseer.css index dc2f5904..ed69a1da 100644 --- a/CSS/themes/plex/overseer.css +++ b/CSS/themes/plex/overseer.css @@ -16,8 +16,7 @@ /* APP VARS*/ :root { - --poster-unwatched: #6366f1; - --sidebar-color: #1f2937; + --sidebar-color: #1f2937; } /* EXTRA CSS */ @@ -52,15 +51,15 @@ } [class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarLink-isSelected-"] { - background: var(--main-bg-color) !important; + background: var(--main-bg-color) !important; } [class*="SourceSidebarContent-expandedSidebarContent-"], -[class*="AllSourcesSidebarContent-container-"]{ +[class*="AllSourcesSidebarContent-container-"] { padding: 10px; } -[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="AllSourcesSidebarContent-container-"]{ +[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="AllSourcesSidebarContent-container-"] { padding: 0px; } @@ -72,10 +71,11 @@ border-radius: 0px !important; } -[class*="SourceSidebarContent-expandedSidebarContent-"] [class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]{ +[class*="SourceSidebarContent-expandedSidebarContent-"] [class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"] { box-shadow: none !important; border-radius: 5px; } + [class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarItem-button-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarItem-isSelected-"][class*="SourceSidebarLink-isSelected-"] { box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important; border-radius: 0px; diff --git a/CSS/themes/plex/plex-base.css b/CSS/themes/plex/plex-base.css index 031813d8..fd391c35 100644 --- a/CSS/themes/plex/plex-base.css +++ b/CSS/themes/plex/plex-base.css @@ -263,7 +263,7 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] { [class*="MetadataPosterCard-legacyUnwatchedTag-"], [class*="MetadataPosterCard-legacyUnwatchedEpisodesBadge-"], [class*="MetadataPosterCardOverlay-versionBadge-"] { - background-color: var(--poster-unwatched); + background-color: var(--plex-poster-unwatched); } [class*="MetadataPosterCardFace-"]:hover, diff --git a/CSS/themes/prowlarr/prowlarr-base.css b/CSS/themes/prowlarr/prowlarr-base.css index 75bcb5c4..5a5c2cf2 100644 --- a/CSS/themes/prowlarr/prowlarr-base.css +++ b/CSS/themes/prowlarr/prowlarr-base.css @@ -427,8 +427,8 @@ a:hover { } [class*="PageSidebarItem-status-"][class*="Label-info-"] { - border-color: var(--queue-color); - background-color: var(--queue-color); + border-color: var(--arr-queue-color); + background-color: var(--arr-queue-color); color: var(--label-text-color); } diff --git a/CSS/themes/radarr/radarr-base.css b/CSS/themes/radarr/radarr-base.css index 82696099..421283be 100644 --- a/CSS/themes/radarr/radarr-base.css +++ b/CSS/themes/radarr/radarr-base.css @@ -441,8 +441,8 @@ a:hover { } [class*="PageSidebarItem-status-"][class*="Label-info-"] { - border-color: var(--queue-color); - background-color: var(--queue-color); + border-color: var(--arr-queue-color); + background-color: var(--arr-queue-color); color: var(--label-text-color); } diff --git a/CSS/themes/readarr/readarr-base.css b/CSS/themes/readarr/readarr-base.css index 5ee2bf06..ac402087 100644 --- a/CSS/themes/readarr/readarr-base.css +++ b/CSS/themes/readarr/readarr-base.css @@ -501,8 +501,8 @@ a:hover { } [class*="PageSidebarItem-status-"][class*="Label-info-"] { - border-color: var(--queue-color); - background-color: var(--queue-color); + border-color: var(--arr-queue-color); + background-color: var(--arr-queue-color); color: #fff; } diff --git a/CSS/themes/sonarr/mind.css b/CSS/themes/sonarr/mind.css index bcd0db76..32e60bf1 100644 --- a/CSS/themes/sonarr/mind.css +++ b/CSS/themes/sonarr/mind.css @@ -31,5 +31,5 @@ --button-color-hover: #fff200cc; --accent-color: #fff200cc; --accent-color-hover: #fff200cc; - --queue-color: #204c80cc; + --arr-queue-color: #204c80cc; } \ No newline at end of file diff --git a/CSS/themes/sonarr/noname.css b/CSS/themes/sonarr/noname.css index 600a0513..48e4cec3 100644 --- a/CSS/themes/sonarr/noname.css +++ b/CSS/themes/sonarr/noname.css @@ -31,7 +31,7 @@ --accent-color: rgba(251, 63, 98, .8); --accent-color-hover: rgba(251, 63, 98, .8); - --queue-color: rgba(63, 251, 157, .8); + --arr-queue-color: rgba(63, 251, 157, .8); --link-color: #ff6581; --link-color-hover: #fff; diff --git a/CSS/themes/sonarr/power.css b/CSS/themes/sonarr/power.css index 7760a7f7..a4f326ae 100644 --- a/CSS/themes/sonarr/power.css +++ b/CSS/themes/sonarr/power.css @@ -30,5 +30,5 @@ --button-color-hover: #85096bcc; --accent-color: #85096bcc; --accent-color-hover: #85096bcc; - --queue-color: #204c80cc; + --arr-queue-color: #204c80cc; } \ No newline at end of file diff --git a/CSS/themes/sonarr/reality.css b/CSS/themes/sonarr/reality.css index 99f59591..b9f09ebd 100644 --- a/CSS/themes/sonarr/reality.css +++ b/CSS/themes/sonarr/reality.css @@ -30,7 +30,7 @@ --button-color-hover: #e80c0bcc; --accent-color: #e80c0bcc; --accent-color-hover: #e80c0bcc; - --queue-color: #204c80cc; + --arr-queue-color: #204c80cc; } \ No newline at end of file diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css index 4361ccc7..6a1249f5 100644 --- a/CSS/themes/sonarr/sonarr-base.css +++ b/CSS/themes/sonarr/sonarr-base.css @@ -469,8 +469,8 @@ a:hover { } [class*="PageSidebarItem-status-"] [class*="Label-info-"] { - border-color: var(--queue-color); - background-color: var(--queue-color); + border-color: var(--arr-queue-color); + background-color: var(--arr-queue-color); color: var(--label-text-color); } diff --git a/CSS/themes/sonarr/soul.css b/CSS/themes/sonarr/soul.css index 26f5905e..2db832ce 100644 --- a/CSS/themes/sonarr/soul.css +++ b/CSS/themes/sonarr/soul.css @@ -31,5 +31,5 @@ --button-color-hover: #f90c; --accent-color: #f90c; --accent-color-hover: #f90c; - --queue-color: #204c80cc; + --arr-queue-color: #204c80cc; } \ No newline at end of file diff --git a/CSS/themes/sonarr/space.css b/CSS/themes/sonarr/space.css index d58a3753..83a77853 100644 --- a/CSS/themes/sonarr/space.css +++ b/CSS/themes/sonarr/space.css @@ -31,5 +31,5 @@ --button-color-hover: #0062ffcc; --accent-color: #0062ffcc; --accent-color-hover: #0062ffcc; - --queue-color: #0062ffcc; + --arr-queue-color: #0062ffcc; } \ No newline at end of file diff --git a/CSS/themes/sonarr/time.css b/CSS/themes/sonarr/time.css index 37b87bda..960647ba 100644 --- a/CSS/themes/sonarr/time.css +++ b/CSS/themes/sonarr/time.css @@ -31,5 +31,5 @@ --button-color-hover: rgba(4, 168, 0, .8); --accent-color: #6df751cc; --accent-color-hover: #6df751cc; - --queue-color: #6df751cc; + --arr-queue-color: #6df751cc; } \ No newline at end of file diff --git a/CSS/variables/aquamarine.css b/CSS/variables/aquamarine.css index 6dd7d8f2..7b96e580 100644 --- a/CSS/variables/aquamarine.css +++ b/CSS/variables/aquamarine.css @@ -23,14 +23,8 @@ --text-muted: #999; /*Specials*/ - --queue-color: #009688; /* Servarr apps + Bazarr*/ - --poster-unwatched: rgb(21, 213, 194); /* Plex */ - --spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ - - --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35); - --gitea-color-primary-light-4: #002D24; - --gitea-color-primary-light-2: #004B40; - --gitea-color-primary: #006B5F; - --gitea-color-primary-dark-2: #008C7E; - --gitea-color-primary-dark-4: #12AFA0; + --arr-queue-color: #009688; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: rgb(21, 213, 194); + --petio-spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 18, 175, 160; } diff --git a/CSS/variables/dark.css b/CSS/variables/dark.css index 7a5c620a..d29f426a 100644 --- a/CSS/variables/dark.css +++ b/CSS/variables/dark.css @@ -23,14 +23,8 @@ --text-muted: #999; /*Specials*/ - --queue-color: #6b5; /* Servarr apps + Bazarr*/ - --poster-unwatched: #e5a00d; /* Plex */ - --spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ - - --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35); - --gitea-color-primary-light-4: #303030; - --gitea-color-primary-light-2: #5E5E5E; - --gitea-color-primary: #919191; - --gitea-color-primary-dark-2: #C6C6C6; - --gitea-color-primary-dark-4: #FFFFFF; + --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: #e5a00d; + --petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 255, 255, 255; } \ No newline at end of file diff --git a/CSS/variables/dracula.css b/CSS/variables/dracula.css index 537aacc2..f7fbf04f 100644 --- a/CSS/variables/dracula.css +++ b/CSS/variables/dracula.css @@ -23,14 +23,8 @@ --text-muted: #999; /*Specials*/ - --queue-color: #50fa7b; /* Servarr apps + Bazarr*/ - --poster-unwatched: #bd93f9;/* Plex */ - --spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ - - --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35); - --gitea-color-primary-light-4: #003B00; - --gitea-color-primary-light-2: #006700; - --gitea-color-primary: #00961D; - --gitea-color-primary-dark-2: #00C74D; - --gitea-color-primary-dark-4: #50FA7B; + --arr-queue-color: #50fa7b; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: #bd93f9; + --petio-spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 80, 250, 123; } \ No newline at end of file diff --git a/CSS/variables/hotline.css b/CSS/variables/hotline.css index 47e91193..c1addd51 100644 --- a/CSS/variables/hotline.css +++ b/CSS/variables/hotline.css @@ -23,14 +23,8 @@ --text-muted: #999; /*Specials*/ - --queue-color: #6b5; /* Servarr apps + Bazarr*/ - --poster-unwatched: #FB3122; /* Plex */ - --spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ - - --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35); - --gitea-color-primary-light-4: #690000; - --gitea-color-primary-light-2: #890000; - --gitea-color-primary: #AC0002; - --gitea-color-primary-dark-2: #D0191D; - --gitea-color-primary-dark-4: #F44336; + --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: #FB3122; + --petio-spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 244, 67, 54; } \ No newline at end of file diff --git a/CSS/variables/organizr-dark.css b/CSS/variables/organizr-dark.css index 17333792..909aa4ea 100644 --- a/CSS/variables/organizr-dark.css +++ b/CSS/variables/organizr-dark.css @@ -23,14 +23,8 @@ --text-muted: #999; /*Specials*/ - --queue-color: #2cabe3; /* Servarr apps + Bazarr*/ - --poster-unwatched: #2cabe3;/* Plex */ - --spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ - - --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35); - --gitea-color-primary-light-4: #002A57; - --gitea-color-primary-light-2: #004878; - --gitea-color-primary: #00679A; - --gitea-color-primary-dark-2: #0088BE; - --gitea-color-primary-dark-4: #2CABE3; + --arr-queue-color: #2cabe3; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: #2cabe3; + --petio-spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 44, 171, 227; } \ No newline at end of file diff --git a/CSS/variables/overseer.css b/CSS/variables/overseer.css index 6c4725c5..00cc2c1e 100644 --- a/CSS/variables/overseer.css +++ b/CSS/variables/overseer.css @@ -1,24 +1,30 @@ :root { - --main-bg-color: linear-gradient(to bottom, #1f2937,#111827); - - --modal-bg-color: #374151; - --modal-footer-color: #374151; - --modal-header-color: #374151; + --main-bg-color: linear-gradient(360deg, hsla(221, 39%, 11%, 1) 65%, hsla(215, 28%, 17%, 1) 100%); + + --modal-bg-color: #1f2937; + --modal-header-color: #1f2937; + --modal-footer-color: #1f2937; --drop-down-menu-bg: #374151; --button-color: #4f46e5; --button-color-hover: #6366f1; - --button-text: #eee; + --button-text: #e5e7eb; --button-text-hover: #fff; - --accent-color: 167, 139, 250; + --accent-color: 79, 70, 229; --accent-color-hover: rgb(var(--accent-color),.8); - --link-color: #a78bfa; - --link-color-hover: #fff; - --label-text-color: #111827; + --link-color: #6366f1; + --link-color-hover: #a78bfa; + --label-text-color: #d1d5db; --text: #d1d5db; --text-hover: #fff; --text-muted: #9ca3af; + + /*Specials*/ + --arr-queue-color: #6366f1; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: #6366f1; + --petio-spinner: invert(24%) sepia(59%) saturate(3411%) hue-rotate(237deg) brightness(91%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 98, 116, 145; } \ No newline at end of file diff --git a/CSS/variables/plex.css b/CSS/variables/plex.css index fe4b0ead..527b185a 100644 --- a/CSS/variables/plex.css +++ b/CSS/variables/plex.css @@ -26,13 +26,7 @@ --text-muted: #999; /*Specials*/ - --queue-color: #27c24c; /* Servarr apps + Bazarr*/ - --spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ - - --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35); - --gitea-color-primary-light-4: #492000; - --gitea-color-primary-light-2: #6E4500; - --gitea-color-primary: #9B6C00; - --gitea-color-primary-dark-2: #CC9500; - --gitea-color-primary-dark-4: #FFC107; + --arr-queue-color: #27c24c; /* Servarr apps + Bazarr*/ + --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 diff --git a/CSS/variables/space-gray.css b/CSS/variables/space-gray.css index 0c2d889a..bcfda52b 100644 --- a/CSS/variables/space-gray.css +++ b/CSS/variables/space-gray.css @@ -23,14 +23,8 @@ --text-muted: #999; /*Specials*/ - --queue-color: #81a6b7; /* Servarr apps + Bazarr*/ - --poster-unwatched: #70aeca;/* Plex */ - --spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ - - --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35); - --gitea-color-primary-light-4: #002634; - --gitea-color-primary-light-2: #1D4352; - --gitea-color-primary: #3E6272; - --gitea-color-primary-dark-2: #5F8394; - --gitea-color-primary-dark-4: #81A6B7; + --arr-queue-color: #81a6b7; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: #70aeca; + --petio-spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 129, 166, 183; } \ No newline at end of file