Lighter design, please

[tebaly]

So much emphasis on the buttons is not needed.

[keithchong]

Could you please elaborate:

• Which platform are you using?
• Could you describe what you'd like to see?

[tebaly]

This is how I want to see it.

[tebaly]

Lighter design Emphasis on these buttons is not needed.

[keithchong]

I believe these were added based on the buttons on the app list page:

https://cd.apps.argoproj.io/applications?proj=&sync=&health=&namespace=&cluster=&labels=

Note also the buttons at the top in the tool bar section there (as well as the details pages) are similar looking.

I do agree with you that the buttons can have a better design.

[tebaly]

They don't have to be the same. The main menu can have its own design. After all, this is the main menu. The main menu should have an accent. On the secondary (tertiary) buttons, the accent is not needed and only overloads the design.

Perhaps even without borders, like on Instagram

[keithchong]

I agree, the main toolbar buttons do not have to look the same as the buttons in the cards.

[walidshaari]

I like the darker background; the lighter background lacks the focus. I guess in UX and design; it will be hard to satisfy everyone. I am very peculiar about UX and distracting or focus elements as I am not the typical neurotypical person

[Kerwood]

I agree with OP, to much emphasis on those buttons.

[Kerwood]

Original ArgoCD App overview

Less emphasis

Hover

I am no UI master, but something like this would be nice.

[Parsifal-M]

Hey, I wouldn't mind picking this up as my first contribution to the project. Could you assign it to me? and perhaps point me in a general direction to where we can modify these button styles?

Thanks!

[costicaaa]

Hi everyone, I saw this stale issue and thought it would be a nice start, considering the label et al.

One setup later and looking into it a bit, I found a rather simple easy fix for the buttons mentioned in the latest comment.

For me, it is a clear improvement and aligned with the initial issue, of "lighter design". I'm not sure however if we should change ALL the buttons or only these ones.

I can create a PR with the initial change, only for the buttons in the Applications page view. This is a quick view of how it would like. Note: only these buttons would be affected, all the rest unchanged.

Light theme

Light theme hover

Dark theme

Dark theme hover

And for a quick glance if multiple apps present:

I would gladly submit a PR and start make some progress on this issue if we're ok with having a small initial PR for these buttons. Afterwards, can continue the effort if more of these should become the same (and would highly appreciate someone to help me determine which we want to change and which not).

[crenshaw-dev]

@costicaaa this would be great to show off in a contributors meeting! That would also be a good place to get some help from a UI reviewer.