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

Linear-Gradient Token Does Not Work With Other Color-spaces (Also When Creating Styles/Variables) #2718

Open
keeganedwin opened this issue May 2, 2024 · 1 comment
Labels
bug Something isn't working token type color token type gradient Not a type yet but exists in DTCG W3C token types token value

Comments

@keeganedwin
Copy link
Collaborator

keeganedwin commented May 2, 2024

Describe the bug
Currently when creating color-tokens with linear-gradient values containing color-spaces like: hex-value rgba, hsl, p3, srgb only rgba and hex-values work as a color-spaces, e.g.

WOKRING:
hex - linear-gradient(45deg, #87CEEB 0%, #008000 100%)
rgba - linear-gradient(45deg, rgba(255,255,0) 25%, rgba(255,165,0) 75%).

NOT WORKING:
hsl - linear-gradient(140deg, hsl(34deg 100% 72%) 0%, hsl(29deg 99% 64%))
p3 - linear-gradient(to right, color(display-p3 1 0 0), color(display-p3 0 1 0), color(display-p3 0 0 1))
rgb - linear-gradient(to right, rgb(255, 0, 0), rgb(0, 255, 0), rgb(0, 0, 255))

NOTE:
The plugin is able to detect the colors (displayed in the color swatch) of these values but applying them in Figma does not work as expected. These also don't work when styles are created of them (check screenshot).

To Reproduce
Steps to reproduce the behavior:

  1. Create tokens with the respective values provided above
  2. See error

Expected behavior
Just like with rgba and hex-values, the plugin not only detect but also register the tokens when applied in Figma.

Screenshots or Screencasts
Plugin view:
CleanShot 2024-05-02 at 20 14 54@2x

Figma Styles view:
CleanShot 2024-05-02 at 20 14 36@2x

Figma file (optional)
File

@keeganedwin keeganedwin added bug Something isn't working token types token type gradient Not a type yet but exists in DTCG W3C token type color token value labels May 2, 2024
@keeganedwin keeganedwin changed the title Linear-Gradient Token Does Not Work With Other Color-spaces Linear-Gradient Token Does Not Work With Other Color-spaces (Also When Creating Styles/Variables) May 2, 2024
@UdayHyma
Copy link
Collaborator

UdayHyma commented May 6, 2024

Migrated to Featurebase

@UdayHyma UdayHyma closed this as not planned Won't fix, can't repro, duplicate, stale May 6, 2024
@UdayHyma UdayHyma reopened this May 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working token type color token type gradient Not a type yet but exists in DTCG W3C token types token value
Projects
Status: 👀 Needs review
Development

No branches or pull requests

2 participants