Phases 3-4 of docs/website/THEMING_AND_NAV.md. Three presets, the curated font shortlist, and /admin/appearance to drive them. The design put the presets in theme.css as [data-theme] blocks. That does not work: SiteContext writes --accent as an inline style on <html>, which beats any attribute-selector block, so a preset's accent would have been painted over by BRAND_ACCENT_COLOR while getPublic().brand.accent -- the value the Android app themes itself from -- reported the other one. Presets now live in server/src/config/themePresets.js. themeResolve.js layers :root <- preset <- custom per field into a token map, getPublic() returns it as `theme`, and the client writes it onto <html>. One authority for the merge, and brand.accent is by construction the accent the site paints. theme.css's :root is untouched, so an instance with no row gets no theme block and renders as today. Also: presets carry the full 15-token palette (eight would have left Fantasy with blue-grey borders); the option catalog is served from GET /settings/theme/options so the form cannot offer what the server rejects; validation is strict on write and forgiving on read; and the Discord bot now fetches the effective accent instead of its boot-time env copy. Fixes a Phase 0 bug in passing: settings/nav.controller.js imported the logger factory rather than calling it, so a DB fault would have thrown a TypeError inside the catch instead of returning 500. Co-Authored-By: Claude <noreply@anthropic.com>
18 lines
754 B
JavaScript
18 lines
754 B
JavaScript
const { themeOptions } = require('../../../utils/themeResolve')
|
|
|
|
// The theme catalog the admin appearance form builds its controls from: the
|
|
// presets and their swatches, the curated font shortlist, the shadow depths,
|
|
// and which color and radius fields are editable.
|
|
//
|
|
// Served rather than duplicated in client code so the options the form OFFERS
|
|
// can never drift from the ones validateThemeVisual() ACCEPTS — a drift shows
|
|
// up as an admin picking a font and the save 400ing for no visible reason.
|
|
//
|
|
// Static: derived from config/themePresets.js with no DB read, so there is
|
|
// nothing here to fail and no error branch to write.
|
|
function getThemeOptions(req, res) {
|
|
return res.json(themeOptions())
|
|
}
|
|
|
|
module.exports = { getThemeOptions }
|