Skip to content

Docs: display mode on the dashboard and the adaptive colours - #61

Merged
SandObserver merged 1 commit into
mainfrom
docs/display-mode-and-adaptive-colours
Sep 20, 2026
Merged

SandObserver merged 1 commit into
mainfrom
docs/display-mode-and-adaptive-colours

Conversation

@SandObserver

Copy link
Copy Markdown
Owner

Summary

  • Rewrite the Display Mode paragraph on Wallpaper, themes and language: it sets the theme for the dashboard as well as the Settings pages, follows the device on System, and is stored per browser. Name the widget card colours and the two exceptions.
  • Rename the row in the Settings reference and widen it to the dashboard.
  • Add a Tile colour table to Add apps and folders: Dark, White, Auto, Clear and the system colours, with what the colour wheel opens and when a white icon disappears.
  • Name the badge colours on Status badges: Accent, Success, Warning, Danger and Info.
  • Drop the Theme setting from the Clock widget page and say the face follows Display Mode.
  • Correct the design system page: both pages carry both themes.
  • Update the widget manifest page: the card table gains graphite, translucent is described as the default card kept for a widget that named it, and a new section documents "appearance": "dark".
  • Recapture the Appearance and label-colour screenshots, light and dark, and drop the four files they replace.
  • Sync the bundled widget and js copies from the app repo.

Testing
npm run build and npm run check both pass. Checked the production build on port 4322 in Chrome, in both docs themes: the two recaptured figures, the new tables, and the widget previews, which now follow the docs theme because a widget reads the theme from the page that embeds it. Screenshots come from the app running in demo mode against a hand-written config, at 1280 wide and 2x.

Checklist

  • npm run build and npm run check both pass.
  • Product UI is shown by running or capturing it, never recreated in CSS.
  • Any new preview or screenshot carries no private hostnames or real data.
  • Visual changes verified in both colour schemes and both docs themes.
  • Links to the app repo still resolve.

Display Mode now sets the theme for the dashboard, the Settings pages and every
widget. The clock loses its own Dark and Light option. Icon tiles gain Auto and
Clear, badges name the design system roles, and a widget manifest can pin a dark
appearance or a graphite card.
@SandObserver SandObserver added the documentation Improvements or additions to documentation label Sep 20, 2026
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying stackyard-docs with  Cloudflare Pages  Cloudflare Pages

Latest commit: 531dc45
Status: ✅  Deploy successful!
Preview URL: https://abcd5b4e.stackyard-docs.pages.dev
Branch Preview URL: https://docs-display-mode-and-adapti.stackyard-docs.pages.dev

View logs

@SandObserver
SandObserver merged commit 031a19a into main Sep 20, 2026
2 checks passed
@SandObserver
SandObserver deleted the docs/display-mode-and-adaptive-colours branch September 20, 2026 04:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant