Several components hardcode #fff for on-accent text instead of a theme variable, which can break in dark mode / future theming.
Where (offenders found):
apps/web/src/components/settings/GetCommunityLicense.tsxapps/web/src/components/settings/ApiKeys.tsxapps/web/src/components/settings/DevSettings.tsxapps/web/src/components/app/NotificationsPage.tsxapps/web/src/components/app/ErrorBoundary.tsxapps/web/src/components/access/JoinRequestsInbox.tsx
What to do: Replace hardcoded #fff/#ffffff on-accent text with the existing on-accent CSS variable (see components/theme/ for the token; e.g. var(--on-ink) or equivalent). Keep the visual result identical in light mode.
Done when: no hardcoded white remains in those files and the buttons/badges look unchanged in light mode.
Size: M
New here? The README has a ~90-second self-host quickstart to run the app locally. Comment on the issue if you want pointers — happy to help.
Several components hardcode
#ffffor on-accent text instead of a theme variable, which can break in dark mode / future theming.Where (offenders found):
apps/web/src/components/settings/GetCommunityLicense.tsxapps/web/src/components/settings/ApiKeys.tsxapps/web/src/components/settings/DevSettings.tsxapps/web/src/components/app/NotificationsPage.tsxapps/web/src/components/app/ErrorBoundary.tsxapps/web/src/components/access/JoinRequestsInbox.tsxWhat to do: Replace hardcoded
#fff/#ffffffon-accent text with the existing on-accent CSS variable (seecomponents/theme/for the token; e.g.var(--on-ink)or equivalent). Keep the visual result identical in light mode.Done when: no hardcoded white remains in those files and the buttons/badges look unchanged in light mode.
Size: M
New here? The README has a ~90-second self-host quickstart to run the app locally. Comment on the issue if you want pointers — happy to help.