Merge pull request #155 from lumihq/bethany/color-changes

Added a new accent color - Accent 2 - 15%

Author: bethanyjoy

docs/Examples/Color.example.purs

@@ -86,6 +86,7 @@ links"""
 selected table row background color"""
                   , colorPanel _.accent1 "Accent 1" """Indicates good or complete status"""
                   , colorPanel _.accent2 "Accent 2" """Indicates pending, needs attention"""
+                  , colorPanel _.accent23 "Accent 2 - 15%" """Faded for focus borders/backgrounds"""
                   , colorPanel _.accent3 "Accent 3" """Indicates a problem, warning"""
                   , colorPanel _.accent33 "Accent 3 - 15%" """Faded for focus borders/backgrounds"""
                   , colorPanel _.white "White" """Primary button text"""

src/Lumi/Components/Button.purs

@@ -266,6 +266,7 @@ styles = jss
           , "&[data-color=\"primary-4\"]": buttonColorHoverMixin colors.primary4
           , "&[data-color=\"accent-1\"]": buttonColorHoverMixin colors.accent1
           , "&[data-color=\"accent-2\"]": buttonColorHoverMixin colors.accent2
+          , "&[data-color=\"accent-2-3\"]": buttonColorHoverMixin colors.accent23
           , "&[data-color=\"accent-3\"]": buttonColorHoverMixin colors.accent3
           , "&[data-color=\"accent-3-3\"]": buttonColorHoverMixin colors.accent33
           , "&[data-color=\"white\"]": buttonColorHoverMixin colors.white

src/Lumi/Components/Color.purs

@@ -34,6 +34,7 @@ type ColorMap a =
   , secondary :: a
   , accent1 :: a
   , accent2 :: a
+  , accent23 :: a
   , accent3 :: a
   , accent33 :: a
   , white :: a
@@ -59,6 +60,7 @@ colors =
   , secondary: rgb 0x91 0x90 0x8d
   , accent1: rgb 0x49 0xb8 0x60
   , accent2: rgb 0xff 0xa5 0x02
+  , accent23: rgb 0xff 0xee 0xd9
   , accent3: rgb 0xf1 0x50 0x0d
   , accent33: rgb 0xfd 0xe5 0xdb
   , white: rgb 0xff 0xff 0xff
@@ -84,6 +86,7 @@ colorNames =
   , secondary: ColorName "secondary"
   , accent1: ColorName "accent-1"
   , accent2: ColorName "accent-2"
+  , accent23: ColorName "accent-2-3"
   , accent3: ColorName "accent-3"
   , accent33: ColorName "accent-3-3"
   , white: ColorName "white"

src/Lumi/Components/Text.purs

@@ -195,6 +195,7 @@ styles =
         , "&[data-color=\"primary-4\"]": { color: cssStringHSLA colors.primary4 }
         , "&[data-color=\"accent-1\"]": { color: cssStringHSLA colors.accent1 }
         , "&[data-color=\"accent-2\"]": { color: cssStringHSLA colors.accent2 }
+        , "&[data-color=\"accent-2-3\"]": { color: cssStringHSLA colors.accent23 }
         , "&[data-color=\"accent-3\"]": { color: cssStringHSLA colors.accent3 }
         , "&[data-color=\"accent-3-3\"]": { color: cssStringHSLA colors.accent33 }
         , "&[data-color=\"white\"]": { color: cssStringHSLA colors.white }