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調色板

法國調色板

德國調色板

印度調色板

俄羅斯調色板

西班牙調色板

瑞典調色板

土耳其調色板