elm flat colors

لوحات ألوان واجهة المستخدم المسطحة لدردار

تكشف هذه المكتبة جميع ألوان واجهة المستخدم 280 للاستخدام مع ELM UI و ELM/HTML وأي مكتبة أخرى.

الاعتمادات

تعتمد هذه المكتبة على ألوان واجهة المستخدم المسطحة ، تحقق من موقع الويب الخاص بها للحصول على أحدث لوحات الألوان.

يتم إحضار ألوان واجهة المستخدم المسطحة لك بواسطة شبكة Asteya ، فهي تقوم ببناء أدوات بسيطة لإنتاجية الناس.

تثبيت

 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 ++ " ) " 

اللوحة الأمريكية

لوحة الاسترالي

اللوحة البريطانية

لوحة كندية

لوحة صينية

لوحة هولندية

لوحة واجهة المستخدم المسطحة

لوحة فرنسية

اللوحة الألمانية

لوحة هندية

لوحة روسية

لوحة إسبانية

لوحة سويدية

لوحة تركية