Join the Webstudio community

Updated 12 months ago

Remove or change the colour of top bar in Mac app

At a glance

The community members are discussing the possibility of changing the color of the top bar in an application to make it feel more like a native app. Some community members have tested different approaches, such as integrating the top bar buttons into the app design or setting the color to match the builder's top bar. However, there is no clear consensus on the best solution, and some community members express concerns about the additional work required to implement these changes. The discussion also touches on how other applications, such as Figma and VSCode, handle the top bar design.

Any plans to change the colour on the top bar to feel more like an app, not urgent or anything that make the work worst maybe only to look more natural.
Attachment
Screenshot_2024-03-10_at_18.00.35.png
O
f
18 comments
no problem, do you know if windows default expectation is a transparent one as well?
actually just tried, it requires additional work to place those button in a good spot, not just slap them on top of the design
only have Mac at home, let me see if I can try tomorrow at work
in this situation I beleive only change the colour will hide (temporary) this look but if already planing in something maybe is a lost of time
after some testing, this requires integrating the topbar buttons INTO the app design, its not enough value right now to do it, so I will have to say no to this one for now.
I tested figma app - it looks bad
vscode keeps the top bar as it is
others incorporate the buttons into the UI design
actually I just realized there is another option - setting the color to the same color that we have in the builder top bar
that will make it look more native
this is from ClickUp
Attachment
Screenshot_2024-03-10_at_18.56.45.png
yeah, this is integrated into the app UI itself from design perspective
if we work with a few pages or projects at the same can be a option, but I personally like to work in one thing at the time, but get the one page with design system make me thing (Oxygen builder just let work in one page at same time)
clickup in the browser
Attachment
image.png
seems like they just removed the logo for desktop integration
in builder we can't do it, the space is taken
we support tabs there as well, its just not visible like in figma, gotta press cmd+t
just tested and you right, I will try how works for me with multiple tabs
Add a reply
Sign up and join the conversation on Discord