Use accent colors for clusters
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 I have played around with accentcolors. What do you think?
@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?
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.
We have some upcoming changes to the overall theme.
Do you have a show case for the upcoming changes?
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.)