Skip to content

Change color of testnet UI#1158

Open
ebma wants to merge 5 commits into
masterfrom
feature/1010-highlight-testnet-ui-more-prominently
Open

Change color of testnet UI#1158
ebma wants to merge 5 commits into
masterfrom
feature/1010-highlight-testnet-ui-more-prominently

Conversation

@ebma

@ebma ebma commented Nov 2, 2020

Copy link
Copy Markdown
Member

Changes the color of primary and submit buttons when using a testnet account and testnet badges to a pink color. This way the user always has a more obvious indicator when doing things with a testnet account. Admittedly,
this is a rather eye-catching color but then again the goal is to make the user aware he is not using mainnet at the moment.

  • Add a testnet prop to the <ActionButton> component
  • Add colors for testnet to the theme
  • Show the pink color for action buttons when the testnet prop is set and the button is of type primary or submit
  • Allow same account name for accounts on different networks

Closes #1010.

Screenshot 2020-11-11 at 10 01 17

Screenshot 2020-11-11 at 10 01 25

Screenshot 2020-11-11 at 10 01 33

@ebma ebma force-pushed the feature/1010-highlight-testnet-ui-more-prominently branch from 9ba0d99 to 099772a Compare November 2, 2020 12:03
@ebma ebma force-pushed the feature/1010-highlight-testnet-ui-more-prominently branch from 099772a to 6265749 Compare November 11, 2020 09:05
@andywer

andywer commented Nov 11, 2020

Copy link
Copy Markdown
Contributor

@ebma One last thing: Let's make all testnet badges magenta then, incl. the one on the account view header 😉

@ebma

ebma commented Nov 11, 2020

Copy link
Copy Markdown
Member Author

Done. Looks like this:
Screenshot 2020-11-11 at 11 16 38

By the way I noticed that the title of the trading dialog does not have a testnet badge next to it. Seems like a mistake since it's in most other relevant dialogs @andywer?

@andywer

andywer commented Nov 11, 2020

Copy link
Copy Markdown
Contributor

@ebma Yes, let's add the badge to the trading dialog, too 👍

@ebma

ebma commented Nov 11, 2020

Copy link
Copy Markdown
Member Author

I've added the testnet badge in a separate PR #1164.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Highlight testnet UI more prominently

2 participants