| @@ -24,33 +24,24 @@ | ||
| 24 | 24 | |
| 25 | 25 | /* |
| 26 | 26 | * Built-in effect tuning knobs. Every shipped effect is driven by |
| 27 | 27 | * custom properties so a theme or plugin can re-tune the intensity |
| 28 | - * without overriding the whole rule (and so the values read as a set). | |
| 28 | + * without overriding the whole rule. Their defaults live in the `var()` | |
| 29 | + * fallbacks at each use site rather than in a declaration on | |
| 30 | + * `.os-window`: a declaration on the window would outrank anything | |
| 31 | + * the window inherits, and a theme declares them on the body. | |
| 32 | + * | |
| 33 | + * --os-fx-transition-duration 0.5s how long an effect ramps in and | |
| 34 | + * out as focus moves (the filter | |
| 35 | + * entry of the window transition) | |
| 36 | + * --os-fx-darken-brightness 0.82 darken: dim | |
| 37 | + * --os-fx-darken-saturate 0.92 darken: slight desaturate | |
| 38 | + * --os-fx-frost-blur 3px frost: blur | |
| 39 | + * --os-fx-frost-saturate 0.7 frost: cool | |
| 40 | + * --os-fx-frost-brightness 1.08 frost: lift | |
| 41 | + * --os-fx-grayscale-amount 1 grayscale: drain colour | |
| 42 | + * --os-fx-grayscale-brightness 0.95 grayscale: settle brightness | |
| 29 | 43 | */ |
| 30 | -.os-window { | |
| 31 | - /* How long an effect takes to ramp in/out as focus moves between | |
| 32 | - * windows. Drives the `filter` entry of the shared window | |
| 33 | - * transition (see `window-chrome.css`); applies to every | |
| 34 | - * filter-based effect (darken, frost, grayscale) in BOTH | |
| 35 | - * directions — losing focus and regaining it. Bump it up for a | |
| 36 | - * slower, dreamier blur; drop it for a snappier feel. Collapses to | |
| 37 | - * instant under `prefers-reduced-motion`. */ | |
| 38 | - --os-fx-transition-duration: 0.5s; | |
| 39 | - | |
| 40 | - /* darken — dim + slight desaturate */ | |
| 41 | - --os-fx-darken-brightness: 0.82; | |
| 42 | - --os-fx-darken-saturate: 0.92; | |
| 43 | - | |
| 44 | - /* frost — frosted-glass blur, lifted + cooled */ | |
| 45 | - --os-fx-frost-blur: 3px; | |
| 46 | - --os-fx-frost-saturate: 0.7; | |
| 47 | - --os-fx-frost-brightness: 1.08; | |
| 48 | - | |
| 49 | - /* grayscale — drain colour, settle brightness */ | |
| 50 | - --os-fx-grayscale-amount: 1; | |
| 51 | - --os-fx-grayscale-brightness: 0.95; | |
| 52 | -} | |
| 53 | 44 | |
| 54 | 45 | /* |
| 55 | 46 | * `darken` — dims unfocused windows (title bar and body alike) so the |
| 56 | 47 | * focused window reads as the active surface. |