[feat] Visual Color Display Feature for CSS Hex Codes in phocode.dev Editor

[charlypa]

Describe the problem

CSS hexadecimal color codes are not visually descriptive, requiring developers to hover to preview colors.

Describe the solution you'd like

Develop a feature for phocode.dev that displays color swatches next to the CSS hex codes within the editor. This should include a side panel with a color legend and inline color blocks adjacent to each hex code, as exemplified by the uploaded image. The color blocks should match the color of the hex code they represent, providing immediate visual feedback.

Alternatives considered

This enhancement will streamline the workflow for developers and designers, facilitating quick color identification and management within the CSS codebase.

Additional context

No response

[abose]

We can do this in 2 ways:

1. color hilighter extension
2. color picker as shown above.

[abose]

This is now done via color gutter. #1954 and #1963
Closing.

Pending #1979 not merged due to UX issues.