Add Gutenberg theme settings and block styling

2026-07-27 11:38:07 +02:00
parent e7897377e5
commit f8c2feac7b
3 changed files with 374 additions and 9 deletions
@@ -0,0 +1,165 @@
+{
+  "$schema": "https://schemas.wp.org/wp/6.6/theme.json",
+  "version": 3,
+  "settings": {
+    "appearanceTools": true,
+    "color": {
+      "custom": true,
+      "customGradient": true,
+      "defaultDuotone": false,
+      "defaultGradients": false,
+      "defaultPalette": false,
+      "duotone": [
+        {
+          "colors": ["#1d1b19", "#c3480b"],
+          "name": "Retro amber",
+          "slug": "retro-amber"
+        }
+      ],
+      "gradients": [
+        {
+          "gradient": "linear-gradient(135deg, #c3480b 0%, #8f3508 100%)",
+          "name": "Signal amber",
+          "slug": "signal-amber"
+        },
+        {
+          "gradient": "linear-gradient(135deg, #282623 0%, #171615 100%)",
+          "name": "Console dark",
+          "slug": "console-dark"
+        }
+      ],
+      "palette": [
+        { "color": "#f8f5f0", "name": "Canvas", "slug": "canvas" },
+        { "color": "#fffdf9", "name": "Surface", "slug": "surface" },
+        { "color": "#1d1b19", "name": "Ink", "slug": "ink" },
+        { "color": "#706a63", "name": "Muted", "slug": "muted" },
+        { "color": "#c3480b", "name": "Signal amber", "slug": "signal-amber" },
+        { "color": "#8f3508", "name": "Signal amber dark", "slug": "signal-amber-dark" },
+        { "color": "#282623", "name": "Console", "slug": "console" }
+      ]
+    },
+    "layout": {
+      "contentSize": "760px",
+      "wideSize": "1180px"
+    },
+    "spacing": {
+      "blockGap": true,
+      "margin": true,
+      "padding": true,
+      "units": ["px", "rem", "%", "vw", "vh"],
+      "spacingSizes": [
+        { "name": "1", "size": "0.5rem", "slug": "20" },
+        { "name": "2", "size": "1rem", "slug": "30" },
+        { "name": "3", "size": "1.5rem", "slug": "40" },
+        { "name": "4", "size": "2.5rem", "slug": "50" },
+        { "name": "5", "size": "4rem", "slug": "60" },
+        { "name": "6", "size": "6rem", "slug": "70" }
+      ]
+    },
+    "typography": {
+      "customFontSize": true,
+      "defaultFontSizes": false,
+      "dropCap": true,
+      "fluid": true,
+      "fontFamilies": [
+        {
+          "fontFamily": "\"Alpha Lyrae\", sans-serif",
+          "name": "Alpha Lyrae",
+          "slug": "alpha-lyrae",
+          "fontFace": [
+            {
+              "fontFamily": "Alpha Lyrae",
+              "fontStyle": "normal",
+              "fontWeight": "500",
+              "src": ["file:./fonts/AlphaLyrae-Medium.woff2"]
+            }
+          ]
+        },
+        {
+          "fontFamily": "\"Crimson Pro\", Georgia, serif",
+          "name": "Crimson Pro",
+          "slug": "crimson-pro",
+          "fontFace": [
+            {
+              "fontFamily": "Crimson Pro",
+              "fontStyle": "normal",
+              "fontWeight": "200 900",
+              "src": ["file:./fonts/crimson-pro-latin-wght-normal.woff2"]
+            },
+            {
+              "fontFamily": "Crimson Pro",
+              "fontStyle": "italic",
+              "fontWeight": "200 900",
+              "src": ["file:./fonts/crimson-pro-latin-wght-italic.woff2"]
+            }
+          ]
+        },
+        {
+          "fontFamily": "\"Berkeley Mono\", monospace",
+          "name": "Berkeley Mono",
+          "slug": "berkeley-mono",
+          "fontFace": [
+            {
+              "fontFamily": "Berkeley Mono",
+              "fontStyle": "normal",
+              "fontWeight": "400",
+              "src": ["file:./fonts/BerkeleyMono-Regular.woff2"]
+            },
+            {
+              "fontFamily": "Berkeley Mono",
+              "fontStyle": "normal",
+              "fontWeight": "700",
+              "src": ["file:./fonts/BerkeleyMono-Bold.woff2"]
+            }
+          ]
+        }
+      ],
+      "fontSizes": [
+        { "name": "Small", "size": "1rem", "slug": "small" },
+        { "name": "Body", "size": "1.25rem", "slug": "body" },
+        { "name": "Large", "size": "1.75rem", "slug": "large" },
+        { "name": "Display", "size": "2.5rem", "slug": "display" },
+        { "name": "Hero", "size": "4rem", "slug": "hero" }
+      ],
+      "lineHeight": true
+    },
+    "useRootPaddingAwareAlignments": true
+  },
+  "styles": {
+    "color": {
+      "background": "var:preset|color|canvas",
+      "text": "var:preset|color|ink"
+    },
+    "elements": {
+      "button": {
+        "border": { "radius": "2px" },
+        "color": { "background": "var:preset|color|signal-amber", "text": "#ffffff" },
+        "spacing": { "padding": { "top": "0.55rem", "right": "0.9rem", "bottom": "0.55rem", "left": "0.9rem" } },
+        "typography": { "fontFamily": "var:preset|font-family|berkeley-mono", "fontSize": "0.75rem", "letterSpacing": "0.04em" }
+      },
+      "heading": {
+        "typography": { "fontFamily": "var:preset|font-family|alpha-lyrae", "fontWeight": "500", "lineHeight": "1.16" }
+      },
+      "link": {
+        "color": { "text": "var:preset|color|signal-amber" }
+      }
+    },
+    "blocks": {
+      "core/quote": {
+        "border": { "color": "var:preset|color|signal-amber", "left": { "color": "var:preset|color|signal-amber", "width": "4px" } },
+        "color": { "text": "var:preset|color|muted" },
+        "spacing": { "padding": { "left": "1.25rem" } },
+        "typography": { "fontStyle": "italic" }
+      },
+      "core/pullquote": {
+        "border": { "top": { "color": "var:preset|color|signal-amber", "width": "2px" }, "bottom": { "color": "var:preset|color|signal-amber", "width": "2px" } },
+        "typography": { "fontFamily": "var:preset|font-family|alpha-lyrae" }
+      },
+      "core/table": {
+        "border": { "color": "var:preset|color|muted", "width": "1px" }
+      }
+    },
+    "spacing": { "blockGap": "1.5rem" },
+    "typography": { "fontFamily": "var:preset|font-family|crimson-pro", "fontSize": "1.25rem", "lineHeight": "1.55" }
+  }
+}