Color cleanup (#5551)

* remove unused class

* remove purple-light

* remove unused headsup

frontend/src/metabase/css/core/colors.css

@@ -21,7 +21,6 @@
   --gold-color: #F9D45C;
   --orange-color: #F9A354;
   --purple-color: #A989C5;
-  --purple-light-color: #C5ABDB;
   --green-color: #9CC177;
   --dark-color: #4C545B;
   --error-color: #EF8C8C;
@@ -46,11 +45,6 @@
     color: var(--brand-color);
 }
 
-.text-brand-saturated,
-.text-brand-saturated-hover:hover {
-    color: var(--brand-saturated-color);
-}
-
 .text-brand-darken,
 .text-brand-darken-hover:hover {
     color: color(var(--brand-color) shade(20%));
@@ -86,16 +80,6 @@
   background-color: #FCE8E8
 }
 
-/* heads up */
-
-.text-headsup {
-  color: var(--headsup-color);
-}
-
-.bg-headsup {
-  background-color: var(--headsup-color);
-}
-
 /* warning */
 
 .text-warning {
@@ -117,11 +101,6 @@
     color: var(--purple-color);
 }
 
-.text-purple-light,
-.text-purple-light-hover:hover {
-    color: var(--purple-light-color);
-}
-
 .text-green,
 .text-green-hover:hover {
     color: var(--green-color);
@@ -137,7 +116,6 @@
 
 .bg-gold { background-color: var(--gold-color); }
 .bg-purple { background-color: var(--purple-color); }
-.bg-purple-light { background-color: var(--purple-light-color); }
 .bg-green { background-color: var(--green-color); }
 
 /* alt */

frontend/src/metabase/query_builder/components/filters/pickers/SelectPicker.jsx

@@ -145,7 +145,7 @@ export default class SelectPicker extends Component {
                                        style={{ height: "95px" }}
                                        className={cx("full rounded bordered border-purple text-centered text-bold", {
                                                "text-purple bg-white": values[0] !== option.key,
-                                               "text-white bg-purple-light": values[0] === option.key
+                                               "text-white bg-purple": values[0] === option.key
                                            })}
                                        onClick={() => this.selectValue(option.key, true)}
                                    >