← All changes | assets/css/variables.css +77 -10 1.1.10 → 1.1.12 View file →

		@@ -1371,8 +1371,53 @@
1371	1371	--os-dock-recycle-badge-bg: rgba(26, 23, 33, 0.85);
1372	1372	--os-dock-recycle-badge-fg: rgba(255, 251, 255, 0.92);
1373	1373
1374	1374	/*
	1375	+ * ---- Chrome that sits on the wallpaper ---------------------
	1376	+ *
	1377	+ * The desktop icons and the Add widget pill paint straight onto
	1378	+ * the wallpaper, with no window behind them. Bare Starlight only
	1379	+ * works there while the wallpaper is dark, and not every one is:
	1380	+ * on Holomesh they measured 1.5:1 to 2.2:1.
	1381	+ *
	1382	+ * **A plate and an ink are two different answers, and which one a
	1383	+ * surface gets depends on whether it is an object.**
	1384	+ *
	1385	+ * The Add widget pill is, so it takes a PLATE and reads on every
	1386	+ * wallpaper without anyone measuring anything. It derives it from
	1387	+ * the glass it sits beside rather than mixing its own: the widget
	1388	+ * card whose stack it trails.
	1389	+ *
	1390	+ * Icons, captions and file tiles are not objects — plating each one
	1391	+ * turns a desk into a sheet of stickers — so they change INK, which
	1392	+ * needs someone to know how bright the desk is. `--os-desk-fg` is
	1393	+ * that answer, decided by `src/wallpapers/tone.ts` and carried by
	1394	+ * the `body.os-wallpaper-light` rule below. Retint the desk by
	1395	+ * naming the two literals it chooses between, never the chooser.
	1396	+ *
	1397	+ * `--os-icon-label-bg` is the belt to that pair of braces, for the
	1398	+ * wallpaper nobody can measure: it costs nothing on a dark desk
	1399	+ * (Void on Void), switches off where the tone is light, and holds
	1400	+ * Starlight up where the tone is simply unknown.
	1401	+ *
	1402	+ * The shadows sharpen rather than rescue: a halo moves the glyph
	1403	+ * edges, not the contrast ratio.
	1404	+ */
	1405	+ --os-icon-label-bg: rgba(12, 11, 15, 0.55);
	1406	+ --os-icon-label-shadow: 0 1px 2px rgba(12, 11, 15, 0.9);
	1407	+ --os-icon-glyph-shadow: drop-shadow(0 1px 3px rgba(12, 11, 15, 0.75));
	1408	+ --os-icon-hover-bg: rgba(255, 251, 255, 0.12);
	1409	+ --os-widgets-add-bg: var(--os-ui-color-surface, rgba(20, 20, 22, 0.55));
	1410	+ --os-widgets-add-bg-hover: color-mix(
	1411	+ in srgb,
	1412	+ var(--os-ui-color-surface, rgba(20, 20, 22, 0.55)) 90%,
	1413	+ #fffbff
	1414	+ );
	1415	+ --os-widgets-add-border: rgba(255, 251, 255, 0.38);
	1416	+ --os-desk-fg: var(--os-fg, #fffbff);
	1417	+ --os-desk-ink-light: #1a1721;
	1418	+
	1419	+ /*
1375	1420	* ---- Tooltips ---------------------------------------------
1376	1421	*
1377	1422	* Two tokens own every tooltip CHIP in the shell — the dock tile
1378	1423	* tooltip and the content-graph satellite tooltip.
		@@ -1777,9 +1822,11 @@
1777	1822	*
1778	1823	* Plugin authors can override any of these in their own theme
1779	1824	* to retint tiles globally without touching the rules below.
1780	1825	*/
1781		- --os-tile-fg: var(--os-fg, #fffbff);
	1826	+ /* Through the desk's ink: a file tile sits on the wallpaper as a
	1827	+ desktop icon does. Folder windows override it in their own scope. */
	1828	+ --os-tile-fg: var(--os-desk-fg, var(--os-fg, #fffbff));
1782	1829	--os-tile-fg-muted: rgba(255, 251, 255, 0.7);
1783	1830	--os-tile-hover-bg: rgba(255, 251, 255, 0.12);
1784	1831	--os-tile-selected-bg: rgba(255, 251, 255, 0.16);
1785	1832	--os-tile-selected-ring-width: 0px;
		@@ -1845,17 +1892,8 @@
1845	1892	* the thing that gets perched on. Still under the dock (200).
1846	1893	*/
1847	1894	--os-z-desktop-name: 195;
1848	1895	/*
1849		- * The notch — on the desk, under the windows (100 + stack index),
1850		- * above the window-link wires (50) so a tie never draws across the
1851		- * pill. It hangs over the strip a window's title bar occupies, and
1852		- * a pill floating above someone's window is the shell talking over
1853		- * the thing they are working in.
1854		- */
1855		- --os-z-notch: 60;
1856		-
1857		- /*
1858	1896	* Window-link ties (relation splines between windows). The accent
1859	1897	* follows the admin color scheme. Solid colors only — the resting
1860	1898	* dimming is done with stroke-opacity/fill-opacity in
1861	1899	* window-links.css, NOT color-mix(): an unresolvable color-mix()
		@@ -1877,8 +1915,37 @@
1877	1915	* included) would go invalid. Schemes/plugins that retint the
1878	1916	* accent should override this too.
1879	1917	*/
1880	1918	--os-window-link-glow: rgba(242, 82, 252, 0.45);
	1919	+}
	1920	+
	1921	+/*
	1922	+ * ---- A light desk -------------------------------------------------
	1923	+ *
	1924	+ * Stamped by `src/wallpapers/tone.ts` while the active wallpaper is
	1925	+ * light: either it declared `tone: 'light'` (both meshes do) or, for
	1926	+ * the two wallpapers the user supplies themselves, the shell measured
	1927	+ * it brighter than the crossover where Void ink overtakes Starlight.
	1928	+ *
	1929	+ * Only things that paint DIRECTLY on the wallpaper flip, so the halos
	1930	+ * invert with the ink and the caption lozenge switches off. Chrome that
	1931	+ * carries its own plate does not.
	1932	+ *
	1933	+ * The selector carries `.os-active` to sit a class above a theme's
	1934	+ * `body.os-desktop-theme-<slug>`. A theme retints the desk by naming
	1935	+ * `--os-fg` / `--os-desk-ink-light`; answering the chooser instead
	1936	+ * would pin one ink to every wallpaper.
	1937	+ */
	1938	+body.os-active.os-wallpaper-light {
	1939	+ --os-desk-fg: var(--os-desk-ink-light, #1a1721);
	1940	+ --os-icon-label-bg: transparent;
	1941	+ --os-icon-label-shadow: 0 1px 2px rgba(255, 251, 255, 0.55);
	1942	+ --os-icon-glyph-shadow: drop-shadow(0 1px 2px rgba(255, 251, 255, 0.5));
	1943	+ --os-icon-hover-bg: rgba(12, 11, 15, 0.12);
	1944	+ --os-tile-hover-bg: rgba(12, 11, 15, 0.1);
	1945	+ --os-tile-selected-bg: rgba(12, 11, 15, 0.14);
	1946	+ --os-tile-fg-muted: rgba(26, 23, 33, 0.72);
	1947	+ --os-tile-label-shadow: 0 1px 2px rgba(255, 251, 255, 0.55);
1881	1948	}
1882	1949
1883	1950	/*
1884	1951	* ---- Iframe windows keep a light body -----------------------------