feat: more color branding work

Author: rstoenescu

src/components/input/input.mat.styl

@@ -47,10 +47,6 @@ input.q-input-target
     &:-ms-input-placeholder /* IE 10+ */
       color $form-dark !important
 
-    &::selection
-      background black
-      color white
-
 .q-if-dark
   .q-input-target-placeholder
     color #979797 !important
@@ -62,10 +58,6 @@ input.q-input-target
     &:-ms-input-placeholder /* IE 10+ */
       color #979797 !important
 
-    &::selection
-      background white
-      color black
-
 .q-if-inverted:not(.q-if-inverted-light)
   .q-input-target-placeholder
     color #ddd !important
@@ -77,10 +69,6 @@ input.q-input-target
     &:-ms-input-placeholder /* IE 10+ */
       color #ddd !important
 
-    &::selection
-      background white
-      color black
-
 .q-input-shadow
   overflow hidden
   visibility hidden

src/utils/colors.js

@@ -149,7 +149,7 @@ export function textToRgb (color) {
 export function lighten (color, percent) {
   const rgb = textToRgb(color),
     t = percent < 0 ? 0 : 255,
-    p = (percent < 0 ? percent * -1 : percent) / 100,
+    p = Math.abs(percent) / 100,
     R = rgb.r,
     G = rgb.g,
     B = rgb.b