daw/theme.json

{
  "$schema": "https://schemas.wp.org/trunk/theme.json",
  "version": 3,
  "settings": {
    "appearanceTools": true,
    "useRootPaddingAwareAlignments": false,
    "layout": {
      "contentSize": "1170px",
      "wideSize": "1280px"
    },
    "color": {
      "defaultPalette": false,
      "defaultGradients": false,
      "defaultDuotone": false,
      "custom": true,
      "palette": [
        { "name": "Base", "slug": "base", "color": "#ffffff" },
        { "name": "Surface", "slug": "surface", "color": "#f1f1f1" },
        { "name": "Ink", "slug": "ink", "color": "#232323" },
        { "name": "Contrast", "slug": "contrast", "color": "#000000" },
        { "name": "Link", "slug": "link", "color": "#67000a" },
        { "name": "Link Hover", "slug": "link-hover", "color": "#2a6496" },
        { "name": "Coral", "slug": "coral", "color": "#ff4b33" },
        { "name": "Slate", "slug": "slate", "color": "#616674" },
        { "name": "Slate Deep", "slug": "slate-deep", "color": "#484c57" },
        { "name": "Terminal", "slug": "terminal", "color": "#34f743" },
        { "name": "Meta", "slug": "meta", "color": "#777777" },
        { "name": "Border", "slug": "border", "color": "#cecece" }
      ]
    },
    "typography": {
      "defaultFontSizes": false,
      "fluid": false,
      "fontSizes": [
        { "name": "Extra Small", "slug": "x-small", "size": "0.75rem" },
        { "name": "Small", "slug": "small", "size": "0.875rem" },
        { "name": "Medium", "slug": "medium", "size": "1rem" },
        { "name": "Large", "slug": "large", "size": "1.25rem" },
        { "name": "Extra Large", "slug": "x-large", "size": "1.625rem" },
        { "name": "Extra Extra Large", "slug": "xx-large", "size": "2rem" },
        { "name": "Display", "slug": "display", "size": "3.75rem" }
      ],
      "fontFamilies": [
        {
          "name": "Computer Modern",
          "slug": "computer-modern",
          "fontFamily": "\"Computer Modern\", Georgia, serif",
          "fontFace": [
            {
              "fontFamily": "Computer Modern",
              "fontWeight": "400",
              "fontStyle": "normal",
              "fontDisplay": "swap",
              "src": [ "file:./fonts/cmunrm.woff", "file:./fonts/cmunrm.ttf" ]
            },
            {
              "fontFamily": "Computer Modern",
              "fontWeight": "700",
              "fontStyle": "normal",
              "fontDisplay": "swap",
              "src": [ "file:./fonts/cmunbx.woff", "file:./fonts/cmunbx.ttf" ]
            },
            {
              "fontFamily": "Computer Modern",
              "fontWeight": "400",
              "fontStyle": "italic",
              "fontDisplay": "swap",
              "src": [ "file:./fonts/cmunsl.woff", "file:./fonts/cmunsl.ttf" ]
            }
          ]
        },
        {
          "name": "Georgia",
          "slug": "georgia",
          "fontFamily": "Georgia, \"Times New Roman\", \"Bitstream Charter\", Times, serif"
        },
        {
          "name": "Helvetica Neue",
          "slug": "helvetica-neue",
          "fontFamily": "\"Helvetica Neue\", Helvetica, Arial, sans-serif"
        },
        {
          "name": "Courier",
          "slug": "courier",
          "fontFamily": "\"Courier New\", Courier, monospace"
        }
      ]
    },
    "spacing": {
      "units": [ "px", "em", "rem", "vh", "vw", "%" ]
    }
  },
  "styles": {
    "color": {
      "text": "var:preset|color|ink"
    },
    "typography": {
      "fontFamily": "var:preset|font-family|helvetica-neue",
      "fontSize": "var:preset|font-size|medium",
      "fontWeight": "400",
      "lineHeight": "1.45"
    },
    "elements": {
      "heading": {
        "color": { "text": "var:preset|color|contrast" },
        "typography": { "fontWeight": "700", "lineHeight": "1.3" }
      },
      "h1": { "typography": { "fontSize": "var:preset|font-size|xx-large" } },
      "h2": { "typography": { "fontSize": "var:preset|font-size|x-large" } },
      "h3": { "typography": { "fontSize": "var:preset|font-size|large" } },
      "h4": { "typography": { "fontSize": "var:preset|font-size|medium" } },
      "h5": { "typography": { "fontSize": "var:preset|font-size|small", "letterSpacing": "0.5px" } },
      "h6": {
        "typography": {
          "fontSize": "var:preset|font-size|x-small",
          "letterSpacing": "1.4px",
          "textTransform": "uppercase"
        }
      },
      "link": {
        "color": { "text": "var:preset|color|link" },
        ":hover": { "color": { "text": "var:preset|color|link-hover" } }
      },
      "button": {
        "color": {
          "background": "var:preset|color|link",
          "text": "var:preset|color|base"
        },
        "border": { "radius": "4px" },
        "typography": { "fontWeight": "700" }
      }
    }
  }
}