topaLE
/
theme.park.app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

cleaned up special vars

pull/241/head
gilbn 4 years ago
parent
035a839edf
commit
5ce41606d8
25 changed files with 75 additions and 111 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      CSS/themes/bazarr/bazarr-base.css
  2. 12
      CSS/themes/gitea/gitea-base.css
  3. 4
      CSS/themes/lidarr/lidarr-base.css
  4. 2
      CSS/themes/petio/petio-base.css
  5. 12
      CSS/themes/plex/overseer.css
  6. 2
      CSS/themes/plex/plex-base.css
  7. 4
      CSS/themes/prowlarr/prowlarr-base.css
  8. 4
      CSS/themes/radarr/radarr-base.css
  9. 4
      CSS/themes/readarr/readarr-base.css
  10. 2
      CSS/themes/sonarr/mind.css
  11. 2
      CSS/themes/sonarr/noname.css
  12. 2
      CSS/themes/sonarr/power.css
  13. 2
      CSS/themes/sonarr/reality.css
  14. 4
      CSS/themes/sonarr/sonarr-base.css
  15. 2
      CSS/themes/sonarr/soul.css
  16. 2
      CSS/themes/sonarr/space.css
  17. 2
      CSS/themes/sonarr/time.css
  18. 14
      CSS/variables/aquamarine.css
  19. 14
      CSS/variables/dark.css
  20. 14
      CSS/variables/dracula.css
  21. 14
      CSS/variables/hotline.css
  22. 14
      CSS/variables/organizr-dark.css
  23. 26
      CSS/variables/overseer.css
  24. 12
      CSS/variables/plex.css
  25. 14
      CSS/variables/space-gray.css

2
CSS/themes/bazarr/bazarr-base.css
View File

@ -271,7 +271,7 @@ label,
.sidebar-container .badge-secondary { .sidebar-container .badge-secondary {
color: var(--label-text-color); color: var(--label-text-color);
background-color: var(--queue-color); background-color: var(--arr-queue-color);
} }
/* TOP NAV BAR */ /* TOP NAV BAR */

12
CSS/themes/gitea/gitea-base.css
View File

@ -11,12 +11,12 @@
/* https://github.com/gilbN/theme.park */ /* https://github.com/gilbN/theme.park */
:root { :root {
--color-secondary-alpha-70: var(--gitea-color-secondary-alpha-70); --color-secondary-alpha-70: rgba(0, 0, 0, 0.35);
--color-primary-light-4: var(--gitea-color-primary-light-4); --color-primary-light-4: rgb(var(--gitea-color-primary-dark-4),.2);
--color-primary-light-2: var(--gitea-color-primary-light-2); --color-primary-light-2: rgb(var(--gitea-color-primary-dark-4),.4);
--color-primary: var(--gitea-color-primary); --color-primary: rgb(var(--gitea-color-primary-dark-4),.6);
--color-primary-dark-2: var(--gitea-color-primary-dark-2); --color-primary-dark-2: rgb(var(--gitea-color-primary-dark-4),.8);
--color-primary-dark-4: var(--gitea-color-primary-dark-4); --color-primary-dark-4: rgb(var(--gitea-color-primary-dark-4));
} }
body { body {

4
CSS/themes/lidarr/lidarr-base.css
View File

@ -497,8 +497,8 @@ a:hover {
} }
[class*="PageSidebarItem-status-"][class*="Label-info-"] { [class*="PageSidebarItem-status-"][class*="Label-info-"] {
border-color: var(--queue-color); border-color: var(--arr-queue-color);
background-color: var(--queue-color); background-color: var(--arr-queue-color);
color: var(--label-text-color); color: var(--label-text-color);
} }

2
CSS/themes/petio/petio-base.css
View File

@ -226,7 +226,7 @@ p a:hover,
} }
.spinner svg { .spinner svg {
filter: var(--spinner); filter: var(--petio-spinner);
} }
.request-status { .request-status {

12
CSS/themes/plex/overseer.css
View File

@ -16,8 +16,7 @@
/* APP VARS*/ /* APP VARS*/
:root { :root {
--poster-unwatched: #6366f1; --sidebar-color: #1f2937;
--sidebar-color: #1f2937;
} }
/* EXTRA CSS */ /* EXTRA CSS */
@ -52,15 +51,15 @@
} }
[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarLink-isSelected-"] { [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*="SourceSidebarContent-expandedSidebarContent-"],
[class*="AllSourcesSidebarContent-container-"]{ [class*="AllSourcesSidebarContent-container-"] {
padding: 10px; padding: 10px;
} }
[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="AllSourcesSidebarContent-container-"]{ [class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="AllSourcesSidebarContent-container-"] {
padding: 0px; padding: 0px;
} }
@ -72,10 +71,11 @@
border-radius: 0px !important; 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; box-shadow: none !important;
border-radius: 5px; 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-"] { [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; box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
border-radius: 0px; border-radius: 0px;

2
CSS/themes/plex/plex-base.css
View File

@ -263,7 +263,7 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] {
[class*="MetadataPosterCard-legacyUnwatchedTag-"], [class*="MetadataPosterCard-legacyUnwatchedTag-"],
[class*="MetadataPosterCard-legacyUnwatchedEpisodesBadge-"], [class*="MetadataPosterCard-legacyUnwatchedEpisodesBadge-"],
[class*="MetadataPosterCardOverlay-versionBadge-"] { [class*="MetadataPosterCardOverlay-versionBadge-"] {
background-color: var(--poster-unwatched); background-color: var(--plex-poster-unwatched);
} }
[class*="MetadataPosterCardFace-"]:hover, [class*="MetadataPosterCardFace-"]:hover,

4
CSS/themes/prowlarr/prowlarr-base.css
View File

@ -427,8 +427,8 @@ a:hover {
} }
[class*="PageSidebarItem-status-"][class*="Label-info-"] { [class*="PageSidebarItem-status-"][class*="Label-info-"] {
border-color: var(--queue-color); border-color: var(--arr-queue-color);
background-color: var(--queue-color); background-color: var(--arr-queue-color);
color: var(--label-text-color); color: var(--label-text-color);
} }

