Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Apply new styles for the dark mode components #3730

Closed
sridharmeganathan opened this issue Aug 16, 2021 · 1 comment · Fixed by #3778
Closed

Apply new styles for the dark mode components #3730

sridharmeganathan opened this issue Aug 16, 2021 · 1 comment · Fixed by #3778
Assignees
Milestone

Comments

@sridharmeganathan
Copy link
Contributor

sridharmeganathan commented Aug 16, 2021

Description

Adapt new styles for the below dark components as per the proposed design

  1. Apply new avatars and illustrations

  2. Balance graph in wallet page

  3. Priority component in all transaction pages

  4. New Color themes for transaction monitoring charts

  5. New Color themes for delegates monitoring page

  6. Apply new styles for delegates profile page

  7. Apply new style for register multi-signature account pages

Acceptance criteria

  • Apply the changes as per the proposed design
@ann-vashchenko
Copy link

Hi @isalga I've noticed some minor issues:

1. Transaction icon in the sidebar shouldn't be blue

Screenshot 2021-09-09 at 14 28 33

2. It seems that not all illustrations were changed. For example:

Screenshot 2021-09-09 at 14 34 53

3. Slider differs from the design

Actual result:
Screenshot 2021-09-09 at 14 31 43

Design:
Screenshot 2021-09-09 at 15 11 47

4. Label background is grey but should be blue with opacity

Actual result:
Screenshot 2021-09-09 at 14 32 38

Design:
Screenshot 2021-09-09 at 15 14 12

5. Incorrect color of icons

Actual result:
Screenshot 2021-09-09 at 14 33 48

Design:
Screenshot 2021-09-09 at 15 15 42

6. Margin should be 10 px and they should be consistent across the app

Screenshot 2021-09-09 at 14 35 42

isalga pushed a commit that referenced this issue Sep 15, 2021
* Add avatars

* Apply balance graph changes

* Apply dark priority btn theme

* Style delegate monitor charts

* Style delegate page

* Style delegate table

* Style delegate table

* Delegate profile icons

* Style dark progress bar

* Fix css lint

* Use variable colors

* Apply feedback

* Apply feedback

* Add dark theme illustrations
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants