From 3fd3a6443d6b3980350f4ab0bcfd6f85361386dc Mon Sep 17 00:00:00 2001
From: peterd <peter@dematte.at>
Date: Sat, 13 Sep 2014 19:07:01 +0200
Subject: [PATCH] support for custom background

---
 jQuery_implementation/index.html | 2 +-
 jQuery_implementation/jqColor.js | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/jQuery_implementation/index.html b/jQuery_implementation/index.html
index 23c9d86..13c68a1 100644
--- a/jQuery_implementation/index.html
+++ b/jQuery_implementation/index.html
@@ -30,7 +30,7 @@ Calling the colorPicker on all inputs with the calssName 'color': <pre>$('input.
 
 <script type="text/javascript" src="jqColor.js"></script>
 <script type="text/javascript">
-	var $colors = $('input.color').colorPicker().each(function(idx, elm) { // {multipleInstances: true}
+	var $colors = $('input.color').colorPicker({customBG: '#222'}).each(function(idx, elm) { // {multipleInstances: true}
 		$(elm).css({'background-color': this.value})
 	});
 </script>
diff --git a/jQuery_implementation/jqColor.js b/jQuery_implementation/jqColor.js
index 2103774..ab1b976 100644
--- a/jQuery_implementation/jqColor.js
+++ b/jQuery_implementation/jqColor.js
@@ -15,7 +15,7 @@
 						colorMode = $input.data('colorMode');
 
 					$patch.css({
-						'color': (colors.rgbaMixBlack.luminance > 0.22 ? '#222' : '#ddd'), // Black...???
+						'color': (colors.rgbaMixCustom.luminance > 0.22 ? '#222' : '#ddd'), // Black...???
 						'background-color': RGBAText,
 						'filter' : (options.isIE8 ? 'progid:DXImageTransform.Microsoft.gradient(' + // IE<9
 							'startColorstr=#' + AHEX + ',' + 'endColorstr=#' + AHEX + ')' : '')
@@ -72,6 +72,7 @@
 							animationSpeed: 200,
 							draggable: true,
 							margin: {left: -1, top: 2},
+							customBG: '#FFFFFF',
 							// displayCallback: displayCallback,
 							/* --- regular colorPicker options from this point --- */
 							color: elm.value,