1
0
mirror of https://github.com/gilbN/theme.park.git synced 2024-09-11 19:32:24 +02:00

Merge pull request #299 from GilbN/develop

1.6.8
This commit is contained in:
GilbN 2021-12-11 18:01:42 +01:00 committed by GitHub
commit d70e0e9529
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 186 additions and 94 deletions

View File

@ -447,22 +447,34 @@ a:hover {
color: #fff; color: #fff;
} }
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"], [class*="Popover-title-"],
[class*="SeasonInfo-title-"], [class*="SeasonInfo-title-"],
[class*="Popover-body-"], [class*="Popover-body-"],
[class*="Tooltip-body-"] { [class*="Tooltip-body-"],
background: var(--modal-bg-color) !important; [class*="Tooltip-tooltipContainer-"],
background-repeat: repeat, no-repeat !important; [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
background-attachment: fixed, fixed !important; background: #1f1f1f;
background-position: center center, center center !important; color: #eee;
background-size: auto, cover !important;
-webkit-background-size: auto, cover !important;
-moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important;
} }
[class*="Tooltip-tooltipContainer-"] { @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
color: #fff; [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
[class*="Popover-body-"],
[class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
-webkit-backdrop-filter: saturate(1) blur(1.5em);
backdrop-filter: saturate(1) blur(1.5em);
background: rgb(var(--accent-color),0.05);
color: white;
}
}
[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
border-top-color: var(--text);
} }
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { [class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
@ -954,6 +966,11 @@ input:focus:-ms-input-placeholder {
color: var(--text); color: var(--text);
} }
[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
color: white;
}
[class*="Card-card-"]:hover { [class*="Card-card-"]:hover {
color: var(--text-hover); color: var(--text-hover);
} }

View File

@ -385,22 +385,34 @@ a:hover {
color: #fff; color: #fff;
} }
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"], [class*="Popover-title-"],
[class*="SeasonInfo-title-"], [class*="SeasonInfo-title-"],
[class*="Popover-body-"], [class*="Popover-body-"],
[class*="Tooltip-body-"] { [class*="Tooltip-body-"],
background: var(--modal-bg-color) !important; [class*="Tooltip-tooltipContainer-"],
background-repeat: repeat, no-repeat !important; [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
background-attachment: fixed, fixed !important; background: #1f1f1f;
background-position: center center, center center !important; color: #eee;
background-size: auto, cover !important;
-webkit-background-size: auto, cover !important;
-moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important;
} }
[class*="Tooltip-tooltipContainer-"] { @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
color: #fff; [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
[class*="Popover-body-"],
[class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
-webkit-backdrop-filter: saturate(1) blur(1.5em);
backdrop-filter: saturate(1) blur(1.5em);
background: rgb(var(--accent-color),0.05);
color: white;
}
}
[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
border-top-color: var(--text);
} }
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { [class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
@ -968,6 +980,11 @@ input:focus:-ms-input-placeholder {
color: var(--text); color: var(--text);
} }
[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
color: white;
}
[class*="Card-card-"]:hover, [class*="Card-card-"]:hover,
[class*="Applications-center-"]:hover { [class*="Applications-center-"]:hover {
color: var(--text-hover); color: var(--text-hover);

View File

@ -386,22 +386,34 @@ a:hover {
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
} }
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"], [class*="Popover-title-"],
[class*="SeasonInfo-title-"], [class*="SeasonInfo-title-"],
[class*="Popover-body-"], [class*="Popover-body-"],
[class*="Tooltip-body-"] { [class*="Tooltip-body-"],
background: var(--modal-bg-color) !important; [class*="Tooltip-tooltipContainer-"],
background-repeat: repeat, no-repeat !important; [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
background-attachment: fixed, fixed !important; background: #1f1f1f;
background-position: center center, center center !important; color: #eee;
background-size: auto, cover !important;
-webkit-background-size: auto, cover !important;
-moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important;
} }
[class*="Tooltip-tooltipContainer-"] { @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
color: #fff; [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
[class*="Popover-body-"],
[class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
-webkit-backdrop-filter: saturate(1) blur(1.5em);
backdrop-filter: saturate(1) blur(1.5em);
background: rgb(var(--accent-color),0.05);
color: white;
}
}
[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
border-top-color: var(--text);
} }
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { [class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
@ -984,6 +996,11 @@ input:focus:-ms-input-placeholder {
color: var(--text); color: var(--text);
} }
[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
color: white;
}
[class*="Card-card-"]:hover { [class*="Card-card-"]:hover {
color: var(--text-hover); color: var(--text-hover);
} }

View File

@ -11,12 +11,11 @@
/* https://github.com/gilbN/theme.park */ /* https://github.com/gilbN/theme.park */
:root { :root {
--calendar-downloading: 122 67 182;
--calendar-downloaded: 39 194 76; --calendar-downloaded: 39 194 76;
--calendar-unreleased: 93 156 236; --calendar-downloading: 122 67 182;
--calendar-partial: 255, 165, 0;
--calendar-unmonitored: 173 173 173; --calendar-unmonitored: 173 173 173;
--calendar-missing: 240 80 80; --calendar-missing: 240 80 80;
--calendar-unreleased: 93 156 236;
} }
body { body {
@ -443,22 +442,34 @@ a:hover {
color: #fff; color: #fff;
} }
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"], [class*="Popover-title-"],
[class*="SeasonInfo-title-"], [class*="SeasonInfo-title-"],
[class*="Popover-body-"], [class*="Popover-body-"],
[class*="Tooltip-body-"] { [class*="Tooltip-body-"],
background: var(--modal-bg-color) !important; [class*="Tooltip-tooltipContainer-"],
background-repeat: repeat, no-repeat !important; [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
background-attachment: fixed, fixed !important; background: #1f1f1f;
background-position: center center, center center !important; color: #eee;
background-size: auto, cover !important;
-webkit-background-size: auto, cover !important;
-moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important;
} }
[class*="Tooltip-tooltipContainer-"] { @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
color: #fff; [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="SeasonInfo-title-"],
[class*="Popover-body-"],
[class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
-webkit-backdrop-filter: saturate(1) blur(1.5em);
backdrop-filter: saturate(1) blur(1.5em);
background: rgb(var(--accent-color),0.05);
color: white;
}
}
[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
border-top-color: var(--text);
} }
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { [class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
@ -812,58 +823,59 @@ input:focus:-ms-input-placeholder {
} }
/* CALENDAR */ /* CALENDAR */
[class*="CalendarEvent-downloaded-"] { [class*="CalendarEvent-downloaded-"]:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-available) / .7) !important; background: rgb(var(--calendar-downloaded) / .7) !important;
border-left-color: transparent !important; border-left-color: transparent !important;
} }
[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover { [class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-available) / .5) !important; background: rgb(var(--calendar-downloaded) / .5) !important;
border-left-color: transparent !important; border-left-color: transparent !important;
} }
[class*="CalendarEvent-missing-"] { [class*="CalendarEvent-missing-"]:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-missing) / .7) !important; background: rgb(var(--calendar-missing) / .7) !important;
border-left-color: transparent !important; border-left-color: transparent !important;
} }
[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover { [class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover:not([class*="AgendaEvent-"]) {
background: rgba(var(--calendar-missing) / .5) !important; background: rgba(var(--calendar-missing) / .5) !important;
border-left-color: transparent !important; border-left-color: transparent !important;
} }
[class*="CalendarEvent-unreleased-"] { [class*="CalendarEvent-unreleased-"]:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-unaired) / .7) !important; background: rgb(var(--calendar-unreleased) / .7) !important;
border-left-color: transparent !important; border-left-color: transparent !important;
} }
[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover { [class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-unaired) / .5) !important; background: rgb(var(--calendar-unreleased) / .5) !important;
border-left-color: transparent !important; border-left-color: transparent !important;
} }
[class*="CalendarEvent-unmonitored-"] { [class*="CalendarEvent-unmonitored-"]:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-unmonitored) / .7) !important; background: rgb(var(--calendar-unmonitored) / .7) !important;
border-left-color: transparent !important; border-left-color: transparent !important;
} }
[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover { [class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-unmonitored) / .5) !important; background: rgb(var(--calendar-unmonitored) / .5) !important;
border-left-color: transparent !important; border-left-color: transparent !important;
} }
[class*="CalendarEvent-downloading-"] { [class*="CalendarEvent-downloading-"]:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-downloading) / .7) !important; background: rgb(var(--calendar-downloading) / .7) !important;
border-left-color: transparent !important; border-left-color: transparent !important;
} }
[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover { [class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover:not([class*="AgendaEvent-"]) {
background: rgb(var(--calendar-downloading) / .5) !important; background: rgb(var(--calendar-downloading) / .5) !important;
border-left-color: transparent !important; border-left-color: transparent !important;
} }
[class*="DayOfWeek-dayOfWeek-"] { [class*="DayOfWeek-dayOfWeek-"] {
background-color: hsla(0, 0%, 100%, .08); background-color: hsla(0, 0%, 100%, .08);
color: #fff;
} }
[class*="CalendarDay-dayOfMonth-"] { [class*="CalendarDay-dayOfMonth-"] {
@ -874,6 +886,23 @@ input:focus:-ms-input-placeholder {
[class*="CalendarDay-isToday-"], [class*="CalendarDay-isToday-"],
[class*="DayOfWeek-isToday-"] { [class*="DayOfWeek-isToday-"] {
background-color: hsla(0, 0%, 100%, .25) !important; background-color: hsla(0, 0%, 100%, .25) !important;
color: #fff;
}
[class*="CalendarEvent-authorName-"] a,
[class*="CalendarEvent-authorName-"],
[class*="CalendarEvent-bookTitle-"] a,
[class*="CalendarEvent-bookTitle-"]{
color: #eee !important;
}
[class*="CalendarEvent-authorName-"] a:hover,
[class*="CalendarEvent-bookTitle-"] a:hover{
color: #fff !important;
}
[class*="CalendarEvent-event-"] {
border-left: 4px solid var(--text);
} }
[class*="CalendarDay-day-"], [class*="CalendarDay-day-"],
@ -956,6 +985,11 @@ input:focus:-ms-input-placeholder {
color: var(--text); color: var(--text);
} }
[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
color: white;
}
[class*="Card-card-"]:hover { [class*="Card-card-"]:hover {
color: var(--text-hover); color: var(--text-hover);
} }

View File

@ -12,13 +12,13 @@
:root { :root {
--calendar-tv-unaired-premiere: 53 197 244; --calendar-tv-unaired-premiere: 53 197 244;
--calendar-tv-downloading: 122 67 182; --calendar-tv-downloading: 122 67 182;
--calendar-tv-unmonitored: 173 173 173; --calendar-tv-unmonitored: 173 173 173;
--calendar-tv-unaired: 93 156 236; --calendar-tv-unaired: 93 156 236;
--calendar-tv-missing: 240 80 80; --calendar-tv-missing: 240 80 80;
--calendar-tv-on-air: 255 165 0; --calendar-tv-on-air: 255 165 0;
--calendar-tv-available: 39 194 76; --calendar-tv-available: 39 194 76;
} }
body { body {
background: var(--main-bg-color); background: var(--main-bg-color);
@ -44,11 +44,11 @@ body {
/* LINKS */ /* LINKS */
[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) { [class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) {
color: var(--link-color); color: var(--link-color);
} }
[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover { [class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover {
color: var(--link-color-hover); color: var(--link-color-hover);
} }
a { a {
@ -290,6 +290,7 @@ a:hover {
#sidebar-toggle-button { #sidebar-toggle-button {
color: var(--text); color: var(--text);
} }
#sidebar-toggle-button:hover, #sidebar-toggle-button:hover,
#sidebar-toggle-button:focus, #sidebar-toggle-button:focus,
#sidebar-toggle-button:active { #sidebar-toggle-button:active {
@ -392,46 +393,48 @@ a:hover {
background-color: rgba(0, 0, 0, .25) !important; background-color: rgba(0, 0, 0, .25) !important;
} }
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"], [class*="Popover-title-"],
[class*="SeasonInfo-title-"], [class*="SeasonInfo-title-"],
[class*="Popover-body-"], [class*="Popover-body-"],
[class*="Tooltip-bod-"] { [class*="Tooltip-body-"],
background: var(--modal-bg-color) !important; [class*="Tooltip-tooltipContainer-"],
background-repeat: repeat, no-repeat !important; [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
background-attachment: fixed, fixed !important; background: #1f1f1f;
background-position: center center, center center !important; color: #eee;
background-size: auto, cover !important;
-webkit-background-size: auto, cover !important;
-moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important;
} }
[class*="Tooltip-tooltipContainer-"] { @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
color: #fff; [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
[class*="Popover-title-"],
[class*="Popover-body-"],
[class*="Tooltip-body-"],
[class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
-webkit-backdrop-filter: saturate(1) blur(1.5em);
backdrop-filter: saturate(1) blur(1.5em);
background: rgb(var(--accent-color),0.05);
color: white;
}
[class*="SeasonInfo-title-"] {
background: transparent;
}
} }
[class*="Tooltip-tooltip-"][class*=Tooltip-inverse-] { [class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
background: var(--modal-bg-color); border-top-color: var(--text);
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;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
} }
[class*="Tooltip-bottom-"][class*="Tooltip-inverse-"] { [class*="Tooltip-bottom-"][class*="Tooltip-inverse-"] {
border-bottom-color: #fff; border-bottom-color: var(--text);
} }
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { [class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
border-bottom-color: #fff !important; border-bottom-color: var(--text) !important;
} }
[class*="Tooltip-right-"][class*="Tooltip-default-"] { [class*="Tooltip-right-"][class*="Tooltip-default-"] {
border-right-color: #fff !important; border-right-color: var(--text) !important;
} }
[class*="EpisodeTitleLink-link-"]:hover { [class*="EpisodeTitleLink-link-"]:hover {
@ -975,6 +978,10 @@ input:focus:-ms-input-placeholder {
color: var(--text); color: var(--text);
} }
[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
color: white;
}
[class*="Card-card-"]:hover { [class*="Card-card-"]:hover {
color: var(--text-hover); color: var(--text-hover);
} }