devup.json

You can use devup.json file to create themes. Create devup.json at the root of your project. The structure of the JSON object should like this:

1{
2  "theme": {
3    "colors": {
4      "light": {
5        "primary": "#6159D4",
6        "secondary": "#85A5F2"
7      },
8      "dark": {
9        "primary": "#737FE4",
10        "secondary": "#2A4586"
11      }
12    },
13    "typography": {
14      "h1": {
15        "fontFamily": "Pretendard",
16        "fontStyle": "normal",
17        "fontWeight": 800,
18        "fontSize": "52px",
19        "lineHeight": 1.3
20      }
21    }
22  }
23}
1{
2  "theme": {
3    "colors": {
4      "light": {
5        "primary": "#6159D4",
6        "secondary": "#85A5F2"
7      },
8      "dark": {
9        "primary": "#737FE4",
10        "secondary": "#2A4586"
11      }
12    },
13    "typography": {
14      "h1": {
15        "fontFamily": "Pretendard",
16        "fontStyle": "normal",
17        "fontWeight": 800,
18        "fontSize": "52px",
19        "lineHeight": 1.3
20      }
21    }
22  }
23}

When you pass in the variables as props, Devup will parse it in accordance with devup.json file.

To see examples, check out Colors and Typography pages.