[Bug]: Various shades of grey in darkmode

[AndyScherzinger]

Might be on purpose, hence close if n/a

Sync tab	Connection settings tab	Settings	win11 settings example

• various grey tones for the main content area
• slightly different size/color on checkboyes and radio buttons

[mgallien]

main dialog screenshot using more native styling with dark mode (Fusion qml style)

set status

this was done by using #6980
there is an issue with the Windows native QML style
this style should look more native but is not working with dark mode
I tried to fix this but that may be a lot of work

[mgallien]

with better native style on Windows and a couple more small improvements

[AndyScherzinger]

Nice improvements @mgallien 🤩

[mgallien]

I am unsure what to do with the QML user interfaces
should we stay with Fusion non native but looking good in bright and dark mode ?
should we go with native Windows style and spend a big effort trying to make it work in dark mode ?

I can provide bright mode screenshots to help

@AndyScherzinger @jancborchardt

[mgallien]

Fusion bright mode

Windows bright mode

[jancborchardt]

@mgallien we should always prefer to have it as native as possible on all platforms. In the 2 screenshots, besides some bugs in the Windows version that have to be fixed, there is almost no discernible difference, and both can look more native.

Another example in settings, the tabs don’t look like standard (more like 2 buttons?) and the line containers for settings groups look quite dated:

[mgallien]

I will (but in the make UI more native PR) record a video. I would ping design team there.
That should make differences more obvious.

Regarding the frames in the settings dialog, I need to investigate why they look so bad by default. I do not think we override or customize anything there.

[mgallien]

regarding the frames and generally the settings
please have a look at the screenshots in #7051
I just forgot to left align a single label and fixed after the screenshots