michael/fedialgo
1
0
Fork 0
Code Issues Pull requests Wiki Activity Actions

light-mode #1

Merged
michael merged 15 commits from light-mode into master 2026-05-22 10:52:14 +00:00
Conversation 0 Commits 15 Files changed 10 +489 -66
michael commented 2026-05-22 10:52:04 +00:00
Owner
Copy link
No description provided. 
Wires birdUI's existing light-theme scaffolding to a header toggle
button. Persists choice to localStorage, seeds from prefers-color-scheme.
The birdUI layout-single-column rules were oversizing icons and other
elements once toggled on. Keep just our own --app-* vars plus new
--feed-bg / --drawer-bg so the feed column and mobile drawer follow
the theme. Also hide the mobile FAB via d-md-none to avoid a flash on
desktop page load.
default.css forces `body { color: #fff }` unconditionally, which left
toot/body text white on the light background. Override on
`body.theme-mastodon-light` plus the common .status/.display-name/
.accordion descendants that re-declare it.
default.css hardcodes #d9e1e8 for .status__content a, which is invisible
on the light background. Override to a standard link blue.
default.css gives .status-card a dark border and pale-blue/grey text
(#606984, #9baec8) that disappear on a light background. Re-color the
card surface, border, title/description/host, and image placeholder.
Move accordionBody's hardcoded #b2bfd4 to a CSS var. Dark mode keeps
the original blue-grey; light mode uses a soft grey so accordion
panels still read as distinct cards against the feed.
closeVariant was hardcoded to "white", making the close button
invisible against the light drawer. Use the white variant only in
dark mode.
When the user is logged in (i.e. logout is rendered), apply the same
p-2 padding to the toggle so the two buttons match. On the login
page (no user), keep the original compact icon-button sizing.
Introduce a MobileControlsProvider context so the drawer open/close
state is reachable from above Feed in the tree. Feed registers as
the controls host and keeps the Offcanvas; Header renders a cog
button next to the theme toggle (hidden on >=md via d-md-none).
Logout collapses to a sign-out icon below the sm breakpoint so all
three actions fit on a narrow header.
On <md viewports the header sticks to the top, slides up on scroll
down, and slides back into view on scroll up. Desktop layout is
unchanged.
Copied from https://github.com/mastodon/mastodon/blob/main/app/javascript/styles/mastodon/rich_text.scss with minor adjustments
michael merged commit b19d3ae234 into master 2026-05-22 10:52:14 +00:00
michael deleted branch light-mode 2026-05-22 10:52:14 +00:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
michael/fedialgo!1
No description provided.