Suggest aesthetic improvements 🎨

[GyulyVGC]

I'm considering to improve styles with the goal to create a more modern and minimal UI.

Recently I've made some improvements here and there, but I think that in order to improve the app design to a greater extent it's useful if you could share your opinions with me.

Here you can see some of the changes I made:

What has changed?	Before	After	Released in
Containers borders and color			v1.1.3
Scrollbars			v1.1.3
Adapter selection boxes			v1.1.4
Volume slider			v1.1.4
Page tabs, scrollbars, highlighted headings			v1.2.2
Traffic chart smoother interpolation			v1.3.0
Donut chart reporting cumulative statistics			v1.4.0
Simplified styles setting page			v1.4.0
New default colour palette			v1.4.0
...and many other details! Read the discussion below to find out more ⬇️	⬇️	⬇️	⬇️

[Aloso]

Suggestions for the settings dialog (before/after):

• Close button
  • Consistent distance to the top and to the right (status: 🚫)
  • Use the multiplication sign rather than an X (status: ✅)
  • Don't put it in a black circle (status: 🚫)
• Volume slider
  • Remove the black dot (status: ✅)
• Check boxes
  • Remove the rounded boxes (status: 🚫)
  • Don't make the text orange on hover, it's irritating (status: ✅)

[GyulyVGC]

Thank you very much for the suggestions, they will be kept into account 👍

[GyulyVGC]

Suggestions for the settings dialog (before/after)

I'm curious about two more things and want to hear your feedback:

• would you remove the text color change on hover also from the radio buttons?
• would you also remove the round boxes when the respective notification is active?

[Aloso]

would you remove the text color change on hover also from the radio buttons?

Yes.

would you also remove the round boxes when the respective notification is active?

This is something I didn't consider. I would either remove the boxes (both in the active and inactive state) or keep them. I think I'd prefer to keep the boxes.

[Aloso]

Some suggestions for the "overview" (before/after):

• Remove boxes, use dark gray lines instead (status: 🚫)
• Areas always use all available space when the window is maximized (status: 🚫)
• Buttons at the top don't have a black background (status: 🚫)
• The legend in the traffic diagram has a dark, semi-transparent background instead of a border (status: ✅)
• The house icon for "localhost" is white in the dark theme (status: ✅)
• Icons at the bottom (like the GitHub logo) are monochrome (status: 🚫)
• The exclamation mark at the bottom left should be in only one shape (a circle or a triangle, but not both) (status: ✅)