Varia: Remove custom selection colors, add new Varia color palettes for light, medium and dark palettes.

varia/inc/wpcom-colors.php

@@ -372,22 +372,27 @@ add_color_rule( 'fg1', '#ff0000', array(
 
 ), __( 'Secondary Color' ) );
 
-function varia_custom_colors_extra_css() {
-	// Get stored colors
-	$colors_array = get_theme_mod('colors_manager'); // color annotations array()
-	$foreground   = $colors_array['colors']['link']; // $config-global--color-primary-default;
-	$background   = $colors_array['colors']['bg'];   // $config-global--color-primary-default;
-?>
-	::selection {
-		background-color: <?php echo $foreground; ?>;
-		color: <?php echo $background; ?>;
-		mix-blend-mode: hard-light;
-	}
-	::-moz-selection {
-		background-color: <?php echo $foreground; ?>;
-		color: <?php echo $background; ?>;
-		mix-blend-mode: hard-light;
-	}
-<?php }
-add_theme_support( 'custom_colors_extra_css', 'varia_custom_colors_extra_css' );
-
+/**
+ * Featured Varia Palettes
+ */
+// Light
+add_color_palette( array(
+	'#FFFFFF',
+	'#1D1E1E',
+	'#C8133E',
+	'#4E2F4B',
+), 'Light' );
+// Medium
+add_color_palette( array(
+	'#EEF4F7',
+	'#242527',
+	'#35845D',
+	'#233252',
+), 'Medium' );
+// Dark
+add_color_palette( array(
+	'#1F2527',
+	'#FFFFFF',
+	'#9FD3E8',
+	'#FBE6AA',
+), 'Dark' );

varia/inc/wpcom.php

@@ -145,20 +145,6 @@ function varia_wpcom_editor_scripts() {
 }
 add_action( 'enqueue_block_editor_assets', 'varia_wpcom_editor_scripts' );
 
-function varia_custom_colors_extra_css() { ?>
-
-	::selection {
-		background-color: currentColor;
-		mix-blend-mode: hard-light;
-	}
-
-	::-moz-selection {
-		background-color: currentColor;
-		mix-blend-mode: hard-light;
-	}
-<?php }
-add_theme_support( 'custom_colors_extra_css', 'varia_custom_colors_extra_css' );
-
 /**
  * Enqueue CSS and JS for customizer pane.
  */