✨feature: add theme.json

theme.json

@@ -0,0 +1,184 @@
+{
+    "$schema": "https://schemas.wp.org/trunk/theme.json",
+    "version": 3,
+    "settings": {
+        "layout": {
+            "contentSize": "840px",
+            "wideSize": "1536px"
+        },
+        "color": {
+            "palette": [
+                {
+                "slug": "black",
+                    "color": "#000",
+                    "name": "Black"
+                },
+                    {
+                    "slug": "white",
+                    "color": "#fff",
+                    "name": "White"
+                },
+                {
+                    "slug": "theme-bg",
+                    "color": "var(--color-background)",
+                    "name": "Theme Background"
+                },
+                {
+                    "slug": "theme-text",
+                    "color": "var(--color-text)",
+                    "name": "Theme Text"
+                },
+                {
+                    "slug": "theme-primary",
+                    "color": "var(--color-primary)",
+                    "name": "Theme Primary"
+                },
+                {
+                    "slug": "theme-secondary",
+                    "color": "var(--color-secondary)",
+                    "name": "Theme Secondary"
+                },
+                {
+                    "slug": "theme-bodylinks",
+                    "color": "var(--color-bodylinks)",
+                    "name": "Theme Body Links"
+                },
+                {
+                    "slug": "theme-footerlinks",
+                    "color": "var(--color-footlinks)",
+                    "name": "Theme Footer Links"
+                },
+                {
+                    "slug": "theme-success",
+                    "color": "var(--color-success)",
+                    "name": "Theme Success"
+                },
+                {
+                    "slug": "theme-warning",
+                    "color": "var(--color-warning)",
+                    "name": "Theme Warning"
+                },
+                {
+                    "slug": "theme-danger",
+                    "color": "var(--color-danger)",
+                    "name": "Theme Danger"
+                },
+                {
+                    "slug": "theme-info",
+                    "color": "var(--color-info)",
+                    "name": "Theme Info"
+                }
+            ]
+        },
+        "typography": {
+            "fontFamilies": [
+                {
+                    "fontFamily": "var(--font-sans)",
+                    "slug": "theme-sans",
+                    "name": "Theme Sans"
+                }
+            ],
+            "fontSizes": [
+                {
+                    "slug": "base",
+                    "size": "var(--text-base)",
+                    "name": "Base"
+                },
+                {
+                    "slug": "text-14px",
+                    "size": "var(--text-14px)",
+                    "name": "Text 14px"
+                },
+                {
+                    "slug": "text-16px",
+                    "size": "var(--text-16px)",
+                    "name": "Text 16px"
+                },
+                {
+                    "slug": "text-18px",
+                    "size": "var(--text-18px)",
+                    "name": "Text 18px"
+                },
+                {
+                    "slug": "text-20px",
+                    "size": "var(--text-20px)",
+                    "name": "Text 20px"
+                },
+                {
+                    "slug": "text-22px",
+                    "size": "var(--text-22px)",
+                    "name": "Text 22px"
+                },
+                {
+                    "slug": "text-25px",
+                    "size": "var(--text-25px)",
+                    "name": "Text 25px"
+                },
+                {
+                    "slug": "text-30px",
+                    "size": "var(--text-30px)",
+                    "name": "Text 30px"
+                },
+                {
+                    "slug": "text-35px",
+                    "size": "var(--text-35px)",
+                    "name": "Text 35px"
+                },
+                {
+                    "slug": "text-38px",
+                    "size": "var(--text-38px)",
+                    "name": "Text 38px"
+                },
+                {
+                    "slug": "text-40px",
+                    "size": "var(--text-40px)",
+                    "name": "Text 40px"
+                },
+                {
+                    "slug": "text-45px",
+                    "size": "var(--text-45px)",
+                    "name": "Text 45px"
+                },
+                {
+                    "slug": "text-50px",
+                    "size": "var(--text-50px)",
+                    "name": "Text 50px"
+                },
+                {
+                    "slug": "text-70px",
+                    "size": "var(--text-70px)",
+                    "name": "Text 70px"
+                },
+                {
+                    "slug": "text-75px",
+                    "size": "var(--text-75px)",
+                    "name": "Text 75px"
+                }
+            ],
+            "lineHeight": true
+        },
+        "spacing": {
+            "padding": true,
+            "margin": true,
+            "units": [ "px", "em", "rem", "vh", "vw", "%" ]
+        }
+    },
+    "styles": {
+        "color": {
+            "background": "var(--wp--preset--color--background)",
+            "text": "var(--wp--preset--color--text)"
+        },
+        "elements": {
+            "link": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-bodylinks)"
+                }
+            }
+        },
+        "typography": {
+            "fontSize": "var(--wp--preset--font-size--base)",
+            "fontFamily": "var(--wp--preset--font-family--theme-sans)",
+            "lineHeight": "1.5"
+        }
+    }
+}