App design

[David207025]

I have been using react with electron for a while now to create desktop apps for MacOS. As soon as I saw the design of the ChatGPT app I was amazed about the clean implementation of design. I have been trying to replicate the title bar design in my own projects by using the same settings as used here but I can never quite get it to work.
Things I have tried:
Setting title bar visibility to overlay => native title bar in full screen
Setting title bar visibility to Transparent => Native title bar shadow in full screen
Turning off decorations and using custom buttons => Native title bar still shows up in full screen with the green button there

Note: By full screen I mean having the app in its own space, not just maximized.

I have searched for answers on multiple forums and even in the Tauri docs. I tried implementing Cocoa styling but doing that only made the transparency mode of the title bar not work anymore. Is there anyone that could help me? The usual discussions I found were mostly about other questions that were only similar or the questions were the same but not answered.

I would be very grateful if somebody could lead me into the right direction for implementing this