Add custom gradients

seedlet-blocks/experimental-theme.json

@@ -2,7 +2,44 @@
 	"global": {
 		"settings": {
 			"color": {
-				"gradients": [ ],
+				"gradients": [
+					{
+						"slug": "hard-diagonal",
+						"value": "linear-gradient(to bottom right, var(--wp--preset--color--secondary) 49.9%, ' . $gradient_color_b  . ' 50%)"
+					},
+					{
+						"slug": "hard-diagonal-inverted",
+						"value": "linear-gradient(to top left, var(--wp--preset--color--secondary) 49.9%, var(--wp--preset--color--tertiary) 50%)"
+					},
+					{
+						"slug": "hard-horizontal",
+						"value": "linear-gradient(to bottom, var(--wp--preset--color--secondary) 50%, var(--wp--preset--color--tertiary) 50%)"
+					},
+					{
+						"slug": "hard-horizontal-inverted",
+						"value": "linear-gradient(to top, var(--wp--preset--color--secondary) 50%, var(--wp--preset--color--tertiary) 50%)"
+					},
+					{
+						"slug": "diagonal",
+						"value": "linear-gradient(to bottom right, var(--wp--preset--color--secondary), var(--wp--preset--color--tertiary))"
+					},
+					{
+						"slug": "diagonal-inverted",
+						"value": "linear-gradient(to top left, var(--wp--preset--color--secondary), var(--wp--preset--color--tertiary))"
+					},
+					{
+						"slug": "horizontal",
+						"value": "linear-gradient(to bottom, var(--wp--preset--color--secondary), var(--wp--preset--color--tertiary))"
+					},
+					{
+						"slug": "horizontal-inverted",
+						"value": "linear-gradient(to top, var(--wp--preset--color--secondary), var(--wp--preset--color--tertiary))"
+					},
+					{
+						"slug": "stripe",
+						"value": "linear-gradient(to bottom, transparent 20%, var(--wp--preset--color--secondary) 20%, var(--wp--preset--color--secondary) 80%, transparent 80%)"
+					}
+				],
 				"palette": [
 					{
 						"slug": "background",