NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-12-29 16:44:41 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #431 from NoRedInk/ink/new-ochre

Browse Source 
Update ochre and add ochreDark
This commit is contained in:
Aaron VonderHaar 2019-12-13 17:04:37 -08:00 committed by GitHub
commit 9261db6f92
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/Nri/Ui/Colors/V1.elm
View File

@ -17,7 +17,7 @@ module Nri.Ui.Colors.V1 exposing
, lichen
, magenta
, navy
, orange, ochre
, orange, ochre, ochreDark
, purple, purpleDark, purpleLight
, red, redDark, redLight
, sunshine
@ -48,7 +48,7 @@ consider [elm-color-extra](http://package.elm-lang.org/packages/eskimoblood/elm-
@docs lichen
@docs magenta
@docs navy
@docs orange, ochre
@docs orange, ochre, ochreDark
@docs purple, purpleDark, purpleLight
@docs red, redDark, redLight
@docs sunshine
@ -513,12 +513,22 @@ orange =
{-|
<p style="font-size:2em; color: #e68800">#e68800</p>
<p style="font-size:2em; color: #f28f00">#f28f00</p>
-}
ochre : Css.Color
ochre =
hex "#e68800"
hex "#f28f00"
{-|
<p style="font-size:2em; color: #ad6500">#ad6500</p>
-}
ochreDark : Css.Color
ochreDark =
hex "#ad6500"
{-|

3
styleguide-app/Examples/Colors.elm
View File

@ -55,7 +55,8 @@ example =
, ( "cyan", Colors.cyan, "Blue Highlighter" )
, ( "magenta", Colors.magenta, "Pink highlighter" )
, ( "yellow", Colors.yellow, "Yellow highlighter" )
, ( "ochre", Colors.ochre, "Yellow button shadow" )
, ( "ochre", Colors.ochre, "Practice assignments background color, some Premium elements" )
, ( "ochreDark", Colors.ochreDark, "Practice assignments text color" )
, ( "sunshine", Colors.sunshine, "Yellow highlights, tips" )
, ( "highlightYellow", Colors.highlightYellow, "Yellow background highlights" )
, ( "highlightYellowDark", Colors.highlightYellowDark, "Dark yellow background highlights" )