Skip to content

Update colors for interactive layers #203

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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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