Update the theme colors to rely on CSS variables (#23048)

Co-authored-by: Joen Asmussen <asmussen@gmail.com>
WordPress · Jun 16, 2020 · 988d3a0 · 988d3a0
1 parent 4543363
commit 988d3a0
Show file tree

Hide file tree

Showing 54 changed files with 298 additions and 296 deletions.
diff --git a/bin/packages/build-worker.js b/bin/packages/build-worker.js
@@ -8,7 +8,6 @@ const babel = require( '@babel/core' );
 const makeDir = require( 'make-dir' );
 const sass = require( 'node-sass' );
 const postcss = require( 'postcss' );
-
 /**
  * Internal dependencies
  */

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -164,7 +164,7 @@
 		"nock": "12.0.3",
 		"node-sass": "4.13.1",
 		"node-watch": "0.6.0",
-		"postcss": "7.0.13",
+		"postcss": "7.0.32",
 		"postcss-loader": "3.0.0",
 		"prettier": "npm:wp-prettier@2.0.5",
 		"progress": "2.0.3",

diff --git a/packages/base-styles/CHANGELOG.md b/packages/base-styles/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+## Breaking Changes
+
+- Remove the AdminColorThemes JavaScript variables.
+
 ## 1.2.0 (2020-01-13)
 
 ### Bug Fix

diff --git a/packages/base-styles/README.md b/packages/base-styles/README.md
@@ -39,13 +39,4 @@ To make that work with [`sass`](https://www.npmjs.com/package/sass) or [`node-sa
 }
 ```
 
-### PostCSS color schemes
-
-To use color schemes with [`@wordpress/postcss-themes`](https://www.npmjs.com/package/@wordpress/postcss-themes), import them like so:
-
-```js
-const { adminColorSchemes } = require( '@wordpress/base-styles' );
-const wpPostcss = require( '@wordpress/postcss-themes' )( adminColorSchemes )
-```
-
 <br/><br/><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>
diff --git a/packages/base-styles/_colors.scss b/packages/base-styles/_colors.scss
@@ -31,8 +31,6 @@ $medium-gray-text: #757575;		// Meets 4.6:1 text contrast.
 $light-gray-ui: #949494;		// Meets 3:1 UI contrast.
 $light-gray-secondary: #ccc;
 $light-gray-tertiary: #e7e8e9;
-$theme-color: theme(button);
-$blue-medium-focus: theme(button);
 $blue-medium-focus-dark: $white;
 
 // Dark opacities, for use with light themes.