Merge pull request #4326 from Automattic/skatepark-color-palette

Skatepark: color palette

skatepark/assets/theme.css

@@ -35,5 +35,11 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+::-moz-selection {
+	color: var(--wp--preset--color--background);
+}
+::selection {
+	color: var(--wp--preset--color--background);
+}
 
 /*# sourceMappingURL=theme.css.map */

skatepark/child-theme.json

@@ -1,3 +1,28 @@
 {
-	
+	"settings": {
+		"color": {
+			"gradients": [],
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#000000",
+					"name": "Primary"
+				},
+				{
+					"slug": "background",
+					"color": "#BFF5A5",
+					"name": "Background"
+				}
+			]
+		},
+		"custom": {
+			"color": {
+				"foreground": "var(--wp--preset--color--primary)",
+				"background": "var(--wp--preset--color--background)",
+				"primary": "var(--wp--preset--color--primary)",
+				"secondary": "var(--wp--preset--color--primary)",
+				"selection": "var(--wp--preset--color--primary)"
+			}
+		}
+	}
 }

skatepark/sass/base/_text.scss

@@ -0,0 +1,5 @@
+// Text selection text color
+
+::selection {
+	color: var(--wp--preset--color--background);
+}

skatepark/sass/theme.scss

@@ -1,2 +1,3 @@
 @import "../../blockbase/sass/base/breakpoints"; // Get the mobile-only media query and make it available to this theme's styles
 @import "../../blockbase/sass/base/mixins";
+@import "base/text";

skatepark/theme.json

@@ -40,28 +40,13 @@
 			"palette": [
 				{
 					"slug": "primary",
-					"color": "#007cba",
+					"color": "#000000",
 					"name": "Primary"
 				},
-				{
-					"slug": "secondary",
-					"color": "#006ba1",
-					"name": "Secondary"
-				},
-				{
-					"slug": "foreground",
-					"color": "#333333",
-					"name": "Foreground"
-				},
 				{
 					"slug": "background",
-					"color": "#ffffff",
+					"color": "#BFF5A5",
 					"name": "Background"
-				},
-				{
-					"slug": "selection",
-					"color": "#c2c2c2",
-					"name": "Selection"
 				}
 			]
 		},
@@ -110,11 +95,11 @@
 				}
 			},
 			"color": {
-				"foreground": "var(--wp--preset--color--foreground)",
+				"foreground": "var(--wp--preset--color--primary)",
 				"background": "var(--wp--preset--color--background)",
 				"primary": "var(--wp--preset--color--primary)",
-				"secondary": "var(--wp--preset--color--secondary)",
-				"selection": "var(--wp--preset--color--selection)"
+				"secondary": "var(--wp--preset--color--primary)",
+				"selection": "var(--wp--preset--color--primary)"
 			},
 			"colorPalettes": [
 				{