128 lines
4.7 KiB
JSON
128 lines
4.7 KiB
JSON
{
|
|
"$schema": "https://schemas.wp.org/trunk/theme.json",
|
|
"version": 3,
|
|
"settings": {
|
|
"color": {
|
|
"defaultPalette": false,
|
|
"palette": [
|
|
{ "name": "Primary", "slug": "primary", "color": "#00d1b2" },
|
|
{ "name": "Primary Dark", "slug": "primary-dark", "color": "#00a896" },
|
|
{ "name": "Dark", "slug": "dark", "color": "#363636" },
|
|
{ "name": "Light", "slug": "light", "color": "#f5f5f5" },
|
|
{ "name": "White", "slug": "white", "color": "#ffffff" },
|
|
{ "name": "Danger", "slug": "danger", "color": "#f14668" },
|
|
{ "name": "Warning", "slug": "warning", "color": "#ffe08a" },
|
|
{ "name": "Info", "slug": "info", "color": "#3e8ed0" },
|
|
{ "name": "Success", "slug": "success", "color": "#48c78e" }
|
|
]
|
|
},
|
|
"typography": {
|
|
"fontFamilies": [
|
|
{
|
|
"name": "Noto Sans SC",
|
|
"slug": "noto-sans-sc",
|
|
"fontFamily": "'Noto Sans SC', sans-serif",
|
|
"fontFace": [
|
|
{
|
|
"src": [ "file:./assets/fonts/NotoSansSC-Regular.woff2" ],
|
|
"fontWeight": "400",
|
|
"fontStyle": "normal",
|
|
"fontDisplay": "swap"
|
|
},
|
|
{
|
|
"src": [ "file:./assets/fonts/NotoSansSC-Bold.woff2" ],
|
|
"fontWeight": "700",
|
|
"fontStyle": "normal",
|
|
"fontDisplay": "swap"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "System UI",
|
|
"slug": "system-ui",
|
|
"fontFamily": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif"
|
|
}
|
|
],
|
|
"fontSizes": [
|
|
{ "name": "Small", "slug": "small", "size": "0.875rem", "fluid": false },
|
|
{ "name": "Normal", "slug": "normal", "size": "1rem", "fluid": false },
|
|
{ "name": "Medium", "slug": "medium", "size": "1.25rem", "fluid": false },
|
|
{ "name": "Large", "slug": "large", "size": "1.5rem", "fluid": { "min": "1.25rem", "max": "1.5rem" } },
|
|
{ "name": "X-Large", "slug": "x-large", "size": "2rem", "fluid": { "min": "1.5rem", "max": "2rem" } },
|
|
{ "name": "XX-Large","slug": "xx-large","size": "2.5rem", "fluid": { "min": "1.75rem", "max": "2.5rem" } }
|
|
],
|
|
"lineHeight": true,
|
|
"letterSpacing": true
|
|
},
|
|
"layout": {
|
|
"contentSize": "760px",
|
|
"wideSize": "1200px"
|
|
},
|
|
"spacing": {
|
|
"spacingScale": {
|
|
"operator": "*",
|
|
"increment": 1.5,
|
|
"steps": 7,
|
|
"mediumStep": 1.5,
|
|
"unit": "rem"
|
|
},
|
|
"spacingSizes": [
|
|
{ "name": "1", "slug": "10", "size": "0.25rem" },
|
|
{ "name": "2", "slug": "20", "size": "0.5rem" },
|
|
{ "name": "3", "slug": "30", "size": "1rem" },
|
|
{ "name": "4", "slug": "40", "size": "1.5rem" },
|
|
{ "name": "5", "slug": "50", "size": "2rem" },
|
|
{ "name": "6", "slug": "60", "size": "3rem" },
|
|
{ "name": "7", "slug": "70", "size": "4.5rem" }
|
|
],
|
|
"padding": true,
|
|
"margin": true,
|
|
"blockGap": true
|
|
},
|
|
"border": {
|
|
"color": true,
|
|
"radius": true,
|
|
"style": true,
|
|
"width": true
|
|
},
|
|
"shadow": {
|
|
"defaultPresets": false,
|
|
"presets": [
|
|
{ "name": "Small", "slug": "sm", "shadow": "0 1px 3px rgba(0,0,0,.1)" },
|
|
{ "name": "Medium", "slug": "md", "shadow": "0 4px 6px rgba(0,0,0,.1)" },
|
|
{ "name": "Large", "slug": "lg", "shadow": "0 10px 20px rgba(0,0,0,.12)" }
|
|
]
|
|
},
|
|
"custom": {
|
|
"colorBackground": "#ffffff",
|
|
"colorText": "#363636",
|
|
"colorSurface": "#f5f5f5",
|
|
"colorBorder": "#dbdbdb"
|
|
}
|
|
},
|
|
"styles": {
|
|
"color": {
|
|
"background": "var(--wp--preset--color--white)",
|
|
"text": "var(--wp--preset--color--dark)"
|
|
},
|
|
"typography": {
|
|
"fontFamily": "var(--wp--preset--font-family--noto-sans-sc)",
|
|
"fontSize": "var(--wp--preset--font-size--normal)",
|
|
"lineHeight": "1.7"
|
|
},
|
|
"spacing": {
|
|
"blockGap": "var(--wp--preset--spacing--40)"
|
|
},
|
|
"elements": {
|
|
"link": {
|
|
"color": { "text": "var(--wp--preset--color--primary)" },
|
|
":hover": { "color": { "text": "var(--wp--preset--color--primary-dark)" } }
|
|
},
|
|
"h1": { "typography": { "fontSize": "var(--wp--preset--font-size--xx-large)", "lineHeight": "1.2" } },
|
|
"h2": { "typography": { "fontSize": "var(--wp--preset--font-size--x-large)", "lineHeight": "1.3" } },
|
|
"h3": { "typography": { "fontSize": "var(--wp--preset--font-size--large)", "lineHeight": "1.4" } },
|
|
"h4": { "typography": { "fontSize": "var(--wp--preset--font-size--medium)", "lineHeight": "1.5" } }
|
|
}
|
|
}
|
|
}
|