4
CSS/themes/radarr/radarr-base.css
View File

@ -441,8 +441,8 @@ a:hover {
} }
[class*="PageSidebarItem-status-"][class*="Label-info-"] { [class*="PageSidebarItem-status-"][class*="Label-info-"] {
border-color: var(--queue-color); border-color: var(--arr-queue-color);
background-color: var(--queue-color); background-color: var(--arr-queue-color);
color: var(--label-text-color); color: var(--label-text-color);
} }

4
CSS/themes/readarr/readarr-base.css
View File

@ -501,8 +501,8 @@ a:hover {
} }
[class*="PageSidebarItem-status-"][class*="Label-info-"] { [class*="PageSidebarItem-status-"][class*="Label-info-"] {
border-color: var(--queue-color); border-color: var(--arr-queue-color);
background-color: var(--queue-color); background-color: var(--arr-queue-color);
color: #fff; color: #fff;
} }

2
CSS/themes/sonarr/mind.css
View File

@ -31,5 +31,5 @@
--button-color-hover: #fff200cc; --button-color-hover: #fff200cc;
--accent-color: #fff200cc; --accent-color: #fff200cc;
--accent-color-hover: #fff200cc; --accent-color-hover: #fff200cc;
--queue-color: #204c80cc; --arr-queue-color: #204c80cc;
} }

2
CSS/themes/sonarr/noname.css
View File

@ -31,7 +31,7 @@
--accent-color: rgba(251, 63, 98, .8); --accent-color: rgba(251, 63, 98, .8);
--accent-color-hover: 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: #ff6581;
--link-color-hover: #fff; --link-color-hover: #fff;

2
CSS/themes/sonarr/power.css
View File

@ -30,5 +30,5 @@
--button-color-hover: #85096bcc; --button-color-hover: #85096bcc;
--accent-color: #85096bcc; --accent-color: #85096bcc;
--accent-color-hover: #85096bcc; --accent-color-hover: #85096bcc;
--queue-color: #204c80cc; --arr-queue-color: #204c80cc;
} }

2
CSS/themes/sonarr/reality.css
View File

@ -30,7 +30,7 @@
--button-color-hover: #e80c0bcc; --button-color-hover: #e80c0bcc;
--accent-color: #e80c0bcc; --accent-color: #e80c0bcc;
--accent-color-hover: #e80c0bcc; --accent-color-hover: #e80c0bcc;
--queue-color: #204c80cc; --arr-queue-color: #204c80cc;
} }

4
CSS/themes/sonarr/sonarr-base.css
View File

@ -469,8 +469,8 @@ a:hover {
} }
[class*="PageSidebarItem-status-"] [class*="Label-info-"] { [class*="PageSidebarItem-status-"] [class*="Label-info-"] {
border-color: var(--queue-color); border-color: var(--arr-queue-color);
background-color: var(--queue-color); background-color: var(--arr-queue-color);
color: var(--label-text-color); color: var(--label-text-color);
} }

2
CSS/themes/sonarr/soul.css
View File

@ -31,5 +31,5 @@
--button-color-hover: #f90c; --button-color-hover: #f90c;
--accent-color: #f90c; --accent-color: #f90c;
--accent-color-hover: #f90c; --accent-color-hover: #f90c;
--queue-color: #204c80cc; --arr-queue-color: #204c80cc;
} }

2
CSS/themes/sonarr/space.css
View File

@ -31,5 +31,5 @@
--button-color-hover: #0062ffcc; --button-color-hover: #0062ffcc;
--accent-color: #0062ffcc; --accent-color: #0062ffcc;
--accent-color-hover: #0062ffcc; --accent-color-hover: #0062ffcc;
--queue-color: #0062ffcc; --arr-queue-color: #0062ffcc;
} }

