david-swift / SettingsKit-macOS

Add a settings window to a SwiftUI macOS app
https://david-swift.github.io/SettingsKit-macOS/
MIT License
89 stars 2 forks source link

Better looking sidebar buttons #3

Closed longseespace closed 1 year ago

longseespace commented 1 year ago

Overview

The design of the sidebar buttons is not great yet. Any chance we can make it minimal like the rest of the macOS apps?

Example XCode app:

CleanShot 2023-07-15 at 18 15 36@2x

david-swift commented 1 year ago

I agree that those buttons need a redesign.

There does not seem to be one consistent design for that kind of buttons in macOS. In many apps, for example Contacts, the design looks completely different from the one of Xcode:

Screenshot 2023-07-17 at 07 49 51

What do you think about the following design for SettingsKit?

https://github.com/david-swift/SettingsKit-macOS/assets/106754840/6e0f43e7-6c69-4634-b720-5b3bcbaa1c82

longseespace commented 1 year ago

@david-swift Yes, that looks great! And you're right, there aren't a consistant style for these buttons except that they're generally more minimal than the ones from Settings Kit :D

david-swift commented 1 year ago

In SettingsKit 0.1.8, the sidebar buttons look now like that:

Screenshot 2023-07-17 at 09 04 37

Thanks to @longseespace for opening this issue.

longseespace commented 1 year ago

@david-swift I think the background should be white, or closer to the left pane than the right pane. What do you think? 🤔

david-swift commented 1 year ago

Do you think like that?

Screenshot 2023-07-17 at 09 14 27 Screenshot 2023-07-17 at 09 14 52

I think that looks much better.

longseespace commented 1 year ago

Exactly. Looks perfect now!! 💯

david-swift commented 1 year ago

You can upgrade to SettingsKit 0.1.9 in order to get the new design. I'm extremely grateful for this issue as the buttons in the sidebar look now much better than before! Thanks a lot, @longseespace!