diff --git a/style.css b/style.css index daf697f..a7449a2 100644 --- a/style.css +++ b/style.css @@ -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%;