Merge pull request #3223 from Automattic/add/varia-color-annotations-refactor

Varia + Hever: Refactor color annotations

alves/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "alves",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

alves/package.json

@@ -1,6 +1,6 @@
 {
   "name": "alves",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "Alves",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

alves/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Convincing design for your charity or organization’s online presence. Highlight your actions, causes and projects, Alves is versatile enough to be your personal site too.
 Requires at least: WordPress 4.9.6
-Version: 1.5.3
+Version: 1.5.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

alves/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */

alves/style-rtl.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Convincing design for your charity or organization’s online presence. Highlight your actions, causes and projects, Alves is versatile enough to be your personal site too.
 Requires at least: WordPress 4.9.6
-Version: 1.5.3
+Version: 1.5.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

alves/style.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Convincing design for your charity or organization’s online presence. Highlight your actions, causes and projects, Alves is versatile enough to be your personal site too.
 Requires at least: WordPress 4.9.6
-Version: 1.5.3
+Version: 1.5.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

balasana/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "balasana",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

balasana/package.json

@@ -1,6 +1,6 @@
 {
   "name": "balasana",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "Balasana",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

balasana/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Balasana is a clean and minimalist business theme designed with health and wellness-focused sites in mind.
 Requires at least: WordPress 4.9.6
-Version: 1.3.3
+Version: 1.3.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

balasana/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */

balasana/style-rtl.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Balasana is a clean and minimalist business theme designed with health and wellness-focused sites in mind.
 Requires at least: WordPress 4.9.6
-Version: 1.3.3
+Version: 1.3.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

balasana/style.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Balasana is a clean and minimalist business theme designed with health and wellness-focused sites in mind.
 Requires at least: WordPress 4.9.6
-Version: 1.3.3
+Version: 1.3.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

barnsbury/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "barnsbury",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

barnsbury/package.json

@@ -1,6 +1,6 @@
 {
   "name": "barnsbury",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "Barnsbury",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

barnsbury/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Barnsbury is an earthy and friendly theme design with farming and agriculture businesses in mind.
 Requires at least: WordPress 4.9.6
-Version: 1.3.3
+Version: 1.3.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

barnsbury/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */

barnsbury/style-rtl.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Barnsbury is an earthy and friendly theme design with farming and agriculture businesses in mind.
 Requires at least: WordPress 4.9.6
-Version: 1.3.3
+Version: 1.3.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

barnsbury/style.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Barnsbury is an earthy and friendly theme design with farming and agriculture businesses in mind.
 Requires at least: WordPress 4.9.6
-Version: 1.3.3
+Version: 1.3.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

brompton/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "brompton",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

brompton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "brompton",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "Brompton",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

brompton/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Running a business is no small task. But with the right tools and support, creating a website doesn’t have to be another chore on your to-do list: enter Brompton, a simple yet powerful theme for small-business owners and entrepreneurs.
 Requires at least: WordPress 4.9.6
-Version: 1.4.3
+Version: 1.4.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

brompton/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */

brompton/style-rtl.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Running a business is no small task. But with the right tools and support, creating a website doesn’t have to be another chore on your to-do list: enter Brompton, a simple yet powerful theme for small-business owners and entrepreneurs.
 Requires at least: WordPress 4.9.6
-Version: 1.4.3
+Version: 1.4.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */

brompton/style.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Running a business is no small task. But with the right tools and support, creating a website doesn’t have to be another chore on your to-do list: enter Brompton, a simple yet powerful theme for small-business owners and entrepreneurs.
 Requires at least: WordPress 4.9.6
-Version: 1.4.3
+Version: 1.4.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */

coutoire/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "coutoire",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

coutoire/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coutoire",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "Coutoire",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

coutoire/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: A design system for WordPress sites built with Gutenberg.
 Requires at least: WordPress 4.9.6
-Version: 1.4.3
+Version: 1.4.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

coutoire/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */

coutoire/style-rtl.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: A design system for WordPress sites built with Gutenberg.
 Requires at least: WordPress 4.9.6
-Version: 1.4.3
+Version: 1.4.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -140,12 +140,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

coutoire/style.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: A design system for WordPress sites built with Gutenberg.
 Requires at least: WordPress 4.9.6
-Version: 1.4.3
+Version: 1.4.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -140,12 +140,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

dalston/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "dalston",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

dalston/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dalston",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "Dalston",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

dalston/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Make your online portfolio impressively awesome with Dalston. With the ability to beautifully highlight your illustration and other projects, Dalston is also versatile enough to be your personal site too.
 Requires at least: WordPress 4.9.6
-Version: 1.3.3
+Version: 1.3.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

dalston/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */

dalston/style-rtl.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Make your online portfolio impressively awesome with Dalston. With the ability to beautifully highlight your illustration and other projects, Dalston is also versatile enough to be your personal site too.
 Requires at least: WordPress 4.9.6
-Version: 1.3.3
+Version: 1.3.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -140,12 +140,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

dalston/style.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Make your online portfolio impressively awesome with Dalston. With the ability to beautifully highlight your illustration and other projects, Dalston is also versatile enough to be your personal site too.
 Requires at least: WordPress 4.9.6
-Version: 1.3.3
+Version: 1.3.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -140,12 +140,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

exford/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "exford",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

exford/package.json

@@ -1,6 +1,6 @@
 {
   "name": "exford",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "Exford",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

exford/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Make your online presence as striking and stylish as your business with Exford.
 Requires at least: WordPress 4.9.6
-Version: 1.5.3
+Version: 1.5.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

exford/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */

exford/style-rtl.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Make your online presence as striking and stylish as your business with Exford.
 Requires at least: WordPress 4.9.6
-Version: 1.5.3
+Version: 1.5.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

exford/style.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Make your online presence as striking and stylish as your business with Exford.
 Requires at least: WordPress 4.9.6
-Version: 1.5.3
+Version: 1.5.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

hever/functions.php

@@ -9,6 +9,18 @@
  * @since 1.0.0
  */
 
+if ( ! function_exists( 'varia_default_colors' ) ) {
+	function varia_default_colors() {
+		return array(
+			'background' => '#FFFFFF',
+			'foreground' => '#303030',
+			'primary'    => '#1279BE',
+			'secondary'  => '#FFB302',
+			'tertiary'   => '#C5C5C5',
+		);
+	}
+}
+
 if ( ! function_exists( 'hever_setup' ) ) :
 
 	/**
@@ -54,74 +66,6 @@ if ( ! function_exists( 'hever_setup' ) ) :
 			)
 		);
 
-		// Editor color palette.
-		$colors_manager = get_theme_mod( 'colors_manager' );
-		if ( $colors_manager ) {
-			$color_annotations = $colors_manager['colors'];
-		}
-		$primary    = ( empty( $color_annotations['link'] ) ) ? '#1279BE' : $color_annotations['link'];
-		$secondary  = ( empty( $color_annotations['fg1'] ) ) ? '#FFB302' : $color_annotations['fg1'];
-		$foreground = ( empty( $color_annotations['txt'] ) ) ? '#303030' : $color_annotations['txt'];
-		$tertiary   = ( empty( $color_annotations['fg2'] ) ) ? '#C5C5C5' : $color_annotations['fg2'];
-		$background = ( empty( $color_annotations['bg'] ) ) ? '#FFFFFF' : $color_annotations['bg'];
-
-		$foreground_low_contrast  = change_color_luminescence( $foreground, 10 );
-		$foreground_high_contrast = change_color_luminescence( $foreground, -10 );
-		$background_low_contrast  = change_color_luminescence( $background, -10 );
-		$background_high_contrast = change_color_luminescence( $background, 10 );
-
-		// Add child theme editor color pallete to match Sass-map variables in `_config-child-theme-deep.scss`.
-		add_theme_support(
-			'editor-color-palette',
-			array(
-				array(
-					'name'  => __( 'Primary', 'hever' ),
-					'slug'  => 'primary',
-					'color' => $primary,
-				),
-				array(
-					'name'  => __( 'Secondary', 'hever' ),
-					'slug'  => 'secondary',
-					'color' => $secondary,
-				),
-				array(
-					'name'  => __( 'Tertiary', 'hever' ),
-					'slug'  => 'tertiary',
-					'color' => $tertiary,
-				),
-				array(
-					'name'  => __( 'Foreground', 'hever' ),
-					'slug'  => 'foreground',
-					'color' => $foreground,
-				),
-				array(
-					'name'  => __( 'Foreground Low Contrast', 'hever' ),
-					'slug'  => 'foreground-low-contrast',
-					'color' => $foreground_low_contrast,
-				),
-				array(
-					'name'  => __( 'Foreground High Contrast', 'hever' ),
-					'slug'  => 'foreground-high-contrast',
-					'color' => $foreground_high_contrast,
-				),
-				array(
-					'name'  => __( 'Background', 'hever' ),
-					'slug'  => 'background',
-					'color' => $background,
-				),
-				array(
-					'name'  => __( 'Background High Contrast', 'hever' ),
-					'slug'  => 'background-high-contrast',
-					'color' => $background_high_contrast,
-				),
-				array(
-					'name'  => __( 'Background Low Contrast', 'hever' ),
-					'slug'  => 'background-low-contrast',
-					'color' => $background_low_contrast,
-				),
-			)
-		);
-
 		// Setup nav on side toggle support.
 		if ( function_exists( 'varia_mobile_nav_on_side_setup' ) ) {
 			varia_mobile_nav_on_side_setup();

hever/inc/customize-preview-wpcom.js

@@ -1,103 +0,0 @@
-/**
- * File wpcom-customize-preview.js.
- *
- * Instantly live-update customizer settings in the preview for improved user experience,
- * targeting the updates needed to hide the page title on the homepage on WordPress.com.
- *
- * This file needs to avoid ESNext syntax to work in older browsers
- */
-
- // From https://gist.github.com/xenozauros/f6e185c8de2a04cdfecf
- function hexToHSL( hex ) {
-	var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec( hex );
-		r = parseInt( result[1], 16 );
-		g = parseInt( result[2], 16 );
-		b = parseInt( result[3], 16 );
-		r /= 255, g /= 255, b /= 255;
-	  var max = Math.max( r, g, b ), min = Math.min( r, g, b );
-	  var h, s, l = ( max + min ) / 2;
-	  if( max == min ){
-		h = s = 0; // achromatic
-	  } else {
-		var d = max - min;
-		s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-		switch( max ){
-		  case r: h = ( g - b ) / d + ( g < b ? 6 : 0 ); break;
-		  case g: h = ( b - r ) / d + 2; break;
-		  case b: h = ( r - g ) / d + 4; break;
-		}
-		h /= 6;
-	}
-	var HSL = new Object();
-	HSL['h'] = h;
-	HSL['s'] = s;
-	HSL['l'] = l;
-	return HSL;
-}
-
-function changeColorLuminescence( hex, amount ) {
-	var hsl = hexToHSL( hex );
-	return 'hsl( ' + hsl.h * 360 + ',' + hsl.s * 100 + '%,' + ( hsl.l * 100  + amount ) + '%)';
-}
-
-
-( function( $ ) {
-	// Hide Front Page Title
-	wp.customize( 'hide_front_page_title', function( value ) {
-		value.bind( function( to ) {
-			if ( true === to ) {
-				$( 'body' ).addClass( 'hide-homepage-title' );
-
-			} else {
-				$( 'body' ).removeClass( 'hide-homepage-title' );
-			}
-		} );
-	} );
-
-	// Since the plugin handles customizer preview updates via the postMessage transport,
-	// we need to manually override the "extra CSS" when a user selects a different color palette.
-	wp.customize( 'colors_manager[colors]', function( value ) {
-		value.bind( function( to ) {
-			var background = to.bg;
-			var foreground = to.txt;
-			var primary = to.link;
-			var secondary = to.fg1;
-			var border = to.fg2;
-
-			var backgroundLowContrast = changeColorLuminescence( background, -10 );
-			var backgroundHighContrast = changeColorLuminescence( background, 10 );
-			var foregroundLowContrast = changeColorLuminescence( foreground, 10 );
-			var foregroundHighContrast = changeColorLuminescence( foreground, -10 );
-			var borderLowContrast = changeColorLuminescence( border, 10 );
-			var borderHighContrast = changeColorLuminescence( border, -10 );
-			var primaryHover = changeColorLuminescence( primary, 10 );
-			var secondaryHover = changeColorLuminescence( secondary, 10 );
-			const extraCSS = ':root {' +
-					'--wp--preset--color--background: ' + background + ';' +
-					'--wp--preset--color--background-low-contrast: ' + backgroundLowContrast + ';' +
-					'--wp--preset--color--background-high-contrast: ' + backgroundHighContrast + ';' +
-					'--wp--preset--color--foreground: ' + foreground + ';' +
-					'--wp--preset--color--foreground-low-contrast: ' + foregroundLowContrast + ';' +
-					'--wp--preset--color--foreground-high-contrast: ' + foregroundHighContrast + ';' +
-					'--wp--preset--color--primary: ' + primary + ';' +
-					'--wp--preset--color--primary-hover: ' + primaryHover + ';' +
-					'--wp--preset--color--secondary: ' + secondary + ';' +
-					'--wp--preset--color--secondary-hover: ' + secondaryHover + ';' +
-					'--wp--preset--color--border: ' + border + ';' +
-					'--wp--preset--color--border-low-contrast: ' + borderLowContrast + ';' +
-					'--wp--preset--color--border-high-contrast: ' + borderHighContrast + ';' +
-				'}';
-
-			// Append an extra style element that overrides the previous extra CSS
-			if ( $('#custom-colors-extra-css').length ) {
-				$( '#custom-colors-extra-css' ).html( extraCSS );
-			} else {
-				$( 'head' ).append( '<style id="custom-colors-extra-css">' +  extraCSS + '</style>' );
-			}
-
-			if ( typeof cssVars !== 'undefined' ) {
-				cssVars( {} );
-			}
-		} );
-	} );
-} )( jQuery );

hever/inc/wpcom-colors.php

@@ -1,164 +0,0 @@
-<?php
-
-// Custom Colors: Hever
-function hever_define_color_annotations( $colors ) {
-	// Background Color
-	// --wp--preset--color--background
-	add_color_rule(
-		'bg',
-		$colors['background'],
-		array(
-
-			// This placeholder is needed to make the color annotations work
-			array( '.wp--preset--color--background', 'background-color' ),
-
-		),
-		__( 'Background Color' )
-	);
-
-	// Foreground Color
-	// --wp--preset--color--foreground
-	add_color_rule(
-		'txt',
-		$colors['foreground'],
-		array(
-
-			// This placeholder is needed to make the color annotations work
-			array( '.wp--preset--color--foreground', 'color' ),
-
-		),
-		__( 'Foreground Color' )
-	);
-
-	// Primary Color
-	// --wp--preset--color--primary
-	add_color_rule(
-		'link',
-		$colors['primary'],
-		array(
-
-			// This placeholder is needed to make the color annotations work
-			array( '.wp--preset--color--primary', 'color' ),
-
-		),
-		__( 'Primary Color' )
-	);
-
-	// Secondary Color
-	// --wp--preset--color--secondary
-	add_color_rule(
-		'fg1',
-		$colors['secondary'],
-		array(
-
-			// Text-color
-			array( '.wp--preset--color--secondary', 'color' ),
-
-		),
-		__( 'Secondary Color' )
-	);
-
-	// Tertiary Color
-	// --wp--preset--color--tertiary
-	add_color_rule(
-		'fg2',
-		$colors['tertiary'],
-		array(
-
-			// Text-color
-			array( '.wp--preset--color--tertiary', 'color' ),
-
-		),
-		__( 'Tertiary Color' )
-	);
-}
-
-/**
- * Custom CSS.
- * The plugin takes the body of this function and applies it in a style tag in the document head.
- */
-function hever_custom_colors_extra_css() {
-	$colors_array = get_theme_mod( 'colors_manager' );
-	$background   = $colors_array['colors']['bg'];
-	$foreground   = $colors_array['colors']['txt'];
-	$primary      = $colors_array['colors']['link'];
-	$secondary    = $colors_array['colors']['fg1'];
-	$border       = $colors_array['colors']['fg2'];
-
-	$foreground_low_contrast  = change_color_luminescence( $foreground, 10 );
-	$foreground_high_contrast = change_color_luminescence( $foreground, -10 );
-	$background_low_contrast  = change_color_luminescence( $background, -10 );
-	$background_high_contrast = change_color_luminescence( $background, 10 );
-	$primary_hover            = change_color_luminescence( $primary, 10 );
-	$secondary_hover          = change_color_luminescence( $secondary, 10 );
-	$border_low_contrast  	  = change_color_luminescence( $border, 10 );
-	$border_high_contrast 	  = change_color_luminescence( $border, -10 );
-	?>
-
-	:root,
-	#editor .editor-styles-wrapper {
-		--wp--preset--color--background: <?php echo $background; ?>;
-		--wp--preset--color--background-low-contrast: <?php echo $background_low_contrast; ?>;
-		--wp--preset--color--background-high-contrast: <?php echo $background_high_contrast; ?>;
-		--wp--preset--color--foreground: <?php echo $foreground; ?>;
-		--wp--preset--color--foreground-low-contrast: <?php echo $foreground_low_contrast; ?>;
-		--wp--preset--color--foreground-high-contrast: <?php echo $foreground_high_contrast; ?>;
-		--wp--preset--color--primary: <?php echo $primary; ?>;
-		--wp--preset--color--primary-hover: <?php echo $primary_hover; ?>;
-		--wp--preset--color--secondary: <?php echo $secondary; ?>;
-		--wp--preset--color--secondary-hover: <?php echo $secondary_hover; ?>;
-		--wp--preset--color--border: <?php echo $border; ?>;
-		--wp--preset--color--border-low-contrast: <?php echo $border_low_contrast; ?>;
-		--wp--preset--color--border-high-contrast: <?php echo $border_high_contrast; ?>;
-	}
-
-	<?php
-}
-add_theme_support( 'custom_colors_extra_css', 'hever_custom_colors_extra_css' );
-
-/**
- * Featured Hever Palettes
- */
-// Light
-add_color_palette(
-	array(
-		'#FFFFFF',
-		'#1D1E1E',
-		'#C8133E',
-		'#4E2F4B',
-		'#F9F9F9',
-	), /* translators: This is the name for a color scheme */
-	'Light'
-);
-// Medium
-add_color_palette(
-	array(
-		'#EEF4F7',
-		'#242527',
-		'#35845D',
-		'#233252',
-		'#F9F9F9',
-	), /* translators: This is the name for a color scheme */
-	'Medium'
-);
-// Dark
-add_color_palette(
-	array(
-		'#1F2527',
-		'#FFFFFF',
-		'#9FD3E8',
-		'#FBE6AA',
-		'#364043',
-	), /* translators: This is the name for a color scheme */
-	'Dark'
-);
-
-hever_define_color_annotations(
-	array(
-		'background' => '#FFFFFF',
-		'foreground' => '#303030',
-		'primary'    => '#1279BE',
-		'secondary'  => '#FFB302',
-		'tertiary'   => '#C5C5C5',
-	)
-);

hever/inc/wpcom-editor-colors.php

@@ -1,2 +1,2 @@
 <?php
-require_once 'wpcom-colors.php';
+require_once get_template_directory() . '/inc/wpcom-colors-css-variables.php';

hever/inc/wpcom.php

@@ -6,12 +6,11 @@
  *
  * @package Hever
  */
-
-
+require_once get_template_directory() . '/inc/wpcom-colors-css-variables.php';
 /**
  * Bind JS handlers to instantly live-preview changes.
  */
-function hever_wpcom_customize_preview_js() {
-	wp_enqueue_script( 'hever_wpcom_customize_preview', get_theme_file_uri( '/inc/customize-preview-wpcom.js' ), array( 'customize-preview' ), '1.0', true );
+function hever_wpcom_color_annotations_preview_js() {
+	wp_enqueue_script( 'hever_wpcom_color_annotations_preview', get_template_directory_uri() . '/inc/color-annotations-preview.js', array( 'customize-preview' ), wp_get_theme()->get( 'Version' ), true );
 }
-add_action( 'customize_preview_init', 'hever_wpcom_customize_preview_js' );
+add_action( 'customize_preview_init', 'hever_wpcom_color_annotations_preview_js' ); 

hever/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "hever",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

hever/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hever",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "Hever",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

hever/sass/_config-child-theme-deep.scss

@@ -3,6 +3,8 @@
  * - See: style-child-theme.scss
  */
 
+@import "../../varia/sass/abstracts/color-variables";
+
 /**
  * Global
  */
@@ -67,42 +69,6 @@ $config-global: (
 		),
 	),
 
-	/* Colors */
-	"color": (
-		"primary": (
-			"default": var(--wp--preset--color--primary),
-			"hover": var(--wp--preset--color--primary-hover),
-		),
-		"secondary": (
-			"default": var(--wp--preset--color--secondary),
-			"hover": var(--wp--preset--color--secondary-hover),
-		),
-		"foreground": (
-			"default": var(--wp--preset--color--foreground),
-			"light": var(--wp--preset--color--foreground-low-contrast), // must be accessible against background
-			"dark": var(--wp--preset--color--foreground-high-contrast), // must be accessible against background
-		),
-		"background": (
-			"default": var(--wp--preset--color--background),
-			"light": var(--wp--preset--color--background-high-contrast), // must be accessible against foreground-default
-			"dark": var(--wp--preset--color--background-low-contrast), // must be accessible against foreground-default
-		),
-		"border": (
-			"default": var(--wp--preset--color--border),
-			"light": var(--wp--preset--color--border-low-contrast),
-			"dark": var(--wp--preset--color--border-high-contrast),
-		),
-		"alert": (
-			"success": var(--wp--preset--color--alert-success),
-			"info": var(--wp--preset--color--alert-info),
-			"warning": var(--wp--preset--color--alert-warning),
-			"error": var(--wp--preset--color--alert-error),
-		),
-		"text-selection": var(--wp--preset--color--text-selection),
-		"black": var(--wp--preset--color--black),
-		"white": var(--wp--preset--color--white),
-	),
-
 	/* Spacing */
 	"spacing": (
 		"unit": (2 * $baseline-unit), // 16px
@@ -139,6 +105,8 @@ $config-global: (
 	),
 );
 
+$config-global: map-merge($color-variables, $config-global);
+
 /**
  * Elements
  */

hever/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: A fully responsive theme, ideal for creating a strong — yet beautiful — online presence for your business.
 Requires at least: WordPress 4.9.6
-Version: 1.5.3
+Version: 1.5.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

hever/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Global variables
  */

hever/style-rtl.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: A fully responsive theme, ideal for creating a strong — yet beautiful — online presence for your business.
 Requires at least: WordPress 4.9.6
-Version: 1.5.3
+Version: 1.5.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
   * Global variables
   */

hever/style.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: A fully responsive theme, ideal for creating a strong — yet beautiful — online presence for your business.
 Requires at least: WordPress 4.9.6
-Version: 1.5.3
+Version: 1.5.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
   * Global variables
   */

leven/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "leven",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

leven/package.json

@@ -1,6 +1,6 @@
 {
   "name": "leven",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "Leven",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

leven/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: the WordPress team
 Author URI: https://wordpress.org/
 Description: A colorful, typography driven, Gutenberg-ready theme meant to grab the attention of potential customers and market or sell products to them.
 Requires at least: WordPress 4.9.6
-Version: 1.4.3
+Version: 1.4.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

leven/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */

leven/style-rtl.css

@@ -6,7 +6,7 @@ Author: the WordPress team
 Author URI: https://wordpress.org/
 Description: A colorful, typography driven, Gutenberg-ready theme meant to grab the attention of potential customers and market or sell products to them.
 Requires at least: WordPress 4.9.6
-Version: 1.4.3
+Version: 1.4.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

leven/style.css

@@ -6,7 +6,7 @@ Author: the WordPress team
 Author URI: https://wordpress.org/
 Description: A colorful, typography driven, Gutenberg-ready theme meant to grab the attention of potential customers and market or sell products to them.
 Requires at least: WordPress 4.9.6
-Version: 1.4.3
+Version: 1.4.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

mayland/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "mayland",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

mayland/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mayland",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "mayland",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

mayland/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Make your online portfolio wonderfully uncluttered with Mayland. Gracefully highlight your photography and other projects. Mayland is versatile enough to be your personal site too.
 Requires at least: WordPress 4.9.6
-Version: 1.3.3
+Version: 1.3.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

mayland/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */

mayland/style-rtl.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Make your online portfolio wonderfully uncluttered with Mayland. Gracefully highlight your photography and other projects. Mayland is versatile enough to be your personal site too.
 Requires at least: WordPress 4.9.6
-Version: 1.3.3
+Version: 1.3.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

mayland/style.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Make your online portfolio wonderfully uncluttered with Mayland. Gracefully highlight your photography and other projects. Mayland is versatile enough to be your personal site too.
 Requires at least: WordPress 4.9.6
-Version: 1.3.3
+Version: 1.3.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

maywood/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "maywood",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

maywood/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maywood",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "Maywood",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

maywood/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Maywood is a refined theme designed for restaurants and food-related businesses seeking a modern look.
 Requires at least: WordPress 4.9.6
-Version: 1.5.3
+Version: 1.5.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

maywood/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */

maywood/style-rtl.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Maywood is a refined theme designed for restaurants and food-related businesses seeking a modern look.
 Requires at least: WordPress 4.9.6
-Version: 1.5.3
+Version: 1.5.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

maywood/style.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Maywood is a refined theme designed for restaurants and food-related businesses seeking a modern look.
 Requires at least: WordPress 4.9.6
-Version: 1.5.3
+Version: 1.5.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

morden/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "morden",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

morden/package.json

@@ -1,6 +1,6 @@
 {
   "name": "morden",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "description": "Morden",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

morden/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Morden is a functional and responsive multi-purpose theme that is the perfect solution for your business's online presence.
 Requires at least: WordPress 4.9.6
-Version: 1.6.3
+Version: 1.6.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

morden/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */

morden/style-rtl.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Morden is a functional and responsive multi-purpose theme that is the perfect solution for your business's online presence.
 Requires at least: WordPress 4.9.6
-Version: 1.6.3
+Version: 1.6.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

morden/style.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Morden is a functional and responsive multi-purpose theme that is the perfect solution for your business's online presence.
 Requires at least: WordPress 4.9.6
-Version: 1.6.3
+Version: 1.6.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

redhill/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "redhill",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

redhill/package.json

@@ -1,6 +1,6 @@
 {
   "name": "redhill",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "redhill",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

redhill/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: A simple theme with clean typography, created with entrepreneurs and small business owners in mind.
 Requires at least: WordPress 4.9.6
-Version: 1.5.3
+Version: 1.5.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

redhill/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

redhill/style-rtl.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: A simple theme with clean typography, created with entrepreneurs and small business owners in mind.
 Requires at least: WordPress 4.9.6
-Version: 1.5.3
+Version: 1.5.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

redhill/style.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: A simple theme with clean typography, created with entrepreneurs and small business owners in mind.
 Requires at least: WordPress 4.9.6
-Version: 1.5.3
+Version: 1.5.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

rivington/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "rivington",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

rivington/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rivington",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "Rivington",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

rivington/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Rivington is a robust theme designed for single property real estate.
 Requires at least: WordPress 4.9.6
-Version: 1.3.3
+Version: 1.3.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

rivington/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */

rivington/style-rtl.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Rivington is a robust theme designed for single property real estate.
 Requires at least: WordPress 4.9.6
-Version: 1.3.3
+Version: 1.3.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

rivington/style.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Rivington is a robust theme designed for single property real estate.
 Requires at least: WordPress 4.9.6
-Version: 1.3.3
+Version: 1.3.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -141,12 +141,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

rockfield/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "rockfield",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

rockfield/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rockfield",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "Rockfield",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

rockfield/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Rockfield is a refined theme designed for restaurants and food-related businesses seeking a classic, elegant look.
 Requires at least: WordPress 4.9.6
-Version: 1.4.3
+Version: 1.4.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

rockfield/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */

rockfield/style-rtl.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Rockfield is a refined theme designed for restaurants and food-related businesses seeking a classic, elegant look.
 Requires at least: WordPress 4.9.6
-Version: 1.4.3
+Version: 1.4.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -140,12 +140,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

rockfield/style.css

@@ -6,7 +6,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Rockfield is a refined theme designed for restaurants and food-related businesses seeking a classic, elegant look.
 Requires at least: WordPress 4.9.6
-Version: 1.4.3
+Version: 1.4.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia
@@ -140,12 +140,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Deep
  */

shawburn/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "shawburn",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

shawburn/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shawburn",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "Shawburn",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues"

shawburn/sass/style-child-theme.scss

@@ -5,7 +5,7 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Shawburn is the ideal choice for creating an online presence for your business.
 Requires at least: WordPress 4.9.6
-Version: 1.4.3
+Version: 1.4.4
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Template: varia

shawburn/style-editor.css

@@ -120,12 +120,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Add font-family using CSS variables.
  * It also adds the proper fallback for browsers without support.
  */
-body {
-	display: none;
-	/* Legacy */
-	display: var(--skip, block);
-}
-
 /**
  * Child Theme Name
  */