Skip to content

Update colors for interactive layers #203

Open
@kaizwier

Description

@kaizwier

Reference: Zeplin, Slide Interactive Color Layers

New color Values

DB Red
default: #EC0016
hover: #CF0013
pressed: #B00010

Grey
default: #282D37
hover: #3F4757
pressed: #556075

White
default: #FFFFFF
hover: #E0E0E0
pressed: #C2C2C2

Light Grey
default: #D7DCE1
hover: #B9BDC2
pressed: #9CA0A3

Darker Grey
default: #646973
hover: #494D54
pressed: #2F3136

Transparent (on Light)
default: rgba(40,45,55,0.00)
hover: rgba(40,45,55,0.12)
pressed: rgba(40,45,55,0.24)
selected: rgba(40,45,55,0.36)

Transparent (on Dark)
default: rgba(255,255,255,0.00)
hover: rgba(255,255,255,0.12)
hover: rgba(255,255,255,0.24)
pressed: rgba(255,255,255,0.36)

Medium Grey
default: #878C96
hover: #6C7078
pressed: #505359

Current version

DB Red
default: #EC0016
hover: #D90016
pressed: #C40012

Grey
default: #282D37
hover: #383F4D
pressed: #464F61

White
default: #FFFFFF
hover: #EBEBEB
pressed: #D6D6D6

Light Grey
default: #D7DCE1
hover: #C3C7CC
pressed: #AFB4B8

Darker Grey
default: #646973
hover: #52565E
pressed: #40444A

Transparent (on Light)
default: rgba(40,45,55,0.00)
hover: rgba(40,45,55,0.08)
pressed: rgba(40,45,55,0.16)
selected: rgba(40,45,55,0.12)

Transparent (on Dark)
default: rgba(255,255,255,0.00)
hover: rgba(255,255,255,0.08)
pressd: rgba(255,255,255,0.16)
selected: rgba(255,255,255,0.12)

Medium Grey
default: #878C96
hover: #757982
pressed: #63666E

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions