question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Feature] 🎨 Color Picker 🎨

See original GitHub issue

Using an external color picker is annoying and VS Code’s built-in picker is restricted to text editing:

the-text-editor-way

Priorities:

  • Implement a color picker view
  • Make every attempt to mirror VS Code’s overall design and style.
  • Respond to user activity (ex: color-picker updates to reflect the color of a selected element).
  • Add CodeUI extension settings/commands where appropriate

Additional context

Use color-picker branch for work on this feature.

Updates

  • (12/1/21): The color picker now updates to reflect selection in the Elements view. Thinking about a reversed, toggle-able, “paint” mode where you can apply the picker’s colour to elements just by clicking on them.

picker-updates-crop

  • (12/10/2020) : New approach. Added a statusBarItem that updates according to the hex and hue of the selection. Triggers copy-to-clipboard command on click. Removes any need to clutter the view with more widgets. Also, looks pretty cool.

status-bar-color

  • (12/09/2020): Simple copy-to-clipboard functionality added. Not the minimum-viable-product we need, but a start. Very interested in help/feedback. Two rules, though! 1) no frumpy webview abuse and 2) keep it simple 😃

  • (11/27/2020) : A new view ‘Color’ with a picker has been added. No way to access the selection yet.

colors-screenshot

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
AssisrMatheuscommented, Nov 22, 2020

Neeeat! That is indeed a great feature, feel free to ping me for help/questions regarding anything, webview or not!

1reaction
ryanraposocommented, Nov 21, 2020

paging local expert on the exciting & ethical application of cutting-edge Webview technology, @AssisrMatheus

Read more comments on GitHub >

github_iconTop Results From Across the Web

Features | Color Picker - Stencil
Easily pick colors to use in your designs and even store them to use again later. This works really well for storing brand...
Read more >
Palettes | Flat UI Colors 🎨 280 handpicked colors ready for ...
🎨 280 handpicked colors. Flat UI Colors 2 features 13 more color palettes. Collaborating with 13 designers around the world, a total set...
Read more >
How To Use the Mac Color Picker - YouTube
https://macmost.com/e-2115 The Mac Color Picker will appear when you want to choose a color in most Mac apps. You'll see it when you...
Read more >
Free Color Picker Tutorial - YouTube
In this video tutorial I will show you how to use the Coolors.co colour picker tool. This tool is useful if you want...
Read more >
sindresorhus/System-Color-Picker: 🎨 The macOS ... - GitHub
The macOS color picker as an app with lots of extra features. Download. Requires macOS 12 or later. Older versions. Last macOS 11...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found