rakutentech / r10 / R10.Color.Svg

SVG Colors

These are colors that can be used directly.

In general is better to use colors from R10.Color.Attrs... modules.

logo : R10.Theme.Theme -> Element.WithContext.Color

Used for the logo. Similar to the primary color but in dark mode it is white.

primary : R10.Theme.Theme -> Element.WithContext.Color

primaryVariant : R10.Theme.Theme -> Element.WithContext.Color

border : R10.Theme.Theme -> Element.WithContext.Color

Background

background : R10.Theme.Theme -> Element.WithContext.Color

surface : R10.Theme.Theme -> Element.WithContext.Color

surface2dp : R10.Theme.Theme -> Element.WithContext.Color

backgroundButtonMinorOver : R10.Theme.Theme -> Element.WithContext.Color

backgroundPhoneDropdown : R10.Theme.Theme -> Element.WithContext.Color

backgroundAlertDanger : R10.Theme.Theme -> Element.WithContext.Color

backgroundAlertInfo : R10.Theme.Theme -> Element.WithContext.Color

backgroundAlertSuccess : R10.Theme.Theme -> Element.WithContext.Color

backgroundAlertWarning : R10.Theme.Theme -> Element.WithContext.Color

Font

fontHighEmphasis : R10.Theme.Theme -> Element.WithContext.Color

Font color used in most places.

fontMediumEmphasis : R10.Theme.Theme -> Element.WithContext.Color

Weak font color for text with minor importance.

fontHighEmphasisWithMaximumContrast : R10.Theme.Theme -> Element.WithContext.Color

Font color to be used above a primary color, like in primary buttons.

link : R10.Theme.Theme -> Element.WithContext.Color

fontAlertDanger : R10.Theme.Theme -> Element.WithContext.Color

fontAlertInfo : R10.Theme.Theme -> Element.WithContext.Color

fontAlertSuccess : R10.Theme.Theme -> Element.WithContext.Color

fontAlertWarning : R10.Theme.Theme -> Element.WithContext.Color