diff --git a/public/css/main.css b/public/css/main.css index 4b33cd2..72e987d 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -114,9 +114,9 @@ html[data-theme="dark"] { inset 0 -1px 0 color-mix(in srgb, hsl(var(--theme-h) calc(var(--theme-s) * 1%) calc(var(--theme-l) * 1%)) 18%, transparent); --btn-primary-backdrop: blur(16px) saturate(135%); --btn-primary-backdrop-hover: blur(18px) saturate(140%); - /* Liquid Glass (Хабр): чистое искажение без матовости — только Chromium */ - --btn-primary-backdrop-lg: url(#liquid-glass-displacement-btn); - --btn-primary-backdrop-hover-lg: url(#liquid-glass-displacement-btn); + /* Liquid Glass (Хабр): искажение + лёгкое матирование — только Chromium */ + --btn-primary-backdrop-lg: url(#liquid-glass-displacement-btn) blur(2px); + --btn-primary-backdrop-hover-lg: url(#liquid-glass-displacement-btn) blur(2px); /* Полупрозрачный акцентный фон, чтобы displacement был виден (Liquid Glass) */ --btn-primary-bg-lg: radial-gradient( circle at 0% 0%, @@ -220,9 +220,9 @@ html[data-theme="light"] { inset 0 -1px 0 color-mix(in srgb, var(--accent) 32%, hsl(0 0% 0%) 68%); --btn-primary-backdrop: blur(10px) saturate(142%); --btn-primary-backdrop-hover: blur(11px) saturate(148%); - /* Liquid Glass (Хабр): чистое искажение без матовости — только Chromium */ - --btn-primary-backdrop-lg: url(#liquid-glass-displacement-btn); - --btn-primary-backdrop-hover-lg: url(#liquid-glass-displacement-btn); + /* Liquid Glass (Хабр): искажение + лёгкое матирование — только Chromium */ + --btn-primary-backdrop-lg: url(#liquid-glass-displacement-btn) blur(2px); + --btn-primary-backdrop-hover-lg: url(#liquid-glass-displacement-btn) blur(2px); /* Полупрозрачный акцентный фон, чтобы displacement был виден (Liquid Glass) */ --btn-primary-bg-lg: radial-gradient( circle at 0% 0%, @@ -5139,9 +5139,9 @@ html[data-theme="dark"] { inset 0 1px 0 hsla(0, 0%, 100%, 0.09); --v12-glass-neutral-filter: blur(16px) saturate(118%); --v12-glass-neutral-filter-elevated: blur(18px) saturate(125%); - /* Liquid Glass (Хабр): чистое искажение без матовости — только Chromium */ - --v12-glass-neutral-filter-lg: url(#liquid-glass-displacement); - --v12-glass-neutral-filter-elevated-lg: url(#liquid-glass-displacement); + /* Liquid Glass (Хабр): искажение + лёгкое матирование — только Chromium */ + --v12-glass-neutral-filter-lg: url(#liquid-glass-displacement) blur(3px); + --v12-glass-neutral-filter-elevated-lg: url(#liquid-glass-displacement) blur(3px); } html[data-theme="light"] { @@ -5157,9 +5157,9 @@ html[data-theme="light"] { inset 0 -1px 0 hsla(0, 0%, 0%, 0.04); --v12-glass-neutral-filter: blur(12px) saturate(124%); --v12-glass-neutral-filter-elevated: blur(14px) saturate(130%); - /* Liquid Glass (Хабр): чистое искажение без матовости — только Chromium */ - --v12-glass-neutral-filter-lg: url(#liquid-glass-displacement); - --v12-glass-neutral-filter-elevated-lg: url(#liquid-glass-displacement); + /* Liquid Glass (Хабр): искажение + лёгкое матирование — только Chromium */ + --v12-glass-neutral-filter-lg: url(#liquid-glass-displacement) blur(3px); + --v12-glass-neutral-filter-elevated-lg: url(#liquid-glass-displacement) blur(3px); } html[data-theme="dark"] .header--scrolled .header__inner,