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.

Sign up for GitHub

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

Jump to bottom

Add color determiner if a color is bright or dark for button on the project details #15

Closed
fukou opened this issue Jul 19, 2021 · 0 comments
Closed

Add color determiner if a color is bright or dark for button on the project details #15

fukou opened this issue Jul 19, 2021 · 0 comments
Assignees
@fukou
Labels
enhancement New feature or request help wanted Extra attention is needed

Comments

@fukou
Copy link
Owner

fukou commented Jul 19, 2021

On the project details specifically for the button that leads to the live site, if we have a darker background color, the arrow still has a black color. It would be nice if we have an ability to detect if a color is bright or dark.

Button with an arrow on the project detail

In summary, if a color is bright the arrow is black and virce-versa.

I have been using this script from this article https://awik.io/determine-color-bright-dark-using-javascript/ for a while but have no idea on how to impelement this on Nuxt.
@fukou fukou added enhancement New feature or request help wanted Extra attention is needed labels Jul 19, 2021
@fukou fukou self-assigned this Jul 19, 2021
@fukou fukou changed the title Add color determinator if a color is bright or dark for button on the project details Add color determiner of a color is bright or dark for button on the project details Jul 19, 2021
@fukou fukou changed the title Add color determiner of a color is bright or dark for button on the project details Add color determiner if a color is bright or dark for button on the project details Jul 19, 2021
@fukou fukou pinned this issue Jul 19, 2021
fukou pushed a commit that referenced this issue Oct 2, 2021
fix: add light/dark detection functionality to the button (#15)
020caef
fukou added a commit that referenced this issue Oct 2, 2021
@fukou
Merge pull request #16 from fukou/feature/color-determiner
d8e531d 
fix: add light/dark detection functionality to the button (#15)
@fukou fukou closed this as completed Oct 2, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@fukou fukou

Labels
enhancement New feature or request help wanted Extra attention is needed
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@fukou