custom selection color

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

@@ -21,7 +21,7 @@
 				"background": "var(--wp--preset--color--background)",
 				"primary": "var(--wp--preset--color--primary)",
 				"secondary": "var(--wp--preset--color--primary)",
-				"selection": "var(--wp--preset--color--background)"
+				"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

@@ -99,7 +99,7 @@
 				"background": "var(--wp--preset--color--background)",
 				"primary": "var(--wp--preset--color--primary)",
 				"secondary": "var(--wp--preset--color--primary)",
-				"selection": "var(--wp--preset--color--background)"
+				"selection": "var(--wp--preset--color--primary)"
 			},
 			"colorPalettes": [
 				{