first

css/Ultrachromic/effects/glassy.css

@@ -0,0 +1,29 @@
+@supports (backdrop-filter: blur(15px)) {
+  .skinHeader-withBackground,
+  .css-fknfom {
+    backdrop-filter: blur(15px);
+  }
+  .dialog,
+  .mainDrawer,
+  .toast,
+  .appfooter {
+    backdrop-filter: blur(15px);
+    background-color: rgba(0, 0, 0, 0.35);
+  }
+  .paper-icon-button-light:hover,
+  #itemDetailPage .itemProgressBar,
+  #dashboardPage .backgroundProgress > div {
+    backdrop-filter: blur(4px);
+  }
+  @media all and (max-width: 70em){
+    .cardOverlayButtonIcon {
+      background-color: rgba(0, 0, 0, 0.35) !important;
+    }
+    .cardOverlayButtonIcon {
+    backdrop-filter: blur(4px);
+    }
+  }
+  .indicator {
+    backdrop-filter: blur(2px);
+  }
+}

css/Ultrachromic/effects/hoverglow.css

@@ -0,0 +1,22 @@
+/*Glow accent on hover*/
+.raised.homeLibraryButton {
+    box-shadow: 0px 0px 5px rgba(var(--accent), 0) !important;
+    border: solid 1px rgba(var(--accent),0) !important;
+}
+.cardOverlayContainer:hover,
+.dialog,
+.toast,
+.raised.homeLibraryButton:hover {
+  box-shadow: 0px 0px 5px rgb(var(--accent)) !important;
+  border: solid 1px rgba(var(--accent),0.6) !important;
+}
+.cardOverlayContainer {
+  border: solid 1px rgba(var(--accent),0.0) !important;
+}
+.drawer-open {
+    box-shadow: 0px 0px 5px rgba(var(--accent), 1) !important;
+    border-right: solid 1px rgba(var(--accent), 1) !important;
+}
+.cardBox:hover .cardContent {
+    box-shadow: 0px 0px 5px rgb(var(--accent)) !important;
+}