tailwind.config.js 1.0 KB

1234567891011121314151617181920212223
  1. /**
  2. * Legacy Tailwind v3-style JS config: `theme` from `app/design/tailwind/theme.js`
  3. * (deepmerge includes `app/customization/design/tailwind/theme.js`).
  4. *
  5. * NOT CURRENTLY LOADED BY ANY BUILD. Tailwind v4 does not auto-discover
  6. * `tailwind.config.js` — it must be pulled in explicitly with `@config`, and no
  7. * `@config` directive exists in this repo. Both platforms are CSS-first and take
  8. * their tokens from `app/design/styles/theme.css` (`@theme inline`):
  9. * - web → `app/design/styles/global.css`
  10. * - native → `apps/expo/global.combined.css` (uniwind)
  11. *
  12. * So adding a token here alone has no effect. Add it to the `@theme inline` block
  13. * in `design/styles/theme.css` — that is what generates the utility on both
  14. * platforms. (A `shadow-block-outline` entry added only here silently rendered
  15. * nothing until it was mapped in `theme.css`.)
  16. */
  17. const { theme } = require('app/design/tailwind/theme');
  18. module.exports = {
  19. darkMode: ['class', '[theme="dark"]'],
  20. important: 'html',
  21. theme,
  22. };