BlackMATE-fix colorswatch

Colorswatches in color picker were being covered over when hovered or selected, fix this

1 files changed, 16 insertions, 8 deletions

diff --git a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
index d339ed56..0c019b6d 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
@@ -3024,36 +3024,44 @@ EShellWindow:disabled { /* removes the "flash" when quitting */
 /*****************
  * Color Chooser *
  *****************/
-colorswatch,
-colorswatch:selected {
+
+colorswatch{
 	background-image: none;
 	background-color: transparent;
+	border-style: solid;
+	border-color:transparent;
+	border-width: 2px;
 }
 
-colorswatch.color-dark:hover {
+colorswatch overlay,
+colorswatch overlay:hover,
+colorswatch overlay:selected{
+	background-image: none;
+	background-color: transparent;
+}
+
+colorswatch.dark:hover {
 	background-image: linear-gradient(to bottom,
 	                                  alpha(white, 0) 40%,
 	                                  alpha(white, 0.3));
 }
 
-colorswatch.color-light:hover {
+colorswatch.light:hover {
 	background-image: linear-gradient(to top,
 	                                  alpha(black, 0) 40%,
 	                                  alpha(black, 0.1));
 }
 
 colorswatch:selected {
-	border-style: solid;
 	border-color: alpha(black, 0.2);
-	border-width: 1px;
 }
 
 colorswatch:selected:hover {
 	border-color: alpha(black, 0.5);
 }
 
-colorswatch.color-light:selected:hover,
-colorswatch.color-dark:selected:hover {
+colorswatch.light:selected:hover,
+colorswatch.dark:selected:hover {
 	background-image: none;
 }