Skip to content

Conversation

@xdustinface
Copy link

Based on #3574

General

The colors red, orange and green are used to signal different states of the icon's underlying functionalities. Like, green means just all good, orange is like a warning/kind of good/busy and red is danger/bad/disabled. I personally think that makes the status bar much more meaningful and it should be clear by intuition quickly what the stuff means when it's used. However, if you feel there is room for improvement let me know.

HD icon

  • Always enabled (was disable before if it was no HD wallet which reduced its opacity slightly)
  • The crossed HD icon hd_disabled.png is not longer used (i have asset cleanup PR coming later so the icons stays in here with this PR). Instead the following rule applies:
    • HD wallet -> Green HD icon
    • non HD wallet -> Grey HD icon

The grey disabled version was discussion in slack. But honestly i guess we should think one more time about this and either just hide the HD icon by default if no HD is enabled or give it a red HD icon if its not enabled just to follow the same line like with the other icons aka red == disabled and not mix the disabled state with red/grey. @UdjinM6 specifically pinging you at this point, i think you suggested the grey. Thoughts?

HD disabled before HD disabled now
HD enabled before HD enabled now

Sync icon

  • Sync spinner icon color from blue to orange
  • Synced checkmark icon from blue to green
Syncing icon before Syncing icon now
Synced icon before Synced icon now

Encryption icon

  • The opened lock is always visible, even if the wallet is not encrypted. This was not the case before. Reason i did this change is to signal the user directly that they use an unencrypted wallet which is bad thing to do imo.
  • Besides this the following rules apply for this icon:
    • Red - Opened lock, Unencrypted / Unlocked
    • Orange - Opened lock, Unlocked for mixing only
    • Green Closed lock, Encrypted + Locked
Unencrypted before Unencrypted now
Icon was just hidden
Unlocked before Unlocked now
Unlocked for mixing only before Unlocked for mixing only now
Locked before Locked now

Network icon

  • The 100% filled network icon gets the color green. The partially filled variations are getting the color orange. If there is no connection it stays grey.
  • The allocation "connections <-> segments in the icon" gets a small reallocation.
    • 0 connections -> fully grey (like before)
    • 1-2 connections -> only the orange dot at the bottom (was 1-3 before)
    • 3-5 connections -> orange dot + 1 orange segment (was 4-6 before)
    • 6-7 connections -> orange dot + 2 orange segments (was 7-9 before)
    • 8 or more -> fully green (10 or more before)
Network disabled before Network disabled now
Network 0 connections before Network 0 connections now
Network 3 connections before Network 3 connections now
Network >=8 connections before Network >=8 connections now

Best case

This is an example how a fully synced and encrypted HD wallet looks like before and now

Before Now

@PastaPastaPasta
Copy link
Member

Greyed out HD doesn't seem super intuitive to me

Otherwise, general concept ACK

@UdjinM6
Copy link

UdjinM6 commented Sep 8, 2020

Yeah, the HD icon is kind of a pointless one for most users cause HD mode is disabled by default. Might be a good idea to just hide it if current wallet is a non-HD one (red HD icon would imply that smth is broken and users have to fix it but there is no way for them to do it).

@xdustinface
Copy link
Author

Done, im glad you felt the same :D

@xdustinface
Copy link
Author

Rebased on develop

@UdjinM6 UdjinM6 added this to the 16 milestone Sep 10, 2020
@UdjinM6
Copy link

UdjinM6 commented Sep 10, 2020

I think you need to update HD icon here since this change was reverted in #3574

@xdustinface
Copy link
Author

good point haha

Copy link

@UdjinM6 UdjinM6 left a comment

Choose a reason for hiding this comment

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

ACK

Copy link
Member

@PastaPastaPasta PastaPastaPasta left a comment

Choose a reason for hiding this comment

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

utACK

@UdjinM6 UdjinM6 merged commit ee32ee0 into dashpay:develop Sep 11, 2020
xdustinface added a commit to xdustinface/dash that referenced this pull request Sep 12, 2020
* qt: Adjust green color

* qt: Don't disable the HD icon

Disabling it leads to incorrect colors due to opacity.

* qt: Move the HD icon to the left

Reason: Its the only one not turning green by default if all is set
properly. So this lets is look better imo.

* qt: Increase statusbar icon size

* qt: Show lock icon in status bar also if wallet is not encrypted

Just as signal to the user!

* qt: Refine connection icon usage

* qt: Use state related colors in statusbar

* qt: Hide the HD icon for non-HD wallets

* qt: Update HD icon
gades pushed a commit to cosanta/cosanta-core that referenced this pull request Mar 3, 2022
* qt: Adjust green color

* qt: Don't disable the HD icon

Disabling it leads to incorrect colors due to opacity.

* qt: Move the HD icon to the left

Reason: Its the only one not turning green by default if all is set
properly. So this lets is look better imo.

* qt: Increase statusbar icon size

* qt: Show lock icon in status bar also if wallet is not encrypted

Just as signal to the user!

* qt: Refine connection icon usage

* qt: Use state related colors in statusbar

* qt: Hide the HD icon for non-HD wallets

* qt: Update HD icon
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.

3 participants