@@ -1,7 +1,8 @@
11const markdoc = require("@urbit/markdoc");
2+const themeSwapper = require("tailwindcss-theme-swapper");
3+const { base, dark } = require("@urbit/foundation-design-system/themes");
24
35module.exports = {
4− presets: [require("@urbit/foundation-design-system/tailwind.config")],
56 content: {
67 files: [
78 "./node_modules/@urbit/foundation-design-system/**/*.js",
@@ -17,5 +18,22 @@ module.exports = {
1718 },
1819 },
1920 },
20− plugins: [require("@tailwindcss/aspect-ratio")],
21+ plugins: [
22+ require("@tailwindcss/aspect-ratio"),
23+ themeSwapper({
24+ themes: [
25+ {
26+ name: "base",
27+ selectors: [":root"],
28+ theme: base,
29+ },
30+ {
31+ name: "dark",
32+ selectors: [".dark"],
33+ mediaQuery: "@media (prefers-color-scheme: dark)",
34+ theme: dark,
35+ },
36+ ],
37+ }),
38+ ],
2139};