Fix correct branding color (woocommerce#4911)

* Correct WooCommerce branding color * Correct WooCommerce branding color * Fixed lowercase colors * Changed color in more files
jonny-bull · Dec 14, 2021 · 1dc6a33 · 1dc6a33
1 parent 669b3da
commit 1dc6a33
Show file tree

Hide file tree

Showing 26 changed files with 26 additions and 26 deletions.
diff --git a/assets/js/atomic/blocks/product-elements/shared/config.tsx b/assets/js/atomic/blocks/product-elements/shared/config.tsx
@@ -19,7 +19,7 @@ const sharedConfig: Omit< BlockConfiguration, 'attributes' | 'title' > = {
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],
 	icon: {
 		src: <Icon srcElement={ grid } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	supports: {
 		html: false,

diff --git a/assets/js/blocks/active-filters/index.js b/assets/js/blocks/active-filters/index.js
@@ -15,7 +15,7 @@ registerBlockType( 'woocommerce/active-filters', {
 	title: __( 'Active Product Filters', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ toggle } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/attribute-filter/index.js b/assets/js/blocks/attribute-filter/index.js
@@ -15,7 +15,7 @@ registerBlockType( 'woocommerce/attribute-filter', {
 	title: __( 'Filter Products by Attribute', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ server } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/cart-checkout/cart-i2/index.js b/assets/js/blocks/cart-checkout/cart-i2/index.js
@@ -20,7 +20,7 @@ const settings = {
 	title: __( 'Cart i2', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ cart } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/cart-checkout/cart/index.js b/assets/js/blocks/cart-checkout/cart/index.js
@@ -20,7 +20,7 @@ const settings = {
 	title: __( 'Cart', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ cart } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/cart-checkout/mini-cart/index.tsx b/assets/js/blocks/cart-checkout/mini-cart/index.tsx
@@ -15,7 +15,7 @@ const settings = {
 	title: __( 'Mini Cart', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ cart } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/featured-category/index.js b/assets/js/blocks/featured-category/index.js
@@ -22,7 +22,7 @@ registerBlockType( 'woocommerce/featured-category', {
 	title: __( 'Featured Category', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ folderStarred } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/featured-product/index.js b/assets/js/blocks/featured-product/index.js
@@ -22,7 +22,7 @@ registerBlockType( 'woocommerce/featured-product', {
 	title: __( 'Featured Product', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ star } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/handpicked-products/index.js b/assets/js/blocks/handpicked-products/index.js
@@ -16,7 +16,7 @@ registerBlockType( 'woocommerce/handpicked-products', {
 	title: __( 'Hand-picked Products', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ widgets } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [

diff --git a/assets/js/blocks/price-filter/index.js b/assets/js/blocks/price-filter/index.js
@@ -15,7 +15,7 @@ registerBlockType( 'woocommerce/price-filter', {
 	title: __( 'Filter Products by Price', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ bill } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/product-best-sellers/index.js b/assets/js/blocks/product-best-sellers/index.js
@@ -18,7 +18,7 @@ registerBlockType( 'woocommerce/product-best-sellers', {
 	title: __( 'Best Selling Products', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ stonks } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/product-categories/index.js b/assets/js/blocks/product-categories/index.js
@@ -16,7 +16,7 @@ registerBlockType( 'woocommerce/product-categories', {
 	title: __( 'Product Categories List', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ list } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/product-category/index.js b/assets/js/blocks/product-category/index.js
@@ -22,7 +22,7 @@ registerBlockType( 'woocommerce/product-category', {
 	title: __( 'Products by Category', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ folder } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/product-new/index.js b/assets/js/blocks/product-new/index.js
@@ -18,7 +18,7 @@ registerBlockType( 'woocommerce/product-new', {
 	title: __( 'Newest Products', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ exclamation } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/product-on-sale/index.js b/assets/js/blocks/product-on-sale/index.js
@@ -18,7 +18,7 @@ registerBlockType( 'woocommerce/product-on-sale', {
 	title: __( 'On Sale Products', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ tag } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/product-search/index.js b/assets/js/blocks/product-search/index.js
@@ -50,7 +50,7 @@ registerBlockType( 'woocommerce/product-search', {
 	title: __( 'Product Search', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ search } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/product-tag/index.js b/assets/js/blocks/product-tag/index.js
@@ -19,7 +19,7 @@ registerBlockType( 'woocommerce/product-tag', {
 	title: __( 'Products by Tag', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ more } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/product-top-rated/index.js b/assets/js/blocks/product-top-rated/index.js
@@ -20,7 +20,7 @@ registerBlockType( blockTypeName, {
 	title: __( 'Top Rated Products', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ thumbUp } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/products-by-attribute/index.js b/assets/js/blocks/products-by-attribute/index.js
@@ -18,7 +18,7 @@ registerBlockType( blockTypeName, {
 	title: __( 'Products by Attribute', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ tags } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/products/all-products/index.js b/assets/js/blocks/products/all-products/index.js
@@ -18,7 +18,7 @@ export const blockSettings = {
 	title: __( 'All Products', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ grid } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/reviews/all-reviews/index.js b/assets/js/blocks/reviews/all-reviews/index.js
@@ -23,7 +23,7 @@ registerBlockType( 'woocommerce/all-reviews', {
 	title: __( 'All Reviews', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ discussion } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/reviews/reviews-by-category/index.js b/assets/js/blocks/reviews/reviews-by-category/index.js
@@ -21,7 +21,7 @@ registerBlockType( 'woocommerce/reviews-by-category', {
 	title: __( 'Reviews by Category', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ review } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/reviews/reviews-by-product/index.js b/assets/js/blocks/reviews/reviews-by-product/index.js
@@ -21,7 +21,7 @@ registerBlockType( 'woocommerce/reviews-by-product', {
 	title: __( 'Reviews by Product', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ comment } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/single-product/index.js b/assets/js/blocks/single-product/index.js
@@ -21,7 +21,7 @@ const settings = {
 	title: BLOCK_TITLE,
 	icon: {
 		src: BLOCK_ICON,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/blocks/stock-filter/index.js b/assets/js/blocks/stock-filter/index.js
@@ -15,7 +15,7 @@ registerBlockType( 'woocommerce/stock-filter', {
 	title: __( 'Filter Products by Stock', 'woo-gutenberg-products-block' ),
 	icon: {
 		src: <Icon srcElement={ server } />,
-		foreground: '#96588a',
+		foreground: '#7f54b3',
 	},
 	category: 'woocommerce',
 	keywords: [ __( 'WooCommerce', 'woo-gutenberg-products-block' ) ],

diff --git a/assets/js/icons/library/woo.js b/assets/js/icons/library/woo.js
@@ -14,7 +14,7 @@ const Component = ( { className, height, width, ...props } ) => {
 			{ ...props }
 		>
 			<path
-				fill="#96588A"
+				fill="#7f54b3"
 				d="M22.76 0h199.1a22.77 22.77 0 0 1 22.8 22.76v75.92a22.77 22.77 0 0 1-22.78 22.78h-71.41l9.77 24-43.13-24H22.76C10.1946 121.449.011 111.2654 0 98.7V22.76C.011 10.1946 10.1946.011 22.76 0z"
 			/>
 			<path