headlamp icon indicating copy to clipboard operation
headlamp copied to clipboard

Use accent colors for clusters

Open joaquimrocha opened this issue 5 years ago • 6 comments

Since we support multiple clusters, a nice way to quickly identify them (besides the name) is to assign them a different color. We shall call this the cluster's accent color as it will be reflected in a few parts of the dashboard.

We understand this is not an accessible option for color-blind users, but that should be covered by #14 .

This feature also requires having a settings view (#16).

Acceptance Criteria:

  • [ ] Allow the user to select a color for each configured cluster
  • [ ] Use this color in the cluster's icon (if not custom) and other elements in the UI (TBD)

joaquimrocha avatar Apr 02 '20 16:04 joaquimrocha

Screenshot 2024-11-23 at 10-49-28 Cluster Screenshot 2024-11-23 at 10-49-17 Cluster Screenshot 2024-11-23 at 10-48-58 Choose a cluster

@joaquimrocha I have played around with accentcolors. What do you think?

farodin91 avatar Nov 23 '24 09:11 farodin91

image

farodin91 avatar Nov 23 '24 09:11 farodin91

@farodin91 I appreciate your experimentation. My initial idea was to apply the color just to the actual k8s icon of those buttons in the home + anywhere where we show the icon. We have to be careful about using the accent color in many UI elements because it may not be accessible (even if it's the user selecting the color). We have some upcoming changes to the overall theme, so, hopefully without demotivating you on these changes, maybe we should wait for those till we find a good way to include the accent colors. WDYT?

joaquimrocha avatar Nov 26 '24 17:11 joaquimrocha

My first thought: UI elements could be helpful to quickly decide if you are in the right cluster.

My thoughts on icon, I think is good idea to start with accent color on default cluster icon, but we should add the icon to more places like cluster selector (current cluster), and on the sidebar at cluster section.

farodin91 avatar Nov 26 '24 17:11 farodin91

We have some upcoming changes to the overall theme.

Do you have a show case for the upcoming changes?

farodin91 avatar Nov 26 '24 17:11 farodin91

A lot has changed since first suggested, so probably the description needs rewriting. eg. Settings exists now. Added needs design, since this needs more thought and discussion.

This was one of the most requested features for dashboard: https://github.com/kubernetes/dashboard/issues/1657 where they want to do something like what @farodin91 suggests above. (So it's easier to see if you're in staging or production when you delete the database.)

illume avatar May 12 '25 10:05 illume