@kolkrabbi/kol-theme 0.190.0 → 0.191.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/kol-base-tokens.css +13 -0
- package/package.json +1 -1
package/kol-base-tokens.css
CHANGED
|
@@ -242,3 +242,16 @@
|
|
|
242
242
|
* Nine apps each carried their own copy; this file is loaded by both `core` and the umbrella, so every
|
|
243
243
|
* KOL app gets it. `none`, not `-x` — that stopped only the sideways bounce. */
|
|
244
244
|
html { overscroll-behavior: none; }
|
|
245
|
+
|
|
246
|
+
/* THE PAGE HAS A GROUND (StandaloneSafeAreaAndPageGround, kol-mirror 2026-10-26): saved to the iPhone
|
|
247
|
+
* home screen with `black-translucent` + `viewport-fit=cover`, the viewport is shorter than the screen by
|
|
248
|
+
* the top inset, and an unpainted `html` shows the bare canvas white below the shell and behind the status
|
|
249
|
+
* bar. Tokens alone paint nothing; kol-framework painted it, and apps without it (Mirror, Monitor) did not. */
|
|
250
|
+
html { background: var(--kol-surface-primary); }
|
|
251
|
+
|
|
252
|
+
/* Standalone, the status bar sits over the page: pad the top inset so a title clears it. The padding also
|
|
253
|
+
* pushes the content one inset past the short viewport, so the overflow covers the bottom — deliberate, and
|
|
254
|
+
* the ground above keeps whatever shows there dark. A browser tab reports no inset and pays nothing. */
|
|
255
|
+
@media (display-mode: standalone) {
|
|
256
|
+
body { padding-top: env(safe-area-inset-top, 0px); }
|
|
257
|
+
}
|