Skip to content

[Feature Request] Color Picker for Flutter's Color(s) similar to CSS  #3240

Closed

Description

@osaxma

For CSS files in VS Code, a color picker is provided next to the color's definition for easy selection as shown in the screenshot below:

Screen Shot 2021-03-30 at 12 18 37 PM

example.css
#p1 {background-color: #ff0000;}            
#p2 {background-color: hsl(120, 100%, 50%);}   
#p3 {background-color: rgba(0, 4, 255, 0.733);} 

It'd be a handy feature for Flutter.

Also, showing the color next to the definition may be better than showing it at the margin -- especially when multiple colors are defined on the same line.

Activity

  1. added
    is enhancementAn enhancement or improvement that should be listed in release notes but is not a bug fix.
    on Mar 30, 2021
  2. added this to the On Deck milestone on Apr 1, 2021
  3. added
    in editorRelates to code editing or language features
    in flutterRelates to running Flutter apps
    on Apr 1, 2021
  4. modified the milestones: On Deck, v3.24.0 on May 24, 2021
  5. modified the milestones: v3.24.0, On Deck on Jun 21, 2021
  6. modified the milestones: On Deck, v3.25.0 on Jun 28, 2021
  7. modified the milestones: v3.25.0, On Deck on Jul 19, 2021
  8. modified the milestones: On Deck, v3.29.0 on Nov 2, 2021
  9. DanTup commented on Nov 16, 2021

    @DanTup
    Member

    The color picker is now supported via the LSP server. It's a change in the SDK so will show up in a future SDK release rather than Dart-Code release.

    dart-lang/sdk@3238b2c

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    in editorRelates to code editing or language featuresin flutterRelates to running Flutter appsis enhancementAn enhancement or improvement that should be listed in release notes but is not a bug fix.

    Type

    No type

    Projects

    No projects

      Milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions