theme.json 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  1. {
  2. "$schema": "https://schemas.wp.org/trunk/theme.json",
  3. "version": 3,
  4. "settings": {
  5. "appearanceTools": true,
  6. "layout": {
  7. "contentSize": "850px",
  8. "wideSize": "1340px"
  9. },
  10. "color": {
  11. "defaultDuotone": false,
  12. "defaultGradients": false,
  13. "defaultPalette": false,
  14. "custom": false,
  15. "palette": [
  16. {
  17. "color": "#ffffff",
  18. "name": "Base",
  19. "slug": "base"
  20. },
  21. {
  22. "color": "#f1f1f1",
  23. "name": "Off Base",
  24. "slug": "off-base"
  25. },
  26. {
  27. "color": "#a3b2ca",
  28. "name": "Accent 1",
  29. "slug": "accent-1"
  30. },
  31. {
  32. "color": "#19458c",
  33. "name": "Accent 2",
  34. "slug": "accent-2"
  35. },
  36. {
  37. "color": "#1d3863",
  38. "name": "Accent 3",
  39. "slug": "accent-3"
  40. },
  41. {
  42. "color": "#1c2a40",
  43. "name": "Accent 4",
  44. "slug": "accent-4"
  45. },
  46. {
  47. "color": "#dbe3e2",
  48. "name": "Accent 5",
  49. "slug": "accent-5"
  50. },
  51. {
  52. "color": "#519c95",
  53. "name": "Accent 6",
  54. "slug": "accent-6"
  55. },
  56. {
  57. "color": "#008578",
  58. "name": "Accent 7",
  59. "slug": "accent-7"
  60. },
  61. {
  62. "color": "#d9b48f",
  63. "name": "Accent 8",
  64. "slug": "accent-8"
  65. },
  66. {
  67. "color": "#870000",
  68. "name": "Accent 9",
  69. "slug": "accent-9"
  70. },
  71. {
  72. "color": "#333333",
  73. "name": "Accent 10",
  74. "slug": "accent-10"
  75. },
  76. {
  77. "color": "#0a0a0a",
  78. "name": "Contrast",
  79. "slug": "contrast"
  80. },
  81. {
  82. "color": "color-mix(in srgb, currentColor 20%, transparent)",
  83. "name": "Accent 6",
  84. "slug": "accent-6"
  85. }
  86. ]
  87. },
  88. "typography": {
  89. "writingMode": true,
  90. "defaultFontSizes": false,
  91. "fluid": true,
  92. "fontSizes": [
  93. {
  94. "fluid": false,
  95. "name": "Extra Small",
  96. "size": "0.875rem",
  97. "slug": "x-small"
  98. },
  99. {
  100. "fluid": false,
  101. "name": "Small",
  102. "size": "1rem",
  103. "slug": "small"
  104. },
  105. {
  106. "fluid": {
  107. "max": "1.3rem",
  108. "min": "1.1rem"
  109. },
  110. "name": "Medium",
  111. "size": "1.2rem",
  112. "slug": "medium"
  113. },
  114. {
  115. "fluid": {
  116. "max": "1.375rem",
  117. "min": "1.125rem"
  118. },
  119. "name": "Large",
  120. "size": "1.38rem",
  121. "slug": "large"
  122. },
  123. {
  124. "fluid": {
  125. "max": "2rem",
  126. "min": "1.75rem"
  127. },
  128. "name": "Extra Large",
  129. "size": "1.75rem",
  130. "slug": "x-large"
  131. },
  132. {
  133. "fluid": {
  134. "max": "3rem",
  135. "min": "2.15rem"
  136. },
  137. "name": "Extra Extra Large",
  138. "size": "2.15rem",
  139. "slug": "xx-large"
  140. }
  141. ],
  142. "fontFamilies": [
  143. {
  144. "name": "Century Gothic",
  145. "slug": "century-gothic",
  146. "fontFamily": "Century Gothic, sans-serif",
  147. "fontFace": [
  148. {
  149. "src": [
  150. "file:./assets/fonts/Century-Gothic.woff2"
  151. ],
  152. "fontWeight": "400",
  153. "fontStyle": "normal",
  154. "fontFamily": "Century Gothic"
  155. },
  156. {
  157. "src": [
  158. "file:./assets/fonts/Century-Gothic-Bold.woff2"
  159. ],
  160. "fontWeight": "700",
  161. "fontStyle": "bold",
  162. "fontFamily": "Century Gothic"
  163. }
  164. ]
  165. },
  166. {
  167. "name": "Berkeley Pro",
  168. "slug": "berkeley-pro",
  169. "fontFamily": "Berkeley Pro, serif",
  170. "fontFace": [
  171. {
  172. "src": [
  173. "file:./assets/fonts/BerkeleyPro-Medium.woff2"
  174. ],
  175. "fontWeight": "400",
  176. "fontStyle": "normal",
  177. "fontFamily": "Berkeley Pro"
  178. },
  179. {
  180. "src": [
  181. "file:./assets/fonts/BerkeleyPro-Bold.woff2"
  182. ],
  183. "fontWeight": "700",
  184. "fontStyle": "bold",
  185. "fontFamily": "Berkeley Pro"
  186. }
  187. ]
  188. },
  189. {
  190. "name": "Fira Code",
  191. "slug": "fira-code",
  192. "fontFamily": "\"Fira Code\", monospace",
  193. "fontFace": [
  194. {
  195. "src": [
  196. "file:./assets/fonts/fira-code/FiraCode-VariableFont_wght.woff2"
  197. ],
  198. "fontWeight": "300 700",
  199. "fontStyle": "normal",
  200. "fontFamily": "\"Fira Code\""
  201. }
  202. ]
  203. }
  204. ]
  205. }
  206. },
  207. "styles": {
  208. "typography": {
  209. "fontFamily": "var:preset|font-family|century-gothic",
  210. "fontSize": "var:preset|font-size|medium",
  211. "fontWeight": "300",
  212. "letterSpacing": "0px",
  213. "lineHeight": "1.3"
  214. },
  215. "elements": {
  216. "caption": {
  217. "typography": {
  218. "fontSize": "var:preset|font-size|medium",
  219. "lineHeight": "1.4"
  220. }
  221. },
  222. "h1": {
  223. "typography": {
  224. "fontSize": "var:preset|font-size|xx-large"
  225. }
  226. },
  227. "h2": {
  228. "typography": {
  229. "fontSize": "var:preset|font-size|x-large"
  230. }
  231. },
  232. "h3": {
  233. "typography": {
  234. "fontSize": "var:preset|font-size|large"
  235. }
  236. },
  237. "h4": {
  238. "typography": {
  239. "fontSize": "var:preset|font-size|medium"
  240. }
  241. },
  242. "h5": {
  243. "typography": {
  244. "fontSize": "var:preset|font-size|small",
  245. "letterSpacing": "0.5px"
  246. }
  247. },
  248. "h6": {
  249. "typography": {
  250. "fontSize": "var:preset|font-size|small",
  251. "fontWeight": "700",
  252. "letterSpacing": "1.4px",
  253. "textTransform": "uppercase"
  254. }
  255. },
  256. "heading": {
  257. "typography": {
  258. "fontWeight": "400",
  259. "lineHeight": "1.125",
  260. "letterSpacing": "-0.1px"
  261. }
  262. },
  263. "link": {
  264. "color": {
  265. "text": "currentColor"
  266. },
  267. ":hover": {
  268. "typography": {
  269. "textDecoration": "none"
  270. }
  271. }
  272. }
  273. }
  274. }
  275. }