Commit Graph
4 Commits
Author SHA1 Message Date
Asger Geel Weirsøe b70a65d39e Dark-mode <progress> styling + mobile no-sideways-scroll guards
- adapters/bulma.css: dark progress bars (surface track + accent/good fill).
- base: body overflow-x:hidden + overflow-wrap, and .media-content min-width:0
  so long content wraps instead of widening the page on mobile.
2026-06-14 19:05:00 +02:00
Asger Geel Weirsøe 3b1e359421 Fix dark-mode white bar (html bg + body min-height) and centred container
- html now gets --color-bg (not just body) + body min-height:100vh, so a short
  page never reveals a light html canvas as a bar at the bottom.
- Bulma adapter: force dark html/body + transparent sections, and centre
  .container.fullwidth with !important (beats Bulma's .is-marginless margin:0).
2026-06-14 17:05:00 +02:00
Asger Geel Weirsøe 41c22e4bb5 Exact asger toggle (theme key + prefers-color-scheme), responsive container + full site-chrome components
- weirsoe-theme.js: match asger.weirsoe.dk exactly — localStorage['theme'],
  prefers-color-scheme default, light<->dark click delegation.
- Container tokens + .wt-container(/--wide/--narrow/--bleed); Bulma adapter
  constrains content to a centred column past tablet (full-bleed on phones).
- Site chrome extracted from agw/pw so it can drop its hardcoded CSS: .wt-header
  /.wt-nav/.wt-brand/.wt-nav-link/.wt-main/.wt-footer, postcard .wt-card(+date/
  title/desc, --raised) and .wt-chip. README components table + theme-color note.
2026-06-14 16:20:00 +02:00
Asger Geel Weirsøe 5784f1f955 weirsoe-theme: framework-agnostic dark/light card design system
Extracted from asger.weirsoe.dk (src/styles/global.css). Tokens (--color-*) +
base layer (glow, selection, smooth theme transition) + .wt-* components +
.prose, plus a persisted dark/light toggle (weirsoe-theme.js) and a Bulma
adapter (adapters/bulma.css) so existing Bulma sites get the card look without
markup changes. Pure CSS, system fonts, no external requests.
2026-06-14 15:42:00 +02:00