elm flat colors

榆树的平坦UI调色板

该库将ELM UI，ELM/HTML和任何其他库中使用所有280个平面UI颜色。

学分

该库基于UI颜色，请查看其网站以获取最新的调色板。

Asteya Network带给您平坦的UI颜色，它们为人们的生产力构建了简单的工具。

安装

 elm install smucode/elm-flat-colors

与ELM UI一起使用

 import FlatColors.AmericanPalette as FlatColors

view : Element msg
view =
    el [ Background . color FlatColors . sourLemon ]
        <| text " Sour Lemon " 

与ELM/HTML一起使用

 import FlatColors.AmericanPalette as FlatColors

view : Html msg
view =
    div [ style " background-color " FlatColors . sourLemonHex ]
        [ text " Sour Lemon " ] 

与AVH4/颜色一起使用

 import FlatColors.AmericanPalette as FlatColors

color : Color
color =
    let
        { red , green , blue } =
            FlatColors . sourLemonRgb
    in
    Color . rgb255 red green blue

使用颜色列表

 import FlatColors.AmericanPalette as FlatColors

cssGradient : String
cssGradient =
    let
        colors =
            String . join " , " FlatColors . allHex
    in
    " linear-gradient( " ++ colors ++ " ) " 

美国调色板

澳大利亚调色板

英国调色板

加拿大调色板

中国调色板

荷兰调色板

平坦的UI调色板

法国调色板

德国调色板

印度调色板

俄罗斯调色板

西班牙调色板

瑞典调色板

土耳其调色板