[Fix] Same colors but different digits should be grouped together

[usernamehw]

1. Toggle View to Palette View
2. #ccc & #cccccc is in 2 different groups

All 4 colors are the same:

• #fff
• #ffff
• #ffffff
• #ffffffff

EDIT(@ryanraposo):

Considerations

• For individual items, its important that CodeUI shows the hex value as it would appear in the theme file/settings.json.
• We might need to change group titles. An example: use the shortest, or most 'reduced' hex code possible for the group's color.

[ryanraposo]

New here? Welcome.

If you want to get started on this Issue but need some help, leave a comment and we'll work through it together!

[Judikaelle]

I 'm new and i want to progress, so i could try to resolve this issue if you want ;)

[ryanraposo]

I 'm new and i want to progress, so i could try to resolve this issue if you want ;)

Hell yeah! Go for it!

Did you have any questions/want any help??

[Judikaelle]

First time on a vscode extension. I'll start by searching by myself and if I have any questions I'll come back and ask them here.

[ryanraposo]

@Judikaelle 👍

[ryanraposo]

@Judikaelle remember to trust your instincts on non-extension-specific code: if it looks wonky, it probably is. There is definitely sub-optimal code here and there, particularly in the TreeView providers (elements.ts & info.ts). Most common is drawn-out, wordy code that made it easier to debug.

[ryanraposo]

@Judikaelle my first thought for this issue: a solution based on converting away from hex and then back. Thats before checking into it at all, but I figure that way we can just let the color library determine equivalency for us. What were your first impressions?

[Judikaelle]

Thx @ryanraposo for your messages. My first impressions were to convert all color values to hex as you said

[Judikaelle]

I'm going to try something tomorrow and post my solution here

[Judikaelle]

I didn't take much time to solve this problem but I'm still looking for it. I have made progress on the problem anyway.
I think that converting the value of the colors in Hex (6 characters) or HexA will allow not to duplicate them.

Usefull link : https://css-tricks.com/converting-color-spaces-in-javascript/

I think creating "utils" folder is a good thing