R10.Color

These lists are just to be used to create documentations, not to actually use colors in the layout.

Base

Base colors are the only color, together with one primary color, that are used to derive all other colors for the interface.

They are different depending on the mode:

Colors

type alias Base =

Color

Primary

These represent the brands color of Rakuten.

Rakuten Brand guideline: https://global.rakuten.com/corp/brand/

Colors

type alias Primary =

Color

primary :

{ crimsonRed : Primary

, red : Primary

, orange : Primary

, yellow : Primary

, green : Primary

, lightBlue : Primary

, blue : Primary

, blueSky : Primary

, purple : Primary

, pink : Primary

}

primaryDefault : Primary

primaryToString : Primary -> String

primaryDecoder : Decoder Primary

primaryDecoderExploration : Decoder Primary

Derived

type alias Derived =

Color

Lists

These lists should only be used to generate documentation.

listPrimary :

Theme

-> List

{ color : Color

, name : String

, description : String

, type_ : Primary

}

listBase :

Theme

-> List

{ color : Color

, name : String

}

listDerived :

Theme

-> List

{ color : Color

, name : String

, description : String

}

Utils

maximumContrast : Color -> List Color -> Maybe Color

A sligtly modified version of Color.Accessibility.maximumContrast

rakutentech/r10/7.0.0

R10.Color

Base

Primary

Derived

Lists

Utils

Modules