PluginProbe
OpenStation: Desktop Windows, Dock & Virtual Desktops for WP Admin / 1.1.10
OpenStation: Desktop Windows, Dock & Virtual Desktops for WP Admin v1.1.10
1.1.10 1.1.9 1.1.8 1.1.7 1.1.6 1.1.5 1.1.4 1.1.3 1.1.2 1.1.1 1.1.0 1.0.1 1.0.0 0.9.8 0.9.7 0.9.6 0.9.4 0.9.5 0.9.3 0.9.2 0.9.1 0.9.0 0.8.9 0.8.8 0.8.7 All 34 releases
← All changes | assets/css/effects.css +26 -26 0.9.81.1.10 View file →
@@ -1,24 +1,24 @@
1 1 /**
2 - * Desktop Mode — Window effects.
2 + * OpenStation — Window effects.
3 3 *
4 4 * Visual treatments applied to windows by the unfocus-effect engine
5 5 * (`src/effects/unfocus-engine.ts`). The engine toggles a per-effect
6 - * class on the window root (`.desktop-mode-window`) while the window
6 + * class on the window root (`.os-window`) while the window
7 7 * is NOT focused; each effect ships the matching rule here (or, for
8 8 * plugin effects, in the plugin's own stylesheet).
9 9 *
10 10 * The fade is driven by the `filter` entry in the shared
11 - * `.desktop-mode-window` transition (see `window-chrome.css`), so
11 + * `.os-window` transition (see `window-chrome.css`), so
12 12 * effects that animate via `filter` get a smooth two-way transition as
13 13 * focus moves between windows — and collapse to instant under
14 14 * `prefers-reduced-motion` along with every other window transition.
15 15 *
16 - * Registered as its own `desktop-mode-effects` style handle, chained
17 - * by dependency between `desktop-mode-os-settings` and
18 - * `desktop-mode-window-links` so its position in the cascade matches
16 + * Registered as its own `os-effects` style handle, chained
17 + * by dependency between `os-settings` and
18 + * `os-window-links` so its position in the cascade matches
19 19 * where it sat when these sheets were `@import`ed. Enqueuing
20 - * `desktop-mode-windows` still pulls it in via that chain.
20 + * `os-windows` still pulls it in via that chain.
21 21 *
22 22 * @since 0.26.0
23 23 */
24 24
@@ -26,9 +26,9 @@
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 28 * without overriding the whole rule (and so the values read as a set).
29 29 */
30 -.desktop-mode-window {
30 +.os-window {
31 31 /* How long an effect takes to ramp in/out as focus moves between
32 32 * windows. Drives the `filter` entry of the shared window
33 33 * transition (see `window-chrome.css`); applies to every
34 34 * filter-based effect (darken, frost, grayscale) in BOTH
@@ -34,22 +34,22 @@
34 34 * filter-based effect (darken, frost, grayscale) in BOTH
35 35 * directions — losing focus and regaining it. Bump it up for a
36 36 * slower, dreamier blur; drop it for a snappier feel. Collapses to
37 37 * instant under `prefers-reduced-motion`. */
38 - --desktop-mode-fx-transition-duration: 0.5s;
38 + --os-fx-transition-duration: 0.5s;
39 39
40 40 /* darken — dim + slight desaturate */
41 - --desktop-mode-fx-darken-brightness: 0.82;
42 - --desktop-mode-fx-darken-saturate: 0.92;
41 + --os-fx-darken-brightness: 0.82;
42 + --os-fx-darken-saturate: 0.92;
43 43
44 44 /* frost — frosted-glass blur, lifted + cooled */
45 - --desktop-mode-fx-frost-blur: 3px;
46 - --desktop-mode-fx-frost-saturate: 0.7;
47 - --desktop-mode-fx-frost-brightness: 1.08;
45 + --os-fx-frost-blur: 3px;
46 + --os-fx-frost-saturate: 0.7;
47 + --os-fx-frost-brightness: 1.08;
48 48
49 49 /* grayscale — drain colour, settle brightness */
50 - --desktop-mode-fx-grayscale-amount: 1;
51 - --desktop-mode-fx-grayscale-brightness: 0.95;
50 + --os-fx-grayscale-amount: 1;
51 + --os-fx-grayscale-brightness: 0.95;
52 52 }
53 53
54 54 /*
55 55 * `darken` — dims unfocused windows (title bar and body alike) so the
@@ -54,12 +54,12 @@
54 54 /*
55 55 * `darken` — dims unfocused windows (title bar and body alike) so the
56 56 * focused window reads as the active surface.
57 57 */
58 -.desktop-mode-window--fx-darken {
58 +.os-window--fx-darken {
59 59 filter:
60 - brightness( var( --desktop-mode-fx-darken-brightness, 0.82 ) )
61 - saturate( var( --desktop-mode-fx-darken-saturate, 0.92 ) );
60 + brightness( var( --os-fx-darken-brightness, 0.82 ) )
61 + saturate( var( --os-fx-darken-saturate, 0.92 ) );
62 62 }
63 63
64 64 /*
65 65 * `frost` — throws the window literally out of focus. Blur is the
@@ -68,13 +68,13 @@
68 68 * the user and the content. `filter: blur()` rasterizes the whole
69 69 * window subtree — iframe content included — so the frosting is total,
70 70 * not just chrome-deep.
71 71 */
72 -.desktop-mode-window--fx-frost {
72 +.os-window--fx-frost {
73 73 filter:
74 - blur( var( --desktop-mode-fx-frost-blur, 3px ) )
75 - saturate( var( --desktop-mode-fx-frost-saturate, 0.7 ) )
76 - brightness( var( --desktop-mode-fx-frost-brightness, 1.08 ) );
74 + blur( var( --os-fx-frost-blur, 3px ) )
75 + saturate( var( --os-fx-frost-saturate, 0.7 ) )
76 + brightness( var( --os-fx-frost-brightness, 1.08 ) );
77 77 }
78 78
79 79 /*
80 80 * `grayscale` — drains the colour from unfocused windows so the focused
@@ -82,9 +82,9 @@
82 82 * this makes the active window pop without dimming anything into the
83 83 * dark. A touch of brightness settling keeps the mono windows from
84 84 * glaring.
85 85 */
86 -.desktop-mode-window--fx-grayscale {
86 +.os-window--fx-grayscale {
87 87 filter:
88 - grayscale( var( --desktop-mode-fx-grayscale-amount, 1 ) )
89 - brightness( var( --desktop-mode-fx-grayscale-brightness, 0.95 ) );
88 + grayscale( var( --os-fx-grayscale-amount, 1 ) )
89 + brightness( var( --os-fx-grayscale-brightness, 0.95 ) );
90 90 }