🐞 Fix Toolbar and Tabs Style Differences

[austincondiff]

The toolbar is nearly white in Xcode and Finder in light mode while in CodeEdit it is light gray.

The toolbar is lighter gray in Xcode and Finder in dark mode while in CodeEdit it is a darker gray.

Notice the difference in tabs on both light and dark mode compared to Finder. We are opting for a more native tab style so that needs to look exactly like native tabs found in Finder. At some point it may be nice to have a setting to toggle between native style or Xcode style tabs.

Also notice the vibrancy effects, hover states and transition effects.

Screen.Recording.2022-03-18.at.1.04.36.AM.mp4

[highjeans]

I am trying to figure out how to fix the toolbar portion right now, I will look at the tab bar after.

[lilingxi01]

I am working on improving the tab item styling and animation (to follow the design of Xcode, and add a configurable option to generally switch between two styles).

Do we need to leave some APIs for the theming of tab item?

[austincondiff]

No APIs at the moment. Did you have anything particular in mind?

[austincondiff]

Look at SegmentedControl for the background color. I believe it is .selectedControl at 0.75 opacity. I also had to make the text color .accentColor in light mode (.primary in dark mode).

[lilingxi01]

I think this can be closed. @austincondiff