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