2
CSS/themes/sonarr/time.css
View File

@ -31,5 +31,5 @@
--button-color-hover: rgba(4, 168, 0, .8); --button-color-hover: rgba(4, 168, 0, .8);
--accent-color: #6df751cc; --accent-color: #6df751cc;
--accent-color-hover: #6df751cc; --accent-color-hover: #6df751cc;
--queue-color: #6df751cc; --arr-queue-color: #6df751cc;
} }

14
CSS/variables/aquamarine.css
View File

@ -23,14 +23,8 @@
--text-muted: #999; --text-muted: #999;
/*Specials*/ /*Specials*/
--queue-color: #009688; /* Servarr apps + Bazarr*/ --arr-queue-color: #009688; /* Servarr apps + Bazarr*/
--poster-unwatched: rgb(21, 213, 194); /* Plex */ --plex-poster-unwatched: rgb(21, 213, 194);
--spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --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;
--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;
} }

14
CSS/variables/dark.css
View File

@ -23,14 +23,8 @@
--text-muted: #999; --text-muted: #999;
/*Specials*/ /*Specials*/
--queue-color: #6b5; /* Servarr apps + Bazarr*/ --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
--poster-unwatched: #e5a00d; /* Plex */ --plex-poster-unwatched: #e5a00d;
--spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --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;
--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;
} }

14
CSS/variables/dracula.css
View File

@ -23,14 +23,8 @@
--text-muted: #999; --text-muted: #999;
/*Specials*/ /*Specials*/
--queue-color: #50fa7b; /* Servarr apps + Bazarr*/ --arr-queue-color: #50fa7b; /* Servarr apps + Bazarr*/
--poster-unwatched: #bd93f9;/* Plex */ --plex-poster-unwatched: #bd93f9;
--spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --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;
--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;
} }

14
CSS/variables/hotline.css
View File

@ -23,14 +23,8 @@
--text-muted: #999; --text-muted: #999;
/*Specials*/ /*Specials*/
--queue-color: #6b5; /* Servarr apps + Bazarr*/ --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
--poster-unwatched: #FB3122; /* Plex */ --plex-poster-unwatched: #FB3122;
--spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --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;
--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;
} }

14
CSS/variables/organizr-dark.css
View File

@ -23,14 +23,8 @@
--text-muted: #999; --text-muted: #999;
/*Specials*/ /*Specials*/
--queue-color: #2cabe3; /* Servarr apps + Bazarr*/ --arr-queue-color: #2cabe3; /* Servarr apps + Bazarr*/
--poster-unwatched: #2cabe3;/* Plex */ --plex-poster-unwatched: #2cabe3;
--spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --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;
--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;
} }

26
CSS/variables/overseer.css
View File

@ -1,24 +1,30 @@
:root { :root {
--main-bg-color: linear-gradient(to bottom, #1f2937,#111827); --main-bg-color: linear-gradient(360deg, hsla(221, 39%, 11%, 1) 65%, hsla(215, 28%, 17%, 1) 100%);
--modal-bg-color: #374151; --modal-bg-color: #1f2937;
--modal-footer-color: #374151; --modal-header-color: #1f2937;
--modal-header-color: #374151; --modal-footer-color: #1f2937;
--drop-down-menu-bg: #374151; --drop-down-menu-bg: #374151;
--button-color: #4f46e5; --button-color: #4f46e5;
--button-color-hover: #6366f1; --button-color-hover: #6366f1;
--button-text: #eee; --button-text: #e5e7eb;
--button-text-hover: #fff; --button-text-hover: #fff;
--accent-color: 167, 139, 250; --accent-color: 79, 70, 229;
--accent-color-hover: rgb(var(--accent-color),.8); --accent-color-hover: rgb(var(--accent-color),.8);
--link-color: #a78bfa; --link-color: #6366f1;
--link-color-hover: #fff; --link-color-hover: #a78bfa;
--label-text-color: #111827; --label-text-color: #d1d5db;
--text: #d1d5db; --text: #d1d5db;
--text-hover: #fff; --text-hover: #fff;
--text-muted: #9ca3af; --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;
} }

12
CSS/variables/plex.css
View File

@ -26,13 +26,7 @@
--text-muted: #999; --text-muted: #999;
/*Specials*/ /*Specials*/
--queue-color: #27c24c; /* Servarr apps + Bazarr*/ --arr-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 */ --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;
--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;
} }

14
CSS/variables/space-gray.css
View File

@ -23,14 +23,8 @@
--text-muted: #999; --text-muted: #999;
/*Specials*/ /*Specials*/
--queue-color: #81a6b7; /* Servarr apps + Bazarr*/ --arr-queue-color: #81a6b7; /* Servarr apps + Bazarr*/
--poster-unwatched: #70aeca;/* Plex */ --plex-poster-unwatched: #70aeca;
--spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --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;
--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;
} }
Write Preview
Loading…
Cancel
Save