git.iko.soy/urbit.org
on master help sign in
tailwind.config: theme implementation with json imports
ccee047Matilde Park
tailwind.config.js+20−2
compare with master
unifiedsplit
@@ -1,7 +1,8 @@
1const markdoc = require("@urbit/markdoc");
1const markdoc = require("@urbit/markdoc");
2+const themeSwapper = require("tailwindcss-theme-swapper");
3+const { base, dark } = require("@urbit/foundation-design-system/themes");
2
4
3module.exports = {
5module.exports = {
4− presets: [require("@urbit/foundation-design-system/tailwind.config")],
5 content: {
6 content: {
6 files: [
7 files: [
7 "./node_modules/@urbit/foundation-design-system/**/*.js",
8 "./node_modules/@urbit/foundation-design-system/**/*.js",
@@ -17,5 +18,22 @@ module.exports = {
17 },
18 },
18 },
19 },
19 },
20 },
21+ plugins: [
20− plugins: [require("@tailwindcss/aspect-ratio")],
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+ ],
21};
39};