elm flat colors

Palettes de couleurs d'interface utilisateur plates pour l'orme

Cette bibliothèque expose les 280 couleurs d'interface utilisateur plate à utiliser avec l'interface utilisateur Elm, l'ELM / HTML et toute autre bibliothèque.

Crédits

Cette bibliothèque est basée sur des couleurs d'interface utilisateur plates, consultez leur site Web pour les dernières palettes de couleurs.

Les couleurs d'interface utilisateur plates vous sont présentées par Asteya Network, ils créent des outils simples pour la productivité des gens.

Installation

 elm install smucode/elm-flat-colors

Utiliser avec UI Elm

 import FlatColors.AmericanPalette as FlatColors

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

Utiliser avec ELM / HTML

 import FlatColors.AmericanPalette as FlatColors

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

Utiliser avec AVH4 / Color

 import FlatColors.AmericanPalette as FlatColors

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

En utilisant des listes de couleurs

 import FlatColors.AmericanPalette as FlatColors

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

Palette américaine

Palette australienne

Palette britannique

Palette canadienne

Palette chinoise

Palette néerlandaise

Palette d'interface utilisateur plate

Palette française

Palette allemande

Palette indienne

Palette russe

Palette espagnole

Palette suédoise

Palette turque