Skip to content
This repository was archived by the owner on Nov 26, 2024. It is now read-only.

Conversation

@Akatori-Design
Copy link
Contributor

@Akatori-Design Akatori-Design commented Jun 22, 2023

/ Light Theme
Added 2 new colors:

  • background.hover (#000 2%)
  • background.pressed (#000 8%)

Updated 4 colors:

  • background.default.hover (grey030 --> #FAFAFA)
  • background.default.pressed (grey030 --> #EBEBEB)
  • background.alternative.hover (grey100 --> #EDEFF1)
  • background.alternative.pressed (grey100 --> #DFE0E2)
image

/ Dark Theme
Added 2 new colors:

  • background.hover (#FFF 2%)
  • background.pressed (#FFF 8%)

Updated 4 colors:

  • background.default.hover (grey700 --> #282B2E)
  • background.default.pressed (grey700 --> #36383B)
  • background.alternative.hover (grey750 --> #191B1D)
  • background.alternative.pressed (grey750 --> #27292A)
image

- background.pressed (#5)
- background.pressed (#14)

Updated 4 colors
- background.default.hover (grey030 --> #FAFAFA)
- background.default.pressed (grey030 --> #EBEBEB)
- background.alternative.hover (grey100 --> #EDEFF1)
- background.alternative.pressed (grey100 --> #DFE0E2)
@Akatori-Design Akatori-Design added the color Tokens related to color label Jun 22, 2023
@Akatori-Design Akatori-Design requested a review from a team as a code owner June 22, 2023 21:59
Added 2 new colors:

background.pressed (#FFF 2%)
background.pressed (#FFF 8%)
*[Ref] Hexadecimal color code for transparency

Updated 4 colors:

background.default.hover (grey700 --> #282B2E)
background.default.pressed (grey700 --> #36383B)
background.alternative.hover (grey750 --> #191B1D)
background.alternative.pressed (grey750 --> #27292A)
@Akatori-Design Akatori-Design changed the title Added two new tokens Hover & Pressed color updates (Light Theme) Jun 22, 2023
@Akatori-Design Akatori-Design changed the title Hover & Pressed color updates (Light Theme) Hover & Pressed color updates Jun 22, 2023
@metamaskbot
Copy link
Collaborator

Builds ready [d6a15fe]

/Light
Added two new tokens
- background.pressed (#000 2%)
- background.pressed (#000 8%)

Updated 4 colors
- background.default.hover (grey030 --> #FAFAFA)
- background.default.pressed (grey030 --> #EBEBEB)
- background.alternative.hover (grey100 --> #EDEFF1)
- background.alternative.pressed (grey100 --> #DFE0E2)

/Dark
Added 2 new colors:
- background.pressed (#FFF 2%)
- background.pressed (#FFF 8%)

Updated 4 colors:
background.default.hover (grey700 --> #282B2E)
background.default.pressed (grey700 --> #36383B)
background.alternative.hover (grey750 --> #191B1D)
background.alternative.pressed (grey750 --> #27292A)
@metamaskbot
Copy link
Collaborator

Builds ready [bce5af3]

@georgewrmarshall georgewrmarshall removed their assignment Jun 23, 2023
@metamaskbot
Copy link
Collaborator

Builds ready [56a5507]

garrettbear
garrettbear previously approved these changes Jun 28, 2023
brianacnguyen
brianacnguyen previously approved these changes Jun 28, 2023
Copy link
Collaborator

@georgewrmarshall georgewrmarshall left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice work! Tiny update. Otherwise LGTM!

  • searched each color value and made sure they aligned in figma, css, js
  • checked storybook Theme Colors stories

Copy link
Collaborator

@georgewrmarshall georgewrmarshall left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Blocking till descriptions have been update

Co-authored-by: George Marshall <georgewrmarshall@gmail.com>
@garrettbear garrettbear dismissed stale reviews from brianacnguyen and themself via 0f6da58 June 28, 2023 20:25
Co-authored-by: George Marshall <georgewrmarshall@gmail.com>
garrettbear and others added 2 commits June 28, 2023 13:26
Co-authored-by: George Marshall <georgewrmarshall@gmail.com>
Co-authored-by: George Marshall <georgewrmarshall@gmail.com>
@metamaskbot
Copy link
Collaborator

Builds ready [0f6da58]

@metamaskbot
Copy link
Collaborator

Builds ready [3493cd8]

@metamaskbot
Copy link
Collaborator

Builds ready [5df5d47]

@metamaskbot
Copy link
Collaborator

Builds ready [d758a8a]

Copy link
Collaborator

@georgewrmarshall georgewrmarshall left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🚀

@georgewrmarshall georgewrmarshall merged commit d8c9f32 into main Jun 28, 2023
@georgewrmarshall georgewrmarshall deleted the hover_and_pressed_updates branch June 28, 2023 20:42
@Akatori-Design
Copy link
Contributor Author

sweet

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

Labels

color Tokens related to color

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants