color-picker.css

/* COLOR PICKER */

/* context pad */
.djs-context-pad .entry {
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.6);
}

/* color popup menu */
[class^="color-icon-"]:before,
[class*=" color-icon-"]:before {
  display: inline-block;
  content: '';
  width: 1.5em;
  height: 0.6em;
  border-radius: 0.1em;
  border: 0.03em solid black;
}

.color-icon-clear:before {
  background-color: white;
  border-color: black;
}

.color-icon-blue:before {
  background-color: #BBDEFB;
  border-color: #1E88E5;
}

.color-icon-orange:before {
  background-color: #FFE0B2;
  border-color: #FB8C00;
}

.color-icon-green:before {
  background-color: #C8E6C9;
  border-color: #43A047;
}

.color-icon-red:before {
  background-color: #FFCDD2;
  border-color: #FB8C00;
}

.color-icon-purple:before {
  background-color: #E1BEE7;
  border-color: #8E24AA;
}

/* transparancy for shapes with colors */
.color-transparancy {
  fill-opacity: 0.50;
}