Make WordPress Core

Ticket #60903: theme.json

File theme.json, 4.7 KB (added by aureliewp, 14 months ago)
Line 
1{
2        "$schema": "https://schemas.wp.org/wp/6.4/theme.json",
3        "version": 2,   
4        "settings": {           
5                "color": {
6                        "defaultPalette": false,
7                        "palette": [
8                                {
9                                        "color": "#272626",
10                                        "name": "Text",
11                                        "slug": "text"
12                                },
13                                {
14                                        "color": "#6d469b",
15                                        "name": "Primary",
16                                        "slug": "primary"
17                                },
18                                {
19                                        "color": "#a58ec3",
20                                        "name": "Secondary",
21                                        "slug": "secondary"
22                                },
23                                {
24                                        "color": "#fff6ff",
25                                        "name": "Tertiary",
26                                        "slug": "tertiary"
27                                },
28                                {
29                                        "color": "#c6b1d7",
30                                        "name": "Quaternary",
31                                        "slug": "quaternary"
32                                },
33                                {
34                                        "color": "#442C61",
35                                        "name": "Hover",
36                                        "slug": "hover"
37                                },
38                                {
39                                        "color": "#ffffff",
40                                        "name": "Base",
41                                        "slug": "base"
42                                },
43                                {
44                                        "color": "#000000",
45                                        "name": "Contrast",
46                                        "slug": "contrast"
47                                }
48                               
49                        ]
50                },             
51                "layout": {
52                        "contentSize": "650px",
53                        "wideSize": "1200px"
54                },             
55                "typography": {
56                        "dropCap": false,
57                        "fluid": true,
58                        "fontFamilies": [
59                                {
60                                        "fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
61                                        "slug": "system-fonts",
62                                        "name": "System Fonts"
63                                },
64                                {
65                                        "fontFamily": "Geneva, Tahoma, Verdana, sans-serif",
66                                        "slug": "geneva-verdana",
67                                        "name": "Geneva-Verdana"
68                                }
69                        ],
70                        "fontSizes": [
71                                {
72                                        "fluid": {
73                                                "min": "0.875rem",
74                                                "max": "1rem"
75                                        },
76                                        "size": "1rem",
77                                        "slug": "small",
78                                        "name": "Small"
79                                },
80                                {
81                                        "fluid": {
82                                                "min": "1.1875rem",
83                                                "max": "1.3125rem"
84                                        },
85                                        "size": "1.3125rem",
86                                        "slug": "medium",
87                                        "name": "Medium"
88                                },
89                                {
90                                        "fluid": {
91                                                "min": "1.3rem",
92                                                "max": "1.6rem"
93                                        },
94                                        "size": "1.6rem",
95                                        "slug": "large",
96                                        "name": "Large"
97                                },
98                                {
99                                        "fluid": {
100                                                "min": "1.6rem",
101                                                "max": "2rem"
102                                        },
103                                        "size": "2rem",
104                                        "slug": "x-large",
105                                        "name": "X Large"
106                                },
107                                {
108                                        "fluid": {
109                                                "min": "1.875rem",
110                                                "max": "2.8125rem"
111                                        },
112                                        "size": "2.8125rem",
113                                        "slug": "xx-large",
114                                        "name": "XX Large"
115                                }
116                        ]
117                }                       
118        },
119        "styles": {             
120                "color": {
121                        "background": "var(--wp--preset--color--base)",
122                        "text": "var(--wp--preset--color--text)"
123                },
124                "elements": {
125                        "button": {
126                                "border": {
127                                        "radius": "5px"
128                                },
129                                "color": {
130                                        "background": "var(--wp--preset--color--primary)",
131                                        "text": "var(--wp--preset--color--base)"
132                                },
133                                ":hover": {
134                                        "color": {
135                                                "background": "var(--wp--preset--color--hover)",
136                                                "text": "var(--wp--preset--color--base)"
137                                        }
138                                },
139                                ":focus": {
140                                        "color": {
141                                                "background": "var(--wp--preset--color--hover)",
142                                                "text": "var(--wp--preset--color--base)"
143                                        }
144                                },
145                                "typography": {
146                                        "fontWeight": "600"
147                                }
148                        },
149                        "heading": {
150                                "typography": {
151                                        "fontWeight": "700",
152                                        "lineHeight": "1.3"
153                                }
154                        },
155                        "h1": {
156                                "typography": {
157                                        "fontSize": "var(--wp--preset--font-size--xx-large)"                                   
158                                }
159                        },
160                        "h2": {
161                                "typography": {
162                                        "fontSize": "var(--wp--preset--font-size--x-large)"                                     
163                                }
164                        },
165                        "h3": {
166                                "typography": {
167                                        "fontSize": "var(--wp--preset--font-size--large)"
168                                }
169                        },
170                        "h4": {
171                                "typography": {
172                                        "fontSize": "var(--wp--preset--font-size--medium)"
173                                }
174                        },
175                        "h5": {
176                                "typography": {
177                                        "fontSize": "var(--wp--preset--font-size--small)"                                       
178                                }
179                        },
180                        "h6": {
181                                "typography": {
182                                        "fontSize": "var(--wp--preset--font-size--small)"                                       
183                                }
184                        },                     
185                        "link": {
186                                "typography": {
187                                        "textDecoration": "underline"
188                                },
189                                "color": {
190                                        "text": "var(--wp--preset--color--primary)"
191                                },
192                                ":hover": {
193                                        "typography": {
194                                                "textDecoration": "none"
195                                        },
196                                        "color": {
197                                                "text": "var(--wp--preset--color--hover)"
198                                        }                                       
199                                },
200                                ":focus": {
201                                        "typography": {
202                                                "textDecoration": "underline dashed"
203                                        }
204                                },
205                                ":visited": {
206                                        "color": {
207                                                "text": "var(--wp--preset--color--hover)"
208                                        }
209                                }                                                               
210                        }
211                },
212                "typography": {
213                        "fontFamily": "var(--wp--preset--font-family--system-font)",
214                        "fontSize": "var(--wp--preset--font-size--medium)",
215                        "lineHeight": "1.7"
216                },                     
217                "blocks": {
218                        "core/navigation": {
219                                "elements": {
220                                        "link": {
221                                                "color": {
222                                                        "text": "var(--wp--preset--color--primary) !important"
223                                                },                                                                                     
224                                                "typography": {
225                                                        "textDecoration": "none"
226                                                },
227                                                "spacing": {
228                                                        "margin": {
229                                                                "right": "0.2rem",
230                                                                "left": "0.2rem"
231                                                        }                                                       
232                                                }
233                                        }
234                                },
235                                "typography": {
236                                        "fontSize": "var(--wp--preset--font-size--large)",
237                                        "fontWeight": "600"
238                                }
239                        }                       
240                }
241        },
242        "templateParts": [
243                {
244                        "area": "header",
245                        "name": "header",
246                        "title": "Header"
247                },
248                {
249                        "area": "footer",
250                        "name": "footer",
251                        "title": "Footer"
252                }
253        ]
254}