Skip to content

Commit

Permalink
clean up and streamline theme.json
Browse files Browse the repository at this point in the history
  • Loading branch information
@schlotterer
schlotterer committed Sep 29, 2023
1 parent 6b99dd0 commit 723906e
Showing 1 changed file with 120 additions and 58 deletions.
178 changes: 120 additions & 58 deletions theme.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -157,67 +157,130 @@
"gradients": [],
"palette": [
{
"color": "#425a5e",
"slug": "primary-100",
"name": "Primary 100"
"color": "#379A7F",
"slug": "primary",
"name": "Primary"
},
{
"color": "#2d3d40",
"slug": "primary-200",
"name": "Primary 200"
"color": "#694AAF",
"slug": "secondary",
"name": "Secondary"
},
{
"color": "#3f4040",
"slug": "primary-300",
"name": "Primary 300"
"color": "#5A24DA",
"slug": "secondary-highlight",
"name": "Secondary Highlight"
},
{
"color": "#fff",
"slug": "secondary-100",
"name": "Secondary 100"
"color": "#4A9BAF",
"slug": "tertiary",
"name": "Tertiary"
},
{
"color": "#e3e4eb",
"slug": "secondary-200",
"name": "Secondary 200"
"color": "#ffffff",
"slug": "white",
"name": "White"
},
{
"color": "#d3d3d3",
"slug": "secondary-300",
"name": "Secondary 300"
"color": "var(--wp--custom-gray-200)",
"slug": "gray-200",
"name": "Gray 200"
},
{
"color": "#f48d60",
"slug": "tertiary-100",
"name": "Tertiary 100"
"color": "var(--wp--custom-gray-300)",
"slug": "gray-300",
"name": "Gray 300"
},
{
"color": "#f47c48",
"slug": "tertiary-200",
"name": "Tertiary 200"
"color": "var(--wp--custom-gray-600)",
"slug": "gray-600",
"name": "Gray 600"
},
{
"color": "#f3713c",
"slug": "tertiary-300",
"name": "Tertiary 300"
"color": "var(--wp--custom-gray-900)",
"slug": "gray-900",
"name": "Gray 900"
},
{
"color": "#22C55E",
"slug": "success",
"name": "Success"
},
{
"color": "#EAB308",
"slug": "warning",
"name": "Warning"
},
{
"color": "#EF4444",
"slug": "error",
"name": "Error"
"color": "#000000",
"slug": "black",
"name": "Black"
}
]
},
"custom": {
"color": {
"base": "var(--wp--preset--color--white)",
"contrast": "var(--wp--preset--color--black)"
},
"primary": {
"50": "color-mix(in srgb, var(--wp--preset--color--primary) 25%, var(--wp--custom-color-base) 100%)",
"100": "color-mix(in srgb, var(--wp--preset--color--primary) 30%, var(--wp--custom-color-base) 80%)",
"200": "color-mix(in srgb, var(--wp--preset--color--primary) 40%, var(--wp--custom-color-base) 60%)",
"300": "color-mix(in srgb, var(--wp--preset--color--primary) 60%, var(--wp--custom-color-base) 4%)",
"400": "color-mix(in srgb, var(--wp--preset--color--primary) 80%, var(--wp--custom-color-base) 20%)",
"500": "var(--wp--preset--color--primary)",
"600": "color-mix(in srgb, var(--wp--preset--color--primary) 80%, var(--wp--custom-color-contrast) 20%)",
"700": "color-mix(in srgb, var(--wp--preset--color--primary) 60%, var(--wp--custom-color-contrast) 40%)",
"800": "color-mix(in srgb, var(--wp--preset--color--primary) 40%, var(--wp--custom-color-contrast) 60%)",
"900": "color-mix(in srgb, var(--wp--preset--color--primary) 30%, var(--wp--custom-color-contrast) 80%)",
"950": "color-mix(in srgb, var(--wp--preset--color--primary) 25%, var(--wp--custom-color-contrast) 100%)"
},
"secondary": {
"50": "color-mix(in srgb, var(--wp--preset--color--secondary) 25%, var(--wp--custom-color-base) 100%)",
"100": "color-mix(in srgb, var(--wp--preset--color--secondary) 30%, var(--wp--custom-color-base) 80%)",
"200": "color-mix(in srgb, var(--wp--preset--color--secondary) 40%, var(--wp--custom-color-base) 60%)",
"300": "color-mix(in srgb, var(--wp--preset--color--secondary) 60%, var(--wp--custom-color-base) 4%)",
"400": "color-mix(in srgb, var(--wp--preset--color--secondary) 80%, var(--wp--custom-color-base) 20%)",
"500": "var(--wp--preset--color--secondary)",
"600": "color-mix(in srgb, var(--wp--preset--color--secondary) 80%, var(--wp--custom-color-contrast) 20%)",
"700": "color-mix(in srgb, var(--wp--preset--color--secondary) 60%, var(--wp--custom-color-contrast) 40%)",
"800": "color-mix(in srgb, var(--wp--preset--color--secondary) 40%, var(--wp--custom-color-contrast) 60%)",
"900": "color-mix(in srgb, var(--wp--preset--color--secondary) 30%, var(--wp--custom-color-contrast) 80%)",
"950": "color-mix(in srgb, var(--wp--preset--color--secondary) 25%, var(--wp--custom-color-contrast) 100%)"
},
"tertiary": {
"50": "color-mix(in srgb, var(--wp--preset--color--tertiary) 25%, var(--wp--custom-color-base) 100%)",
"100": "color-mix(in srgb, var(--wp--preset--color--tertiary) 30%, var(--wp--custom-color-base) 80%)",
"200": "color-mix(in srgb, var(--wp--preset--color--tertiary) 40%, var(--wp--custom-color-base) 60%)",
"300": "color-mix(in srgb, var(--wp--preset--color--tertiary) 60%, var(--wp--custom-color-base) 4%)",
"400": "color-mix(in srgb, var(--wp--preset--color--tertiary) 80%, var(--wp--custom-color-base) 20%)",
"500": "var(--wp--preset--color--tertiary)",
"600": "color-mix(in srgb, var(--wp--preset--color--tertiary) 80%, var(--wp--custom-color-contrast) 20%)",
"700": "color-mix(in srgb, var(--wp--preset--color--tertiary) 60%, var(--wp--custom-color-contrast) 40%)",
"800": "color-mix(in srgb, var(--wp--preset--color--tertiary) 40%, var(--wp--custom-color-contrast) 60%)",
"900": "color-mix(in srgb, var(--wp--preset--color--tertiary) 30%, var(--wp--custom-color-contrast) 80%)",
"950": "color-mix(in srgb, var(--wp--preset--color--tertiary) 25%, var(--wp--custom-color-contrast) 100%)"
},
"gray": {
"50": "color-mix(in srgb, var(--wp--custom-color-base) 95%, var(--wp--custom-color-contrast) 5%)",
"100": "color-mix(in srgb, var(--wp--custom-color-base) 90%, var(--wp--custom-color-contrast) 10%)",
"200": "color-mix(in srgb, var(--wp--custom-color-base) 80%, var(--wp--custom-color-contrast) 20%)",
"300": "color-mix(in srgb, var(--wp--custom-color-base) 70%, var(--wp--custom-color-contrast) 30%)",
"400": "color-mix(in srgb, var(--wp--custom-color-base) 60%, var(--wp--custom-color-contrast) 40%)",
"500": "color-mix(in srgb, var(--wp--custom-color-base) 50%, var(--wp--custom-color-contrast) 50%)",
"600": "color-mix(in srgb, var(--wp--custom-color-base) 40%, var(--wp--custom-color-contrast) 60%)",
"700": "color-mix(in srgb, var(--wp--custom-color-base) 30%, var(--wp--custom-color-contrast) 70%)",
"800": "color-mix(in srgb, var(--wp--custom-color-base) 20%, var(--wp--custom-color-contrast) 80%)",
"900": "color-mix(in srgb, var(--wp--custom-color-base) 10%, var(--wp--custom-color-contrast) 90%)",
"950": "color-mix(in srgb, var(--wp--custom-color-base) 5%, var(--wp--custom-color-contrast) 95%)"
},
"alert": {
"success": "#18A957",
"warning": "#FFDD38",
"error": "#DF1642"
},
"transition": {
"slow": "all 0.5s ease-in-out",
"normal": "all 0.3s ease-in-out",
"fast": "all 0.2s ease-in-out"
},
"line-height": {
"small": "1.2",
"medium": "1.5",
"large": "1.8"
}
},
"layout": {
"contentSize": "840px",
"wideSize": "1100px"
Expand Down Expand Up @@ -272,7 +335,7 @@
"width": "0"
},
"color": {
"background": "var(--wp--preset--color--tertiary-300)",
"background": "var(--wp--custom--tertiary-300)",
"text": "var(--wp--preset--color--white)"
},
"typography": {
Expand All @@ -289,37 +352,37 @@
},
":hover": {
"color": {
"background": "var(--wp--preset--color--tertiary-200)"
"background": "var(--wp--custom--tertiary-200)"
}
},
":focus": {
"color": {
"background": "var(--wp--preset--color--tertiary-200)"
"background": "var(--wp--custom--tertiary-200)"
}
},
":active": {
"color": {
"background": "var(--wp--preset--color--tertiary-100)"
"background": "var(--wp--custom--tertiary-100)"
}
}
},
"link": {
"color": {
"text": "var(--wp--preset--color--tertiary-300)"
"text": "var(--wp--custom--tertiary-300)"
},
":active": {
"color": {
"text": "var(--wp--preset--color--tertiary-200)"
"text": "var(--wp--custom--tertiary-200)"
}
},
":hover": {
"color": {
"text": "var(--wp--preset--color--tertiary-200)"
"text": "var(--wp--custom--tertiary-200)"
}
},
":focus": {
"color": {
"text": "var(--wp--preset--color--tertiary-200)"
"text": "var(--wp--custom--tertiary-200)"
}
}
}
Expand Down Expand Up @@ -412,8 +475,8 @@
},
"core/code": {
"color": {
"background": "var(--wp--preset--color--contrast)",
"text": "var(--wp--preset--color--base)"
"background": "var(--wp--custom--color--contrast)",
"text": "var(--wp--custom--color--base)"
},
"css": "& code {overflow-wrap: normal; overflow-x: scroll; tab-size: 4; white-space: pre !important;}",
"typography": {
Expand Down Expand Up @@ -454,8 +517,8 @@
"core/comments-title": {
"spacing": {
"margin": {
"top": "var(--wp--custom--spacing--gap)",
"bottom": "var(--wp--custom--spacing--gap)"
"top": "var(--wp--preset--spacing--50)",
"bottom": "var(--wp--preset--spacing--50)"
}
}
},
Expand All @@ -482,8 +545,8 @@
},
"core/preformatted": {
"color": {
"background": "var(--wp--preset--color--contrast)",
"text": "var(--wp--preset--color--base)"
"background": "var(--wp--custom--color--contrast)",
"text": "var(--wp--custom--color--base)"
},
"css": "{overflow-wrap: normal; overflow-x: scroll; tab-size: 4; white-space: pre !important;}",
"spacing": {
Expand All @@ -501,7 +564,7 @@
},
"core/pullquote": {
"border": {
"color": "var(--wp--preset--color--contrast)",
"color": "var(--wp--custom--color--contrast)",
"style": "solid",
"width": "1px"
},
Expand All @@ -512,7 +575,7 @@
},
"core/quote": {
"border": {
"color": "var(--wp--preset--color--contrast)",
"color": "var(--wp--custom--color--contrast)",
"style": "solid",
"width": "1px"
}
Expand Down Expand Up @@ -549,7 +612,7 @@
}
},
"core/table": {
"css": "th {border-color: var(--wp--preset--color--contrast) !important;} & td {border-color: var(--wp--preset--color--contrast) !important;}",
"css": "th {border-color: var(--wp--custom--color--contrast) !important;} & td {border-color: var(--wp--custom--color--contrast) !important;}",
"typography": {
"fontSize": "var(--wp--preset--font-size--small)"
}
Expand All @@ -563,7 +626,6 @@
}
}
},

"templateParts": [
{
"name": "header",
Expand Down

0 comments on commit 723906e

Please sign in to comment.