theme-starter/theme.json at main · SymPress/theme-starter · 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
{
  "$schema": "https://schemas.wp.org/trunk/theme.json",
  "version": 3,
  "settings": {
    "appearanceTools": true,
    "layout": { "contentSize": "48rem", "wideSize": "80rem" },
    "spacing": { "spacingSizes": [
      { "slug": "20", "name": "XS", "size": "0.5rem" },
      { "slug": "30", "name": "S", "size": "1rem" },
      { "slug": "40", "name": "M", "size": "1.5rem" },
      { "slug": "50", "name": "L", "size": "2rem" },
      { "slug": "60", "name": "XL", "size": "3rem" },
      { "slug": "70", "name": "XXL", "size": "5rem" }
    ] },
    "color": {
      "defaultPalette": false,
      "palette": [
        { "slug": "brand", "name": "SymPress Blau", "color": "#3858e9" },
        { "slug": "ink", "name": "Text", "color": "#101517" },
        { "slug": "paper", "name": "Papier", "color": "#f6f7f7" },
        { "slug": "muted", "name": "Sekundärtext", "color": "#50575e" },
        { "slug": "line", "name": "Linie", "color": "#dcdcde" },
        { "slug": "brand-deep", "name": "SymPress Dunkelblau", "color": "#2a46ce" },
        { "slug": "white", "name": "Weiß", "color": "#ffffff" }
      ]
    },
    "typography": {
      "fluid": true,
      "fontFamilies": [
        { "slug": "body", "name": "Systemschrift", "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif" },
        { "slug": "display", "name": "Redaktionelle Serifenschrift", "fontFamily": "'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif" }
      ],
      "fontSizes": [
        { "slug": "small", "name": "Klein", "size": "0.875rem" },
        { "slug": "medium", "name": "Fließtext", "size": "1rem" },
        { "slug": "large", "name": "Groß", "size": "1.5rem" },
        { "slug": "x-large", "name": "Überschrift", "size": "2.5rem" }
      ]
    }
  },
  "styles": {
    "color": { "background": "var:preset|color|paper", "text": "var:preset|color|ink" },
    "typography": { "fontFamily": "var:preset|font-family|body", "lineHeight": "1.65" },
    "elements": {
      "heading": { "typography": { "fontFamily": "var:preset|font-family|display", "fontWeight": "400", "lineHeight": "1.15" } },
      "link": { "color": { "text": "var:preset|color|brand" } },
      "button": { "border": { "radius": "0" }, "color": { "background": "var:preset|color|brand", "text": "var:preset|color|white" } }
    }
  }
}