Skatepark: Add custom.form.border to child-theme.json

skatepark/assets/theme.css

@@ -150,7 +150,7 @@
 
 .wp-block-post-comments form input:not([type=submit]):not([type=checkbox]),
 .wp-block-post-comments form textarea {
-	border: 3px solid var(--wp--custom--color--primary);
+	border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
 	background: var(--wp--custom--color--background);
 	font-size: var(--wp--preset--font-size--normal);
 	width: 100%;
@@ -228,7 +228,7 @@
 	left: 0;
 	width: 30px;
 	height: 30px;
-	border: 3px solid var(--wp--custom--color--primary);
+	border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
 }
 
 .wp-block-post-comments form .comment-form-cookies-consent input[type="checkbox"]:checked + ::after {

skatepark/child-theme.json

@@ -104,6 +104,14 @@
 			"fontsToLoadFromGoogle": [
 				"family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900"
 			],
+			"form": {
+				"border": {
+					"color": "var(--wp--custom--color--primary)",
+					"radius": "0",
+					"style": "solid",
+					"width": "3px"
+				}
+			},
 			"heading": {
 				"typography": {
 					"fontFamily": "var(--wp--preset--font-family--red-hat-display)",

skatepark/sass/blocks/_post-comments.scss

@@ -47,7 +47,7 @@
 
 		input:not([type=submit]):not([type=checkbox]),
 		textarea {
-			border: 3px solid var(--wp--custom--color--primary);
+			border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
 			background: var(--wp--custom--color--background);
 			font-size: var(--wp--preset--font-size--normal);
 			width: 100%;
@@ -110,7 +110,7 @@
 					left: 0;
 					width: 30px;
 					height: 30px;
-					border: 3px solid var(--wp--custom--color--primary);
+					border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
 				}
 				&:checked + ::after {
 					content: "\2715";

skatepark/theme.json

@@ -146,10 +146,10 @@
 			"form": {
 				"padding": "calc( 0.5 * var(--wp--custom--margin--horizontal) )",
 				"border": {
-					"color": "#EFEFEF",
+					"color": "var(--wp--custom--color--primary)",
 					"radius": "0",
 					"style": "solid",
-					"width": "2px"
+					"width": "3px"
 				},
 				"color": {
 					"background": "transparent",