Skip to content

Add Ember Dark to the public site - #217

Merged
lastobelus merged 8 commits into
t3code/refresh-ui-docs-mediafrom
t3code/public-ember-dark
Aug 31, 2026
Merged

Add Ember Dark to the public site#217
lastobelus merged 8 commits into
t3code/refresh-ui-docs-mediafrom
t3code/public-ember-dark

Conversation

@lastobelus

@lastobelus lastobelus commented Aug 29, 2026

Copy link
Copy Markdown
Owner

Outcome

Adds a system-aware, persistent Ember Dark appearance to every GitHub Pages document while preserving Ember Light as the published product-media and social-card capture theme.

Stack

Included

  • Synchronous system/persisted appearance resolution before CSS loads.
  • Muted day and night controls immediately left of Try it, plus equivalent controls in documentation sidebars and mobile headers.
  • The effective in-app Ember Dark low-colorization surfaces and semantic color cascade, with the app's more visible standard Ember Dark rule used for public-document structure.
  • Unchanged canonical Markover brand SVGs in both appearances.
  • Persistent explicit choice, system changes before a choice, browser theme-color updates, keyboard focus, and responsive header containment.
  • A semantic footer navigation with stable desktop, medium, and phone grid compositions and a 65%-scale footer lockup.
  • Automated coverage across all seven Pages documents and unchanged Ember Light screenshots, movie, poster, and sharing cards.

Boundary

This PR changes only the GitHub Pages appearance. It does not recolor or recapture screenshots, movie, poster, README, or social cards; change product themes; edit launch copy; or resolve the later Fable/content review. The earlier rose-tinted public-dark exploration is preserved only as a future-theme seed in this PR comment; none of those adapted colors ship here.

Evidence

  • npm run ci:local: 933/933 tests, lint, typecheck, notices, and native smoke passed at commit 61cb225.
  • Focused Pages and launch tests: 25/25 passing at commit 320d13f.
  • GitHub CI passes on commit 320d13f.
  • Integrated-browser checks cover persistence, canonical brand assets, unchanged product-media paths, centered phone actions, and zero footer overflow across 13 widths from 320px through 1280px.
  • Owner desktop and narrow-screen Ember Dark visual QA passed.

@lastobelus

lastobelus commented Aug 29, 2026

Copy link
Copy Markdown
Owner Author

Work intent

phase: review
summary: "Implementation, automated checks, and owner desktop/narrow Ember Dark QA are complete."
touch-points:
  - docs/user/*.html
  - docs/user/*/index.html
  - docs/user/styles.css
  - docs/user/site.ts
  - test/docs-site.test.ts
done-when:
  - "All seven Pages documents resolve system or persisted light/dark appearance before CSS."
  - "Dark appearance uses the effective in-app Ember Dark low-colorization surfaces, a visible public rule, and unchanged canonical brand assets."
  - "Accessible day/night controls synchronize state and browser theme color."
  - "Desktop and 320px layouts have no horizontal overflow in both appearances."
  - "Screenshots, movie, poster, README, and social cards remain Ember Light assets."
  - "Focused tests, full ci:local, GitHub CI, and owner light/dark visual QA pass."
excludes:
  - "Product theme changes or new product captures."
  - "Recoloring README, screenshots, movie, poster, or social cards."
  - "Launch-copy editing, Fable review, announcements, and repository settings."
blocked-by:
  - "#214"
may-block:
  - "#205"
branch: "t3code/public-ember-dark"

Completion: Completed after three finding-bearing exact-head review rounds. Final head d62862a passed 934 tests and the packaged smoke test; it was squash-merged as b67b949. The accessible alternate palette remains preserved separately in comment 5465177067 for future theme exploration.

@lastobelus

Copy link
Copy Markdown
Owner Author

