Add a new design of tables within Executions and Flows pages

[anna-geller]

Feature description

This is how those tables currently look like:

The new design changes the following:

1. No more alternating rows, instead a single color with a darker on-hover effect
2. Unified display of States
3. Sorting icons changes
4. Trigger icons without borders
5. More space for the header row with column names
6. All text is displayed in a single color, no more pink text within the tables - links like the one for Execution ID or Flow ID are also displayed in white and only change to light purple on hover

Internal figma link

[Pk9697]

/assign

[Sarvesh0820]

hey, I'm interested in working on this issue. I am a newbie and I am eager to contribute to this project. Can you please assign me this work.

[MilosPaunovic]

As @Pk9697 was first, the assignment goes to him. @Sarvesh0820 feel free to take a look at our list of curated good first issues and take your pick from there.

[anna-geller]

light mode SVG:

[Pk9697]

Feature description

This is how those tables currently look like:

The new design changes the following:

1. No more alternating rows, instead a single color with a darker on-hover effect
2. Unified display of States
3. Sorting icons changes
4. Trigger icons without borders
5. More space for the header row with column names
6. All text is displayed in a single color, no more pink text within the tables - links like the one for Execution ID or Flow ID are also displayed in white and only change to light purple on hover

Internal figma link

Kindly provide the figma link access, requested with prashant.aman9@gmail.com

[MilosPaunovic]

We can not provide Figma access to external contributors, but what would you see there are the images Anna attached to this issue, so you can go by them.

[anna-geller]

if it helps @Pk9697 , here are all figma designs exported as SVG files: tables.zip