Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Css Color preview to display the colors on the gutter area. #1954

Merged
merged 7 commits into from
Nov 30, 2024

Conversation

devvaannsh
Copy link
Contributor

@devvaannsh devvaannsh commented Nov 30, 2024

Adds a feature to display color previews in the gutter for various file types like CSS, LESS, SCSS, and HTML. Providing a quick visual reference for color values. Updates in real-time as changes are made. It can also display mutliple colors at once like in 'linear-gradient' options. Max colors that can be displayed at single line is 4.

Visual references :-
Screenshot 2024-11-30 105518
Screenshot 2024-11-30 110350
Screenshot 2024-11-30 110434

src/extensionsIntegrated/CSSColorPreview/main.js Outdated Show resolved Hide resolved
src/extensionsIntegrated/CSSColorPreview/main.js Outdated Show resolved Hide resolved
src/extensionsIntegrated/CSSColorPreview/main.js Outdated Show resolved Hide resolved
src/extensionsIntegrated/CSSColorPreview/main.js Outdated Show resolved Hide resolved
src/extensionsIntegrated/CSSColorPreview/main.css Outdated Show resolved Hide resolved
src/extensionsIntegrated/CSSColorPreview/main.js Outdated Show resolved Hide resolved
Copy link

@devvaannsh
Copy link
Contributor Author

devvaannsh commented Nov 30, 2024

Light theme
Screenshot 2024-11-30 125838

Tokyo Night Theme
Screenshot 2024-11-30 125955

@abose abose merged commit b53b12e into phcode-dev:main Nov 30, 2024
16 of 17 checks passed
@abose
Copy link
Member

abose commented Nov 30, 2024

LGTM Merging. Thanks for contributiong @devvaannsh

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants