Mirrors/theme.park
1
0
Fork 0
mirror of https://github.com/gilbN/theme.park.git synced 2024-08-19 00:19:35 +02:00
Code Issues Releases Wiki Activity

jellyfin sidemenu blur fallback for FF

Browse Source
This commit is contained in:
Marius 2021-08-14 15:14:43 +02:00
parent 765743efbe
commit 7b6fd0d3ac
1 changed files with 27 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
CSS/themes/jellyfin/jellyfin-base.css
View File

@ -7,43 +7,43 @@
--theme-icon-focus-background: rgba(var(--accent-color), 0.2);
--theme-background: var(--main-bg-color);
--header-blur-background: rgba(20,20,20,0.66);
--header-blur-background: rgba(20, 20, 20, 0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: var(--button-color);
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: var(--modal-footer-color);
--footer-blur-background: rgba(29,29,31,0.66);
--footer-blur-background: rgba(29, 29, 31, 0.66);
--header-background: var(--theme-background);
--theme-body-secondary-text-color: rgba(255, 255, 255, .6);
--line-background: rgba(255, 255, 255, .08);
--line-size: .08em;
--scrollbar-thumb-background: rgba(255,255,255,.3);
--scrollbar-thumb-background: rgba(255, 255, 255, .3);
}
@media (pointer: fine) {
:not(.layout-tv):root {
--theme-background: var(--main-bg-color);
--header-blur-background: rgba(20,20,20,0.66);
--header-blur-background: rgba(20, 20, 20, 0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: var(--modal-footer-color);
--footer-blur-background: rgba(29,29,31,0.66);
--footer-blur-background: rgba(29, 29, 31, 0.66);
}
}
.layout-tv:root {
--theme-background: var(--main-bg-color);
--header-blur-background: rgba(20,20,20,0.66);
--header-blur-background: rgba(20, 20, 20, 0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: rgba(0, 0, 0, 0.25);
--button-background: #1f1f1f;
--card-background: rgba(0, 0, 0, 0.15);
--footer-background: var(--modal-footer-color);
--footer-blur-background: rgba(29,29,31,0.66);
--footer-blur-background: rgba(29, 29, 31, 0.66);
}
/*TP CUSTOM */
@ -158,7 +158,8 @@ html {
}
.backgroundContainer:not(.backgroundContainer.withBackdrop), html {
.backgroundContainer:not(.backgroundContainer.withBackdrop),
html {
background: var(--theme-background);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
@ -744,9 +745,22 @@ html {
}
.mainDrawer {
background: var(--header-blur-background);
-webkit-backdrop-filter: saturate(1.8) blur(1.5em);
backdrop-filter: saturate(1.8) blur(1.5em);
background: var(--header-background);
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;
}
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
.mainDrawer {
background: var(--header-blur-background);
-webkit-backdrop-filter: saturate(1.8) blur(1.5em);
backdrop-filter: saturate(1.8) blur(1.5em);
}
}
.jstree-default .jstree-clicked {
@ -919,4 +933,4 @@ html {
.layout-tv .emby-button.detailFloatingButton:focus {
background-color: #f2f2f2;
color: rgb(var(--theme-accent-text-color));
}
}