Levi/jellyfin-custom-css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

improve glassmorphism

Browse source
This commit is contained in:
Levi 2024-06-20 00:13:06 +02:00
parent ba7050d68d
commit 911ff0f0fe
1 changed files with 13 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
style.css
View file

@ -94,14 +94,14 @@
.mainDrawer,
.drawer-open {
background-color: rgba(0, 0, 0, 0.4) !important;
backdrop-filter: blur(10px) saturate(180%) !important;
-webkit-backdrop-filter: blur(10px) saturate(180%) !important;
backdrop-filter: blur(60px) saturate(180%) !important;
-webkit-backdrop-filter: blur(60px) saturate(180%) !important;
}
/* --- Dialog Boxes --- */
.focuscontainer.dialog.actionsheet-not-fullscreen.actionSheet.centeredDialog.opened {
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(60px) !important;
-webkit-backdrop-filter: blur(60px) !important;
}
.backgroundContainer,
.dialog,
@ -110,12 +110,12 @@
background-color: rgba(0, 0, 0, 0.4) !important;
}
.focuscontainer.dialog.dialog-fixedSize.dialog-small.formDialog.opened {
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(60px) !important;
-webkit-backdrop-filter: blur(60px) !important;
}
.focuscontainer.dialog.smoothScrollY.dialog-fixedSize.dialog-small.opened {
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(60px) !important;
-webkit-backdrop-filter: blur(60px) !important;
}
/* --- Colors --- */
@ -347,9 +347,11 @@ div[data-role=controlgroup] a.ui-btn-active {
background-color: var(--translucent-hover-3) !important;
}
.emby-select-withcolor {
background: rgba(0, 0, 0, 0.3);
background: transparent;
border: none;
padding: 20px;
backdrop-filter: blur(60px) brightness(95%) !important;
-webkit-backdrop-filter: blur(60px) !important;
}
/* --- Rounded Corners --- */
@ -484,8 +486,8 @@ div[data-role="controlgroup"] a[data-role="button"]:last-child {
.paperList,
.visualCardBox {
background-color: transparent !important;
backdrop-filter: blur(20px) brightness(80%) !important;
-webkit-backdrop-filter: blur(20px) brightness(80%) !important;
backdrop-filter: blur(60px) brightness(80%) !important;
-webkit-backdrop-filter: blur(60px) brightness(80%) !important;
}
.layout-desktop .detailImageContainer .card {
top: 0%;