diff --git a/src/styles/glass.css b/src/styles/glass.css index a0752df..835f144 100644 --- a/src/styles/glass.css +++ b/src/styles/glass.css @@ -32,34 +32,15 @@ html[data-theme="dark"] .glass-surface--selected { background-color: color-mix(in oklch, var(--container) 85%, transparent) !important; } -/* Figma disabled category: white 40%, 2px inner gradient border, blur 12 */ +/* Figma disabled category: white 40%, 2px border, blur 12 */ .glass-surface--disabled { - position: relative; background-color: rgba(255, 255, 255, 0.4) !important; - border: 2px solid transparent; + border: 2px solid rgba(255, 255, 255, 0.8); box-shadow: none; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } -.glass-surface--disabled::before { - content: ""; - position: absolute; - inset: 0; - border-radius: inherit; - padding: 2px; - background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 253, 253, 0) 50%, rgba(255, 255, 255, 1) 100%); - -webkit-mask: - linear-gradient(#fff 0 0) content-box, - linear-gradient(#fff 0 0); - mask: - linear-gradient(#fff 0 0) content-box, - linear-gradient(#fff 0 0); - -webkit-mask-composite: xor; - mask-composite: exclude; - pointer-events: none; -} - html[data-pattern-bg="true"] .glass-surface--disabled, html[data-image-bg="true"] .glass-surface--disabled { -webkit-backdrop-filter: blur(8px); @@ -68,10 +49,7 @@ html[data-image-bg="true"] .glass-surface--disabled { html[data-theme="dark"] .glass-surface--disabled { background-color: color-mix(in oklch, var(--container) 40%, transparent) !important; -} - -html[data-theme="dark"] .glass-surface--disabled::before { - background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.35) 100%); + border-color: rgba(255, 255, 255, 0.2); } .glass-surface-nav {