You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The aim of this issue is to study and implement the colors tokens taking into account the cohesive multi-platform approach, the customization by libraries inheriting OUDS Android, but also what we're using for OUDS Android: Jetpack Compose, Material 3, etc.
Define the possibilities
Define the constraints
Define the impacts
Implement the tokens (with a future Style Dictionary usage in mind)
Reminder: there will be in the end 3 layers of tokens:
Raw primitive values: Insertion of brand foundations.
These tokens will be customizable by libraries inheriting OUDS Android.
These tokens cannot be used by developers using OUDS Android.
Semantic applications: Depends on raw primitive values.
Mapping between these tokens and the raw primitive values will be customizable by libraries inheriting OUDS Android.
These tokens can be used by developers using OUDS Android.
Component applications: Depends on semantic applications.:
Mapping between these tokens and the semantic tokens should rarely be customized by libraries inheriting OUDS Android.
These tokens can be used by developers using OUDS Android.
Tokens: Dimension
Raw primitive values
Common
object ColorRawTokens {
val colorDecorativeAmber100 =Color(0xfffff0cc)
val colorDecorativeAmber200 =Color(0xffffe199)
val colorDecorativeAmber300 =Color(0xffffd266)
val colorDecorativeAmber400 =Color(0xffffc333)
val colorDecorativeAmber500 =Color(0xffffb400)
val colorDecorativeAmber600 =Color(0xffcc9000)
val colorDecorativeAmber700 =Color(0xff996c00)
val colorDecorativeAmber800 =Color(0xff664800)
val colorDecorativeAmber900 =Color(0xff332400)
val colorDecorativeAmethyst100 =Color(0xfff1ecf9)
val colorDecorativeAmethyst200 =Color(0xffe0d4f2)
val colorDecorativeAmethyst300 =Color(0xffc5ade6)
val colorDecorativeAmethyst400 =Color(0xffa885d8)
val colorDecorativeAmethyst500 =Color(0xff8d60cd)
val colorDecorativeAmethyst600 =Color(0xff5b2f98)
val colorDecorativeAmethyst700 =Color(0xff432371)
val colorDecorativeAmethyst800 =Color(0xff2c174a)
val colorDecorativeAmethyst900 =Color(0xff150b23)
val colorDecorativeDeepPeach100 =Color(0xfffbebdf)
val colorDecorativeDeepPeach200 =Color(0xfff4cfb2)
val colorDecorativeDeepPeach300 =Color(0xffe3b591)
val colorDecorativeDeepPeach400 =Color(0xffc19372)
val colorDecorativeDeepPeach500 =Color(0xffcf7e3f)
val colorDecorativeDeepPeach600 =Color(0xffaa6631)
val colorDecorativeDeepPeach700 =Color(0xff7e4f2a)
val colorDecorativeDeepPeach800 =Color(0xff553720)
val colorDecorativeDeepPeach900 =Color(0xff2e2014)
val colorDecorativeEmerald100 =Color(0xffe5f5ed)
val colorDecorativeEmerald200 =Color(0xffc0e8d4)
val colorDecorativeEmerald300 =Color(0xff9bdaba)
val colorDecorativeEmerald400 =Color(0xff75cca1)
val colorDecorativeEmerald500 =Color(0xff50be87)
val colorDecorativeEmerald600 =Color(0xff3ba06e)
val colorDecorativeEmerald700 =Color(0xff2e7b54)
val colorDecorativeEmerald800 =Color(0xff20563b)
val colorDecorativeEmerald900 =Color(0xff123021)
val colorDecorativeShockingPink100 =Color(0xffffe5f6)
val colorDecorativeShockingPink200 =Color(0xffffb4e6)
val colorDecorativeShockingPink300 =Color(0xffff80d4)
val colorDecorativeShockingPink400 =Color(0xffff4dc3)
val colorDecorativeShockingPink500 =Color(0xffff1ab2)
val colorDecorativeShockingPink600 =Color(0xffe50099)
val colorDecorativeShockingPink700 =Color(0xffb20077)
val colorDecorativeShockingPink800 =Color(0xff800055)
val colorDecorativeShockingPink900 =Color(0xff4d0033)
val colorDecorativeSky100 =Color(0xffd2ecf9)
val colorDecorativeSky200 =Color(0xffa5daf3)
val colorDecorativeSky300 =Color(0xff79c7ec)
val colorDecorativeSky400 =Color(0xff4ab4e6)
val colorDecorativeSky500 =Color(0xff1fa2e0)
val colorDecorativeSky600 =Color(0xff1982b3)
val colorDecorativeSky700 =Color(0xff136186)
val colorDecorativeSky800 =Color(0xff0c415a)
val colorDecorativeSky900 =Color(0xff06202d)
val colorFunctionalBlack =Color(0xff000000)
val colorFunctionalDarkGray160 =Color(0xff707070)
val colorFunctionalDarkGray240 =Color(0xff666666)
val colorFunctionalDarkGray320 =Color(0xff5c5c5c)
val colorFunctionalDarkGray400 =Color(0xff555555)
val colorFunctionalDarkGray480 =Color(0xff444444)
val colorFunctionalDarkGray560 =Color(0xff3d3d3d)
val colorFunctionalDarkGray640 =Color(0xff333333)
val colorFunctionalDarkGray720 =Color(0xff272727)
val colorFunctionalDarkGray80 =Color(0xff7a7a7a)
val colorFunctionalDarkGray800 =Color(0xff1f1f1f)
val colorFunctionalDarkGray880 =Color(0xff141414)
val colorFunctionalDarkGray960 =Color(0xff0a0a0a)
val colorFunctionalDodgerBlue100 =Color(0xfff0faff)
val colorFunctionalDodgerBlue200 =Color(0xffbde7ff)
val colorFunctionalDodgerBlue300 =Color(0xff8ad5ff)
val colorFunctionalDodgerBlue400 =Color(0xff57c3ff)
val colorFunctionalDodgerBlue500 =Color(0xff26b2ff)
val colorFunctionalDodgerBlue600 =Color(0xff009bf0)
val colorFunctionalDodgerBlue700 =Color(0xff007abd)
val colorFunctionalDodgerBlue800 =Color(0xff00598a)
val colorFunctionalDodgerBlue900 =Color(0xff003857)
val colorFunctionalLightGray160 =Color(0xffeeeeee)
val colorFunctionalLightGray240 =Color(0xffe0e0e0)
val colorFunctionalLightGray320 =Color(0xffd6d6d6)
val colorFunctionalLightGray400 =Color(0xffcccccc)
val colorFunctionalLightGray480 =Color(0xffc2c2c2)
val colorFunctionalLightGray560 =Color(0xffbbbbbb)
val colorFunctionalLightGray640 =Color(0xffadadad)
val colorFunctionalLightGray720 =Color(0xffa3a3a3)
val colorFunctionalLightGray80 =Color(0xfff4f4f4)
val colorFunctionalLightGray800 =Color(0xff999999)
val colorFunctionalLightGray880 =Color(0xff8f8f8f)
val colorFunctionalLightGray960 =Color(0xff858585)
val colorFunctionalMalachite100 =Color(0xffedfcf0)
val colorFunctionalMalachite200 =Color(0xffc1f6ca)
val colorFunctionalMalachite300 =Color(0xff94f0a4)
val colorFunctionalMalachite400 =Color(0xff67e97e)
val colorFunctionalMalachite500 =Color(0xff3de35a)
val colorFunctionalMalachite600 =Color(0xff1ecd3c)
val colorFunctionalMalachite700 =Color(0xff17a02f)
val colorFunctionalMalachite800 =Color(0xff0e621d)
val colorFunctionalMalachite900 =Color(0xff0a4715)
val colorFunctionalScarlet100 =Color(0xffffe5e6)
val colorFunctionalScarlet200 =Color(0xffffb2b3)
val colorFunctionalScarlet300 =Color(0xffff8081)
val colorFunctionalScarlet400 =Color(0xffff4d4e)
val colorFunctionalScarlet500 =Color(0xffff1a1b)
val colorFunctionalScarlet600 =Color(0xffea0305)
val colorFunctionalScarlet700 =Color(0xffb20002)
val colorFunctionalScarlet800 =Color(0xff800001)
val colorFunctionalScarlet900 =Color(0xff4d0001)
val colorFunctionalSun100 =Color(0xfffff7d6)
val colorFunctionalSun200 =Color(0xffffed99)
val colorFunctionalSun300 =Color(0xffffe270)
val colorFunctionalSun400 =Color(0xffffd73d)
val colorFunctionalSun500 =Color(0xffffd000)
val colorFunctionalSun600 =Color(0xffd6aa00)
val colorFunctionalSun700 =Color(0xffa38200)
val colorFunctionalSun800 =Color(0xff665100)
val colorFunctionalSun900 =Color(0xff3d3100)
val colorFunctionalWhite =Color(0xffffffff)
val colorTransparentBlack0 =Color(0x00000000)
val colorTransparentBlack100 =Color(0x0a000000)
val colorTransparentBlack200 =Color(0x14000000)
val colorTransparentBlack300 =Color(0x29000000)
val colorTransparentBlack400 =Color(0x3d000000)
val colorTransparentBlack500 =Color(0x52000000)
val colorTransparentBlack600 =Color(0x7a000000)
val colorTransparentBlack700 =Color(0xa3000000)
val colorTransparentBlack800 =Color(0xe0000000)
val colorTransparentBlack900 =Color(0xff000000)
val colorTransparentWhite0 =Color(0x00ffffff)
val colorTransparentWhite100 =Color(0x0affffff)
val colorTransparentWhite200 =Color(0x14ffffff)
val colorTransparentWhite300 =Color(0x29ffffff)
val colorTransparentWhite400 =Color(0x3dffffff)
val colorTransparentWhite500 =Color(0x52ffffff)
val colorTransparentWhite600 =Color(0x7affffff)
val colorTransparentWhite700 =Color(0xa3ffffff)
val colorTransparentWhite800 =Color(0xe0ffffff)
val colorTransparentWhite900 =Color(0xffffffff)
}
Orange brand
object OrangeBrandColorRawTokens {
val colorOrange100 =Color(0xffffd5b0)
val colorOrange200 =Color(0xffffc18a)
val colorOrange300 =Color(0xffffa554)
val colorOrange400 =Color(0xffff9433)
val colorOrange50 =Color(0xfffff2e6)
val colorOrange500 =Color(0xffff7900)
val colorOrange550 =Color(0xfff16e00)
val colorOrange600 =Color(0xffe86e00)
val colorOrange700 =Color(0xffb55600)
val colorOrange800 =Color(0xff8c4300)
val colorOrange900 =Color(0xff6b3300)
val colorWarmGray100 =Color(0xfff9f5f0)
val colorWarmGray200 =Color(0xffe9ddce)
val colorWarmGray300 =Color(0xffd6c4ae)
val colorWarmGray400 =Color(0xffc1ab90)
val colorWarmGray500 =Color(0xffa99275)
val colorWarmGray600 =Color(0xff8a7860)
val colorWarmGray700 =Color(0xff685d50)
val colorWarmGray800 =Color(0xff48433d)
val colorWarmGray900 =Color(0xff353228)
}
Description
The aim of this issue is to study and implement the colors tokens taking into account the cohesive multi-platform approach, the customization by libraries inheriting OUDS Android, but also what we're using for OUDS Android: Jetpack Compose, Material 3, etc.
Reminder: there will be in the end 3 layers of tokens:
Tokens: Dimension
Raw primitive values
Common
Orange brand
Semantic applications
The text was updated successfully, but these errors were encountered: