rakutentech / r10 / 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 =
Internal.Base.Color

Primary

These represent the brands color of Rakuten.

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

Colors


type alias Primary =
Internal.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 : Json.Decode.Decoder Primary

primaryDecoderExploration : Json.Decode.Exploration.Decoder Primary

Derived


type alias Derived =
Internal.Derived.Color

Lists

These lists should only be used to generate documentation.

listPrimary : R10.Theme.Theme -> List { color : Color, name : String, description : String, type_ : Primary }

listBase : R10.Theme.Theme -> List { color : Color, name : String }

listDerived : R10.Theme.Theme -> List { color : Color, name : String, description : String }

Utils

maximumContrast : Color -> List Color -> Maybe Color

A sligtly modified version of Color.Accessibility.maximumContrast