Review icons and colors

[romicolman]

Problem description

The current version of the ODE uses icons from MUI. The UX specialist will need to review/check the following icons and colors used for them:

Main ODE features from the ODE screen

• Add

• Manage

• Delete

• Icon for tables, folders, PDFs, etc. For example:

  

• Configuration

• GitHub

• Documentation

• Metadata

• Undo

• Redo

• Report

ODE main buttons

• Validation (error button). We will probably need to change the name of this button. See issue #401
• Description: button to be added. No name has been defined yet.

@roll what is the full list of icons available for the ADD feature. I detected icons for:

• File: csv and xls use the same icon.
• File: pdf and remote file shared a same icon.
• Folder

Anything else?

Steps to reproduce icons in files (for the UX specialist)

• Open the ODE.
• Go to ADD and then click on File. Upload the following files as examples:
• PDF
• csv
• Excel
• Json
• Folder: depending on the OS, download one of the folders listed here.

[Faithkenny]

Here are the Color pallette and New icons to be implemented in our new ODE.

These hues cover the full range of color usage in the app, where 500 is the base color, which gets darker as it progresses to 900 - the darkest shade, and lighter as it progresses to 50 - the lightest tint.

The icon set will be updated as we design new sections. Please observe the icon size, and stroke width during implementation.

[romicolman]

Thanks @Faithkenny! I'm closing this issue since this is now being implemented on issues #483 and #485.