ChromeOS CustomBack v2.1

Author: supechicken

css/inject.css

@@ -18,11 +18,7 @@
   }
 }
 
-#dialog {
-  backdrop-filter: blur(var(--menu-blur-radius));
-}
-
-#sort-menu, #file-context-menu, #directory-tree-context-menu, #gear-menu, #tasks-menu, #providers-menu, #text-context-menu, #previewMenu {
+#sort-menu, #file-context-menu, #roots-context-menu, #directory-tree-context-menu, #gear-menu, #tasks-menu, #providers-menu, #text-context-menu, #previewMenu {
   background-color: rgba(var(--txt-cros-sys-app_base_shaded), var(--menu-opacity));
   backdrop-filter: blur(var(--menu-blur-radius));
 }

js/inject.js

@@ -30,7 +30,15 @@ window.addEventListener('load', async () => {
 
   switch (location.hostname) {
     case 'os-settings':
+      break;
     case 'file-manager':
+      // inject blur code to file-quick-view shadow root
+      const fileQuickView = document.getElementById('quick-view'),
+            shadowRoot    = fileQuickView.shadowRoot,
+            newCss        = new CSSStyleSheet;
+
+      newCss.insertRule('#dialog { background-color: rgba(var(--txt-cros-sys-app_base_shaded), var(--menu-opacity)); backdrop-filter: blur(var(--menu-blur-radius)); }');
+      shadowRoot.adoptedStyleSheets.push(newCss);
       break;
     default:
       if (localStorage.chromeUI) {

manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "ChromeOS CustomBack",
-  "version": "2.0",
+  "version": "2.1",
   "description": "Custom background for ChromeOS built-in pages/apps.",
   "homepage_url": "https://github.com/supechicken/ChromeOS-CustomBack",
   "author": "supechicken666@gmail.com",