feat: use purple theme

Author: Andy O'Neill

src/components/button/button.css

@@ -6,10 +6,10 @@
     user-select: none;
 }
 .button:active {
-    background-color: $motion-transparent; 
+    background-color: $looks-transparent;
 }
 .highlighted.button {
-    background-color: $motion-transparent; 
+    background-color: $looks-transparent;
 }
 .mod-disabled {
     cursor: auto;

src/components/color-picker/color-picker.css

@@ -1,3 +1,4 @@
+@import "../../css/colors";
 @import "../../css/units";
 
 /* Popover styles */
@@ -79,8 +80,8 @@
 }
 
 .active-swatch {
-    border: 1px solid #4C97FF;
-    box-shadow: 0px 0px 0px 3px hsla(215, 100%, 65%, 0.2);
+    border: 1px solid $looks-tertiary;
+    box-shadow: 0px 0px 0px 3px $looks-transparent;
 }
 
 .swatch-icon {

src/components/color-picker/icons/fill-horz-gradient-enabled.svg

@@ -7,7 +7,7 @@ $arrow-border-width: 14px;
     border-radius: 5px;
     overflow: visible;
     min-width: 3.5rem;
-    color: $motion-primary;
+    color: $looks-tertiary;
     padding: .5rem;
 }
 

src/components/color-picker/icons/fill-radial-enabled.svg

@@ -116,7 +116,7 @@ $border-radius: 0.25rem;
 }
 
 .mod-menu-item:hover {
-    background: $motion-transparent;
+    background: $looks-transparent;
 }
 
 .mod-disabled:hover {