Unify modal and inspector glass material

packages/ui-core/src/glass.ts

@@ -1,4 +1,5 @@
 export interface GlassMaterialSettings {
+  version?: 4;
   tintHex: string;
   tintOpacity: number;
   blur: number;
@@ -9,11 +10,12 @@ export interface GlassMaterialSettings {
 }
 
 export const defaultGlassMaterial: GlassMaterialSettings = {
+  version: 4,
   tintHex: "#0b0b0e",
-  tintOpacity: 54,
-  blur: 64,
-  saturation: 138,
-  brightness: 106,
+  tintOpacity: 94,
+  blur: 44,
+  saturation: 112,
+  brightness: 105,
   outlineOpacity: 11,
   shadowOpacity: 64,
 };

packages/ui-core/styles.css

@@ -1911,11 +1911,6 @@ textarea.nodedc-field__control {
   overflow: hidden;
   border: 0;
   border-radius: var(--nodedc-radius-modal);
-  background: var(--nodedc-modal-surface);
-  color: var(--nodedc-text-primary);
-  box-shadow: var(--nodedc-modal-shadow);
-  backdrop-filter: blur(var(--nodedc-blur-modal)) saturate(var(--nodedc-modal-glass-saturation)) brightness(var(--nodedc-modal-glass-brightness));
-  -webkit-backdrop-filter: blur(var(--nodedc-blur-modal)) saturate(var(--nodedc-modal-glass-saturation)) brightness(var(--nodedc-modal-glass-brightness));
   animation: nodedc-window-in var(--nodedc-duration-normal) var(--nodedc-ease-standard);
 }
 
@@ -1931,14 +1926,9 @@ textarea.nodedc-field__control {
   width: min(var(--nodedc-inspector-width), calc(100vw - 3rem));
   max-height: calc(100vh - 7.25rem);
   border-radius: var(--nodedc-radius-panel);
-  background: var(--nodedc-modal-surface);
-  box-shadow: var(--nodedc-modal-shadow);
-  backdrop-filter: blur(var(--nodedc-blur-modal)) saturate(var(--nodedc-modal-glass-saturation)) brightness(var(--nodedc-modal-glass-brightness));
-  -webkit-backdrop-filter: blur(var(--nodedc-blur-modal)) saturate(var(--nodedc-modal-glass-saturation)) brightness(var(--nodedc-modal-glass-brightness));
   pointer-events: auto;
 }
 
-.nodedc-window::before,
 .nodedc-glass-material::before {
   position: absolute;
   z-index: -1;