io/theme.json at main · ioThio/io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
{
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "version": 2,
    "settings": {
        "appearanceTools": true,
        "color": {
            "defaultPalette": false,
            "palette": [
                { "slug": "io-white", "color": "rgb(255,255,255)", "name": "Io White" },
                { "slug": "io-gray-100", "color": "rgb(243 244 246)", "name": "Io Gray 100" },
                { "slug": "io-gray-200", "color": "rgb(229 231 235)", "name": "Io Gray 200" },
                { "slug": "io-gray-300", "color": "rgb(209 213 219)", "name": "Io Gray 300" },
                { "slug": "io-gray-400", "color": "rgb(156 163 175)", "name": "Io Gray 400" },
                { "slug": "io-gray-500", "color": "rgb(107 114 128)", "name": "Io Gray 500" },
                { "slug": "io-gray-600", "color": "rgb(75 85 99)", "name": "Io Gray 600" },
                { "slug": "io-gray-700", "color": "rgb(55 65 81)", "name": "Io Gray 700" },
                { "slug": "io-gray-800", "color": "rgb(31 41 55)", "name": "Io Gray 800" },
                { "slug": "io-gray-900", "color": "rgb(17 24 39)", "name": "Io Gray 900" },
                { "slug": "io-primary", "color": "rgb(239 68 68)", "name": "Io Primary" },
                { "slug": "io-accent", "color": "rgb(67 56 202)", "name": "Io Accent" },
                { "slug": "io-success", "color": "rgb(52 211 153)", "name": "Io Success" },
                { "slug": "io-info", "color": "rgb(96 165 250)", "name": "Io Info" },
                { "slug": "io-warning", "color": "rgb(251 146 60)", "name": "Io Warning" },
                { "slug": "io-danger", "color": "rgb(236 72 153)", "name": "Io Danger" }
            ],
            "background": true,
            "text": true,
            "link": true,
            "custom": true,
            "duotone": [
                { "slug": "io-pink-sunset", "colors": ["#11245e", "#dc4379"], "name": "Io Pink" }
            ],
            "defaultGradients": false,
            "gradients": [
                {
                    "slug": "io-summer-dog",
                    "name": "Io Summer Dog",
                    "gradient": "linear-gradient(#a8ff78, #78ffd6)"
                }
            ]
        },
        "blocks": {
            "core/site-title":{
                "color": {
                    "defaultPalette": true,
                    "palette": [
                        {
                            "slug": "io-primary", "color": "#ef4444", "name": "Io Primary"
                        }
                    ],
                    "link": true,
                    "custom": true,
                    "gradients": [],
                    "customGradient": true
                },
                "typography": {
                    "fontFamilies": [
                        {
                            "fontFamily": "Pacifico, sans-serif",
                            "slug": "io-pacifico",
                            "name": "Io Pacifico"
                        }
                    ]
                }
            },
            "core/cover": {
                "color": {
                    "duotone": [],
                    "customDuotone": false
                }
            },
            "core/preformatted": {
                "typography": {
                    "fontSizes": [],
                    "customFontSize": false
                }
            }
        },
        "border": {
            "color": true,
            "radius": true,
            "style": true,
            "width": true
        },
        "typography": {
            "fontFamilies": [
                {
                    "fontFamily": "Rubik, sans-serif",
                    "slug": "io-rubik",
                    "name": "Io Rubik"
                }
            ],
            "fontSizes": [
                {
                    "slug": "small", "size": "0.75rem", "name": "Small"
                },
                {
                    "slug": "medium", "size": "1.25rem", "name": "Medium"
                },
                {
                    "slug": "large", "size": "2.25rem", "name": "Large"
                },
                {
                    "slug": "x-large", "size": "3rem", "name": "X-Large"
                },
                {
                    "slug": "gigantic", "size": "3.75rem", "name": "Gigantic"
                }
            ],
            "lineHeight": true,
            "dropCap": true,
            "fontWeight": true,
            "fontStyle": true,
            "textTransform": true,
            "letterSpacing": true,
            "textDecoration": true
        },
        "layout": {
            "contentSize": "800px",
            "wideSize": "1100px"
        },
        "spacing": {
            "margin": true,
            "padding": true,
            "units": [
                "px",
                "rem",
                "vh",
                "vw",
                "%"
            ],
            "blockGap": true
        }
    },
    "styles": {
        "color": {
            "text": "var(--wp--preset--color--io-gray-700)",
            "background": "var(--wp--preset--color--io-white)"
        },
        "elements": {
            "link" :{
                "color":{
                    "text": "var(--wp--preset--color--io-primary)"
                }
            }
        },
        "blocks": {
            "core/button": {
                "color": {
                    "gradient": "var(--wp--preset--gradient--io-summer-dog)"
                }
            },
            "core/pullquote": {
                "border": {
                    "width": "2px",
                    "radius": "10px",
                    "style": "solid",
                    "color": "var(--wp--preset--color--io-primary)"
                }
            }
        },
        "typography": {
            "fontFamily": "var(--wp--preset--font--family--io-rubik)",
            "fontSize": "16px",
            "fontStyle": "normal",
            "fontWeight": "normal",
            "lineHeight": "inherit",
            "textDecoration": "none",
            "textTransform": "none"
        },
        "spacing": {
            "margin": {
                "top": "0px",
                "bottom": "0px",
                "left": "0px",
                "right": "0px"
            },
            "padding": {
                "top": "0px",
                "bottom": "0px",
                "left": "0px",
                "right": "0px"
            },
            "blockGap": "4rem"
        }
    }
}