[WIP][GUI][CSS] Wallet Styling Refactoring (*.ui) (*.css)

[Rock-N-Troll]

In an attempt to make the styling more uniform and manageable, I'm going to break-out all the in-line css from the .ui files and bring them into the main.css (and eventually main-dark.css for dark mode). Also relating to styling approach established in the thread of this pull request: #907

• This will help with future development of screens and styling.
• This will keep everything consistent and uniform and easier to maintain.
• This will help lockdown which stylings affect which screens.

To-Do:

• migrate css in src/qt/forms .ui files to main.css
• migrate css in src/qt/veil/forms .ui files to main.css
• refactor css where shared, should be separated, ordering of stylings, etc.
• once everything is migrated, building dark mode should be a breeze

Next Issue:
Fix small gap above Transactions List

[Rock-N-Troll]

For fun, here's how the wallet looks with only the first set of .ui files complete. Certainly not right yet. Need to migrate the other .ui files first and then figure out where the duplicates and overridden values are.

[Rock-N-Troll]

src/qt/veil/forms remaining:
addressesmenu.ui
addresseswidget.ui
addressnewcontact.ui
addressreceive.ui
balance.ui
createpassword.ui
mainwindow.ui
receivewidget.ui
sendconfirmation.ui
settingsadvance.ui
settingsadvanceconsole.ui
settingsadvanceinformation.ui
settingsadvancenetwork.ui
settingsadvancepeers.ui
settingsbackup.ui
settingschangepassword.ui
settingsfaq.ui
settingsfaq01.ui
settingsfaq03.ui
settingsfaq04.ui
settingsfaq05.ui
settingsfaq06.ui
settingsfaq07.ui
settingsfaq08.ui
settingsfaq09.ui
settingsfaq10.ui
settingsfaq12.ui
settingsminting.ui
settingsmintingauto.ui
settingsmintingmanual.ui
settingsnetwork.ui
settingspreferences.ui
settingsrestore.ui
settingsrestorefile.ui
settingsrestoreseed.ui
settingswidget.ui
toast.ui
tooltipbalance.ui
transactiondetaildialog.ui
tutorialcreatewalletwidget.ui
tutoriallanguageswidget.ui
tutorialmnemoniccode.ui
tutorialmnemonicrevealed.ui
tutorialwidget.ui
unlockpassworddialog.ui
updateaddress.ui
veilstatusbar.ui

[Rock-N-Troll]

If my latest change to the css selectors by .ui file works, the massive headache of removing duplicates will not be necessary.

(It didn't work, but will only know after all .ui styling is applied to main.css and ordered BEFORE the pre-existing main.css styling)

After which, moving any of the previously existing styling in main.css to the bottom of the file below the migrated .ui stylings should account for the overriding functionality the .css file was performing for any of the existing styling.

[Rock-N-Troll]

It's evolving...ordering or syntax might be the issue here in the css.
Once I have all the styling out, I can see how best to get the correct stylings to be applied correctly

[Rock-N-Troll]

I've figured out the proper way to make the styling applied. Currently maybe correctly applied less than half of the stylings and will need to adjust as I pull some of the stylesheet applications out of the code and into the css file

[Rock-N-Troll]

Still WIP. Some stylings either misconfigured or not correctly ordered. Will investigate

[Rock-N-Troll]

Almost there..

[Rock-N-Troll]

Latest commit fixes the settings display issue.

Issue was related to how scrollarea and it's parent frame need to be styled.

1issue down

[Rock-N-Troll]

Transactions text no longer blue leaking from top pre-release build label

[Rock-N-Troll]

Actual:

misaligned buttons and stealth address (will fix):

[Rock-N-Troll]

Fixed. The issue is a blank address label takes up space

Committing...

[Rock-N-Troll]

Fixed a qt setting misconfiguration where the send coins selection model pop-up wasnt properly applying a transparent background.

[Rock-N-Troll]

Now settings on hover are blue text which was overridden for some strange reason (which is better UX anyway)

[Rock-N-Troll]

Ready for testing after latest commit 1a320bb
The tutorial windows/screens have not been fully tested.

[seanPhill]

All is looking good. Light mode.
Testing done.

[Rock-N-Troll]

Base work for refactoring is in this pull request, but additional dark mode is built into PR #933