theme.json 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426
  1. {
  2. "version": 2,
  3. "settings": {
  4. "appearanceTools": false,
  5. "useRootPaddingAwareAlignments": false,
  6. "border": {
  7. "color": false,
  8. "radius": false,
  9. "style": false,
  10. "width": false
  11. },
  12. "color": {
  13. "background": true,
  14. "custom": true,
  15. "customDuotone": true,
  16. "customGradient": true,
  17. "defaultDuotone": true,
  18. "defaultGradients": true,
  19. "defaultPalette": true,
  20. "duotone": [
  21. {
  22. "name": "Dark grayscale",
  23. "colors": [ "#000000", "#7f7f7f" ],
  24. "slug": "dark-grayscale"
  25. },
  26. {
  27. "name": "Grayscale",
  28. "colors": [ "#000000", "#ffffff" ],
  29. "slug": "grayscale"
  30. },
  31. {
  32. "name": "Purple and yellow",
  33. "colors": [ "#8c00b7", "#fcff41" ],
  34. "slug": "purple-yellow"
  35. },
  36. {
  37. "name": "Blue and red",
  38. "colors": [ "#000097", "#ff4747" ],
  39. "slug": "blue-red"
  40. },
  41. {
  42. "name": "Midnight",
  43. "colors": [ "#000000", "#00a5ff" ],
  44. "slug": "midnight"
  45. },
  46. {
  47. "name": "Magenta and yellow",
  48. "colors": [ "#c7005a", "#fff278" ],
  49. "slug": "magenta-yellow"
  50. },
  51. {
  52. "name": "Purple and green",
  53. "colors": [ "#a60072", "#67ff66" ],
  54. "slug": "purple-green"
  55. },
  56. {
  57. "name": "Blue and orange",
  58. "colors": [ "#1900d8", "#ffa96b" ],
  59. "slug": "blue-orange"
  60. }
  61. ],
  62. "gradients": [
  63. {
  64. "name": "Vivid cyan blue to vivid purple",
  65. "gradient": "linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)",
  66. "slug": "vivid-cyan-blue-to-vivid-purple"
  67. },
  68. {
  69. "name": "Light green cyan to vivid green cyan",
  70. "gradient": "linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%)",
  71. "slug": "light-green-cyan-to-vivid-green-cyan"
  72. },
  73. {
  74. "name": "Luminous vivid amber to luminous vivid orange",
  75. "gradient": "linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%)",
  76. "slug": "luminous-vivid-amber-to-luminous-vivid-orange"
  77. },
  78. {
  79. "name": "Luminous vivid orange to vivid red",
  80. "gradient": "linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%)",
  81. "slug": "luminous-vivid-orange-to-vivid-red"
  82. },
  83. {
  84. "name": "Very light gray to cyan bluish gray",
  85. "gradient": "linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%)",
  86. "slug": "very-light-gray-to-cyan-bluish-gray"
  87. },
  88. {
  89. "name": "Cool to warm spectrum",
  90. "gradient": "linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%)",
  91. "slug": "cool-to-warm-spectrum"
  92. },
  93. {
  94. "name": "Blush light purple",
  95. "gradient": "linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%)",
  96. "slug": "blush-light-purple"
  97. },
  98. {
  99. "name": "Blush bordeaux",
  100. "gradient": "linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%)",
  101. "slug": "blush-bordeaux"
  102. },
  103. {
  104. "name": "Luminous dusk",
  105. "gradient": "linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%)",
  106. "slug": "luminous-dusk"
  107. },
  108. {
  109. "name": "Pale ocean",
  110. "gradient": "linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%)",
  111. "slug": "pale-ocean"
  112. },
  113. {
  114. "name": "Electric grass",
  115. "gradient": "linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%)",
  116. "slug": "electric-grass"
  117. },
  118. {
  119. "name": "Midnight",
  120. "gradient": "linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%)",
  121. "slug": "midnight"
  122. }
  123. ],
  124. "link": false,
  125. "palette": [
  126. {
  127. "name": "Black",
  128. "slug": "black",
  129. "color": "#000000"
  130. },
  131. {
  132. "name": "Cyan bluish gray",
  133. "slug": "cyan-bluish-gray",
  134. "color": "#abb8c3"
  135. },
  136. {
  137. "name": "White",
  138. "slug": "white",
  139. "color": "#ffffff"
  140. },
  141. {
  142. "name": "Pale pink",
  143. "slug": "pale-pink",
  144. "color": "#f78da7"
  145. },
  146. {
  147. "name": "Vivid red",
  148. "slug": "vivid-red",
  149. "color": "#cf2e2e"
  150. },
  151. {
  152. "name": "Luminous vivid orange",
  153. "slug": "luminous-vivid-orange",
  154. "color": "#ff6900"
  155. },
  156. {
  157. "name": "Luminous vivid amber",
  158. "slug": "luminous-vivid-amber",
  159. "color": "#fcb900"
  160. },
  161. {
  162. "name": "Light green cyan",
  163. "slug": "light-green-cyan",
  164. "color": "#7bdcb5"
  165. },
  166. {
  167. "name": "Vivid green cyan",
  168. "slug": "vivid-green-cyan",
  169. "color": "#00d084"
  170. },
  171. {
  172. "name": "Pale cyan blue",
  173. "slug": "pale-cyan-blue",
  174. "color": "#8ed1fc"
  175. },
  176. {
  177. "name": "Vivid cyan blue",
  178. "slug": "vivid-cyan-blue",
  179. "color": "#0693e3"
  180. },
  181. {
  182. "name": "Vivid purple",
  183. "slug": "vivid-purple",
  184. "color": "#9b51e0"
  185. }
  186. ],
  187. "text": true
  188. },
  189. "layout": {
  190. "definitions": {
  191. "default": {
  192. "name": "default",
  193. "slug": "flow",
  194. "className": "is-layout-flow",
  195. "baseStyles": [
  196. {
  197. "selector": " > .alignleft",
  198. "rules": {
  199. "float": "left",
  200. "margin-inline-start": "0",
  201. "margin-inline-end": "2em"
  202. }
  203. },
  204. {
  205. "selector": " > .alignright",
  206. "rules": {
  207. "float": "right",
  208. "margin-inline-start": "2em",
  209. "margin-inline-end": "0"
  210. }
  211. },
  212. {
  213. "selector": " > .aligncenter",
  214. "rules": {
  215. "margin-left": "auto !important",
  216. "margin-right": "auto !important"
  217. }
  218. }
  219. ],
  220. "spacingStyles": [
  221. {
  222. "selector": " > *",
  223. "rules": {
  224. "margin-block-start": "0",
  225. "margin-block-end": "0"
  226. }
  227. },
  228. {
  229. "selector": " > * + *",
  230. "rules": {
  231. "margin-block-start": null,
  232. "margin-block-end": "0"
  233. }
  234. }
  235. ]
  236. },
  237. "constrained": {
  238. "name": "constrained",
  239. "slug": "constrained",
  240. "className": "is-layout-constrained",
  241. "baseStyles": [
  242. {
  243. "selector": " > .alignleft",
  244. "rules": {
  245. "float": "left",
  246. "margin-inline-start": "0",
  247. "margin-inline-end": "2em"
  248. }
  249. },
  250. {
  251. "selector": " > .alignright",
  252. "rules": {
  253. "float": "right",
  254. "margin-inline-start": "2em",
  255. "margin-inline-end": "0"
  256. }
  257. },
  258. {
  259. "selector": " > .aligncenter",
  260. "rules": {
  261. "margin-left": "auto !important",
  262. "margin-right": "auto !important"
  263. }
  264. },
  265. {
  266. "selector": " > :where(:not(.alignleft):not(.alignright):not(.alignfull))",
  267. "rules": {
  268. "max-width": "var(--wp--style--global--content-size)",
  269. "margin-left": "auto !important",
  270. "margin-right": "auto !important"
  271. }
  272. },
  273. {
  274. "selector": " > .alignwide",
  275. "rules": {
  276. "max-width": "var(--wp--style--global--wide-size)"
  277. }
  278. }
  279. ],
  280. "spacingStyles": [
  281. {
  282. "selector": " > *",
  283. "rules": {
  284. "margin-block-start": "0",
  285. "margin-block-end": "0"
  286. }
  287. },
  288. {
  289. "selector": " > * + *",
  290. "rules": {
  291. "margin-block-start": null,
  292. "margin-block-end": "0"
  293. }
  294. }
  295. ]
  296. },
  297. "flex": {
  298. "name": "flex",
  299. "slug": "flex",
  300. "className": "is-layout-flex",
  301. "displayMode": "flex",
  302. "baseStyles": [
  303. {
  304. "selector": "",
  305. "rules": {
  306. "flex-wrap": "wrap",
  307. "align-items": "center"
  308. }
  309. },
  310. {
  311. "selector": " > *",
  312. "rules": {
  313. "margin": "0"
  314. }
  315. }
  316. ],
  317. "spacingStyles": [
  318. {
  319. "selector": "",
  320. "rules": {
  321. "gap": null
  322. }
  323. }
  324. ]
  325. }
  326. }
  327. },
  328. "spacing": {
  329. "blockGap": null,
  330. "margin": false,
  331. "padding": false,
  332. "customSpacingSize": true,
  333. "units": [ "px", "em", "rem", "vh", "vw", "%" ],
  334. "spacingScale": {
  335. "operator": "*",
  336. "increment": 1.5,
  337. "steps": 7,
  338. "mediumStep": 1.5,
  339. "unit": "rem"
  340. }
  341. },
  342. "typography": {
  343. "customFontSize": true,
  344. "dropCap": true,
  345. "fontSizes": [
  346. {
  347. "name": "Small",
  348. "slug": "small",
  349. "size": "13px"
  350. },
  351. {
  352. "name": "Medium",
  353. "slug": "medium",
  354. "size": "20px"
  355. },
  356. {
  357. "name": "Large",
  358. "slug": "large",
  359. "size": "36px"
  360. },
  361. {
  362. "name": "Extra Large",
  363. "slug": "x-large",
  364. "size": "42px"
  365. }
  366. ],
  367. "fontStyle": true,
  368. "fontWeight": true,
  369. "letterSpacing": true,
  370. "lineHeight": false,
  371. "textDecoration": true,
  372. "textTransform": true
  373. },
  374. "blocks": {
  375. "core/button": {
  376. "border": {
  377. "radius": true
  378. }
  379. },
  380. "core/pullquote": {
  381. "border": {
  382. "color": true,
  383. "radius": true,
  384. "style": true,
  385. "width": true
  386. }
  387. }
  388. }
  389. },
  390. "styles": {
  391. "elements": {
  392. "button": {
  393. "color": {
  394. "text": "#fff",
  395. "background": "#32373c"
  396. },
  397. "spacing": {
  398. "padding": "calc(0.667em + 2px) calc(1.333em + 2px)"
  399. },
  400. "typography": {
  401. "fontSize": "inherit",
  402. "fontFamily": "inherit",
  403. "lineHeight": "inherit",
  404. "textDecoration": "none"
  405. },
  406. "border": {
  407. "width": "0"
  408. }
  409. },
  410. "link": {
  411. "typography": {
  412. "textDecoration": "underline"
  413. }
  414. }
  415. },
  416. "spacing": {
  417. "blockGap": "24px",
  418. "padding": {
  419. "top": "0px",
  420. "right": "0px",
  421. "bottom": "0px",
  422. "left": "0px"
  423. }
  424. }
  425. }
  426. }