uvcanvas icon indicating copy to clipboard operation
uvcanvas copied to clipboard

Allow users to tweak colors

Open corysimmons opened this issue 1 year ago • 6 comments

corysimmons avatar Mar 04 '24 20:03 corysimmons

Absolutely, it will be updated in the next few days

ciaochaos avatar Mar 05 '24 01:03 ciaochaos

Looking forward to this! @ciaochaos @CPunisher

anudit avatar Mar 06 '24 06:03 anudit

to change color I created an empty div with some background color then made it absolute, relative to the uvcanvas and set mix blend mode like this. .novatrix-overlay { position: absolute; width: 100%; height: 100%; background-color: var(--blue); mix-blend-mode: hard-light; }

Sidd5arth avatar Mar 23 '24 07:03 Sidd5arth

@ciaochaos I would love to help with being able to pass some colors at least to couple of examples. If you want to give me a brief guide of how this could be achieved I could work on the PR!

d-ivashchuk avatar Apr 23 '24 15:04 d-ivashchuk

did anyone figure out how to tweak the colors?

hosnik avatar Mar 04 '25 05:03 hosnik

@hosnik The colors are defined in the core components: http://github.com/latentcat/uvcanvas/blob/ff0862f8c48c6e020550a07a09b76663575de366/core/lib/components/lumiflex/index.tsx#L46

Fork and make a new colors: Color[] prop for each component and add some npm pkg to do hex to rgb.

Let me know if you can't figure it out and I'll do it.

Edit: Actually, @latentcat would you accept a PR for this?

corysimmons avatar Mar 04 '25 16:03 corysimmons