From 21a57422b37a866e1465c278d940ba889707292c Mon Sep 17 00:00:00 2001
From: Faishal Saiyed <saiyedfaishal@gmail.com>
Date: Tue, 6 Mar 2018 10:58:31 +0530
Subject: [PATCH] #5258 Color Palette - Added dashicon for rainbox color
 picker, and required css fix

Signed-off-by: Faishal Saiyed <saiyedfaishal@gmail.com>
---
 blocks/color-palette/index.js   | 6 ++++--
 blocks/color-palette/style.scss | 5 +++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/blocks/color-palette/index.js b/blocks/color-palette/index.js
index cd540ada1b4c64..e48ae81da8e93f 100644
--- a/blocks/color-palette/index.js
+++ b/blocks/color-palette/index.js
@@ -8,7 +8,7 @@ import { map } from 'lodash';
 /**
  * WordPress dependencies
  */
-import { Dropdown, withContext } from '@wordpress/components';
+import { Dropdown, withContext, Dashicon } from '@wordpress/components';
 import { __, sprintf } from '@wordpress/i18n';
 
 /**
@@ -53,7 +53,9 @@ export function ColorPalette( { colors, disableCustomColors = false, value, onCh
 							onClick={ onToggle }
 							aria-label={ __( 'Custom color picker' ) }
 						>
-							<span className="blocks-color-palette__custom-color-gradient" />
+							<span className="blocks-color-palette__custom-color-gradient">
+								<Dashicon icon="admin-customizer" />
+							</span>
 						</button>
 					) }
 					renderContent={ () => (
diff --git a/blocks/color-palette/style.scss b/blocks/color-palette/style.scss
index 98ef88cd502807..4ac1eb022c6962 100644
--- a/blocks/color-palette/style.scss
+++ b/blocks/color-palette/style.scss
@@ -104,6 +104,11 @@ $color-palette-circle-spacing: 14px;
 	left: 0;
 	border-radius: 50%;
 	overflow: hidden;
+	.dashicon{
+	  color: $white;
+	  position: relative;
+	  margin: 10%;
+	}
 }
 
 .blocks-color-palette__custom-color .blocks-color-palette__custom-color-gradient:before {