Skip to content

Conversation

@xdustinface
Copy link

@xdustinface xdustinface commented Jul 17, 2020

This PR ist part of a series of PRs related to UI redesigns. Its ancestor is #3575.

I hope that no one has a good reason to keep the copyrights on the splashscreen because i removed them in this PR. I thought it's enough to have them presented in the "About Dialog". If you see any problem with it let me know but i felt like i need to try it because it just looks much cleaner :)

Changes of this PR

  • Makes it theme related dark or light
  • Fixes the blurriness issues
  • Fixes issues with overlapping init messages at the bottom of the
    splashscreen
  • Give it a cleaner look -> Removed copyrights and prefix Version v of the version string
Old Testnet Old Mainnet
Light New Testnet Light New Mainnet
Dark New Testnet Dark New Mainnet

This was referenced Jul 17, 2020
- Make it theme related dark or light
- Fixes bluriness issues
- Fixes issues with overlapping init messages at the bottom of the
splashscreen
- Give it a cleaner look -> Removed copyrights and prefix `Version v` of the version string
@xdustinface xdustinface force-pushed the pr-ui-23-splashscreen branch from f066e6d to 73ac6a7 Compare July 17, 2020 14:06
@PastaPastaPasta PastaPastaPasta self-requested a review July 18, 2020 20:41
@UdjinM6
Copy link

UdjinM6 commented Jul 21, 2020

I'm kind of on the fence with this one... On one hand, I like it, looks much cleaner and reacts to theme changes but on the other hand, applying different colors to the logo kind of breaks the style guide I think (should be either Dash's blue or white, no other colors iirc).

@xdustinface
Copy link
Author

Hmm, i showed suba both new splashscreens and he approved them (orange one of testnet shouldn't matter for styleguide consistency imo). But i will ask him again what he thinks especially about coloring the icons this way!

@xdustinface
Copy link
Author

I talked to suba and we got the approval for this PR. The style guide will become adjusted in order to allow dark/light mode compatible blue dash logos and for testing usage there will be a new option to use the orange logo as we have it in here. Though, we still have regtest mode where we currently have a red logo with this PR. To minimize coloring of the logo and because its probably just not that important to have a seperate color for regtest we agreed on just using the same orange for all network modes other than mainnet, aka

  • mainnet => theme related blue
  • testnet, devnet, regtest => orange

@UdjinM6 thoughts?

@UdjinM6
Copy link

UdjinM6 commented Jul 25, 2020

I'm not sure. Using a slightly different blue for the dark theme is fine IMO. But after playing with the orange one a bit I think using colors other than a blue-ish one (or white color like we currently do) for the logo is a bit too much. Also, I kind of like to have different tray icon colors for different networks. How about tweaking it like that https://github.com/UdjinM6/dash/commits/pr3613 instead? (the way I get these colors is a bit hack-ish but it does the job :) )

Light Regtest Dark Testnet
Screenshot 2020-07-25 at 04 43 44 Screenshot 2020-07-25 at 04 44 41

@xdustinface
Copy link
Author

I'm not sure. Using a slightly different blue for the dark theme is fine IMO. But after playing with the orange one a bit I think using colors other than a blue-ish one (or white color like we currently do) for the logo is a bit too much.

Hm yeah right.. actually its not even really needed to use an orange logo. Your alternative solution is good enough to highlight the other networks, picked it 👍

(the way I get these colors is a bit hack-ish but it does the job :) )

it is haha

@UdjinM6
Copy link

UdjinM6 commented Jul 25, 2020

it is haha

😄

Let's fix this, pls see e95b21c8d47a1b07ae9149b5cef6b628d9b8792f and 50f4813c35a7a88eb4c462e46d6c6bda752e0c7a

@xdustinface
Copy link
Author

Somehow it still doesn't feel final but i can't think about the ultimate solution right now.. i guess i would prefer to remove the color shift and just apply direct coloring to the icons but thats has also some drawbacks if icons change lol.. Anyway, your fix is still much better than the hack-ish one before, picked! 😄

@UdjinM6 UdjinM6 added this to the 17 milestone Jul 26, 2020
UdjinM6
UdjinM6 previously approved these changes Jul 26, 2020
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

@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.

re-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.

ACK, code looks good, for loop is a bit more readable now I'd say, tested, looks fine, rebased on develop, tested again, looks fine.

Overall looks fine.

@UdjinM6 UdjinM6 merged commit 3408f4a into dashpay:develop Jul 28, 2020
xdustinface added a commit to xdustinface/dash that referenced this pull request Sep 3, 2020
* qt: Splashscreen redesign

- Make it theme related dark or light
- Fixes bluriness issues
- Fixes issues with overlapping init messages at the bottom of the
splashscreen
- Give it a cleaner look -> Removed copyrights and prefix `Version v` of the version string

* Do not rotate colors of the splash image

* Adjust logo color based on the current theme for all networks

* Draw network-specific text as a "badge" with a network-specific color

* Introduce `NetworkStyle::rotateColor()` helper

* Introduce badge color in NetworkStyle and use it in SplashScreen's ctor

Replaces the getTrayAndWindowIcon hack

* refactor loops

Co-authored-by: UdjinM6 <[email protected]>
@UdjinM6 UdjinM6 modified the milestones: 17, 16 Sep 4, 2020
gades pushed a commit to cosanta/cosanta-core that referenced this pull request Apr 16, 2022
* qt: Splashscreen redesign

- Make it theme related dark or light
- Fixes bluriness issues
- Fixes issues with overlapping init messages at the bottom of the
splashscreen
- Give it a cleaner look -> Removed copyrights and prefix `Version v` of the version string

* Do not rotate colors of the splash image

* Adjust logo color based on the current theme for all networks

* Draw network-specific text as a "badge" with a network-specific color

* Introduce `NetworkStyle::rotateColor()` helper

* Introduce badge color in NetworkStyle and use it in SplashScreen's ctor

Replaces the getTrayAndWindowIcon hack

* refactor loops

Co-authored-by: UdjinM6 <[email protected]>
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