Future theme seed — adapted editorial dark (not shipping in #217)

Owner QA rejected this palette as Ember Dark because it is an adapted public-site theme rather than the in-app product theme, but liked it enough to preserve for possible future theme work.

Exact seed from commit 5e984bb768dfec8049ef7bae795b8e1ca7411621:

--brand-orange: #e5b8a8;
--brand-burgundy: #e5b8a8;
--ink: #dfdedd;
--muted: #aaa8a6;
--ground: #242221;
--paper: #161514;
--neutral-soft: #110e0a;
--surface: #0b0808;
--line: #4a3a34;
--brand-soft: #2b2422;
--code: #0e0e0e;

The distinguishing choices are the pale rose accent/link alias, stronger warm rule, and pale recolored brand artwork. If promoted later, it should receive its own name, product-theme decision, and accessibility/visual QA rather than being described as Ember Dark.

@lastobelus
lastobelus force-pushed the t3code/public-ember-dark branch from 320d13f to 34695d3 Compare August 30, 2026 23:45
@lastobelus
lastobelus changed the base branch from t3code/demo-launch-assets to t3code/refresh-ui-docs-media August 30, 2026 23:45
@lastobelus
lastobelus marked this pull request as ready for review August 30, 2026 23:45
@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Aug 30, 2026

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review Completed 2026-08-31T00:10:36.258481Z d62862a Manual request
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 34695d3fe1

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment thread docs/user/styles.css Outdated
@lastobelus

Copy link
Copy Markdown
Owner Author

@codex review

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 2a03edff6c

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment thread docs/user/styles.css
Comment thread docs/user/guide/index.html
@lastobelus

Copy link
Copy Markdown
Owner Author

@codex review

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 090eb589d7

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment thread docs/user/index.html
@lastobelus

Copy link
Copy Markdown
Owner Author

@codex review

@chatgpt-codex-connector

Copy link
Copy Markdown

Codex Review: Didn't find any major issues. 👍

Reviewed commit: d62862af95

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

@lastobelus
lastobelus merged commit b67b949 into t3code/refresh-ui-docs-media Aug 31, 2026
1 check passed
@github-project-automation github-project-automation Bot moved this from In Progress to Done in Markover Announcement Readiness Aug 31, 2026
lastobelus added a commit that referenced this pull request Aug 31, 2026
* add Ember Dark public appearance

* match public dark mode to Ember Dark

* refine the public site at phone widths

* stabilize the responsive footer

* keep dark accents readable

* keep dark button borders semantic

* keep dark dialog and sidebar controls usable

* collapse public navigation before controls crowd
lastobelus added a commit that referenced this pull request Aug 31, 2026
* docs: plan Ember Light visual refresh

* docs: align visual refresh plan with design brief

* Stage sanitized public capture state (#210)

* docs: define public capture contract

* feat: stage sanitized public capture state

* test: satisfy capture staging quality gates

* Restyle public surfaces for Ember Light (#212)

* style: align public tokens with Ember Light

* docs: redraw current public product surfaces

* use canonical public app branding

* Recapture the current Ember Light product UI (#213)

* docs: reserve one strongest product capture

* docs: automate current product stills

* fix: target the packaged capture renderer

* fix: settle captures after hidden toasts

* docs: replace product captures with Ember Light

* fix: retain capture provenance after restack

* Publish the preview demo and launch assets (#214)

* chore: start demo and launch assets slice

* docs: automate the focused preview demo

* docs: show opening the captured review

* docs: publish the focused preview demo

* docs: finish the focused preview launch assets

* test: tighten launch asset assertions

* polish public preview typography

* fix: retain demo capture provenance after restack

* fix: identify Claude Code host examples

* fix: use accessible public counter color

* fix: reserve Ember orange for non-text accents

* fix: carry preview boundary on demo end card

* fix: activate unrecorded demo setup directly

* docs: regenerate demo with preview boundary

* Add Ember Dark to the public site (#217)

* add Ember Dark public appearance

* match public dark mode to Ember Dark

* refine the public site at phone widths

* stabilize the responsive footer

* keep dark accents readable

* keep dark button borders semantic

* keep dark dialog and sidebar controls usable

* collapse public navigation before controls crowd

* Polish focused-preview public copy (#220)

* polish public preview copy

* align public copy assertions

* restore canonical and pane terminology

* keep agent and privacy copy contract-accurate

* narrow every local-data promise

* Stabilize public heading typography (#221)

* stabilize the public hero heading

* smooth the hero type breakpoint

* restore lighter public heading weights

* recapture stills from a retained source

* recapture demo from a retained source

* keep brand assets legible in Ember Dark

* keep the mobile disclosure readable
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Development

Successfully merging this pull request may close these issues.

1 participant