S
SolidJS•11mo ago
ali

SVG images cannot use css variable as fill, they can only use rgb colors

SVG images can have a fill value in them, like so: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" xmlns:v="https://vecta.io/nano"><path d="M26.528 82.964a7.14 7.14 0 0 0 2.113 5.063l.332.331c2.824 2.367 7.013 2.22 9.665-.44l32.78-32.878a7.15 7.15 0 0 0-.015-10.133l-32.879-32.78a7.15 7.15 0 0 0-9.329-.68l-.645.647c-2.612 2.62-2.781 6.724-.516 9.539L51.401 44.93a7.15 7.15 0 0 1 .015 10.133L28.361 78.187c-1.22 1.363-1.837 3.068-1.835 4.778z" fill="var(--bg-hover)"/></svg> In this case, the fill value is a css variable called --bg-hover. It is a medium gray color. This SVG image is not displayed as gray though, it is displayed as pitch black. If I use an rgb value instead (like fill="#7d7d7d") then it works normally. This only happens in SolidJS for me. If anyone knows a solution to this problem, I'd be very happy!
1 Reply
ali
ali•11mo ago
yes! i does take on the color! im still gonna be able to programmatically change the value of the variable right? im gonna have to take a closer look into this. Thanks a lot!
Want results from more Discord servers?
Add your server
More Posts
Delay <A> routing? UseTransition between routes?Basically i want to delay <A> navigate by few 100ms. I would also like to use useTransition between useReducer vs createReducerHello! What are the pros and cons of 1. the `useReducer` in the tutorial (https://www.solidjs.com/thow do you set attributes on `<Html>` and `<Body>` from within a route?this should happen on the server side so the attributes are set before the js is loadedAnyone know a good solution for using GraphQL in Solid.js?Hi, I've been using Solid.js to build a online gaming application. I'm currently working on the froSignal cross bound a routeHi, I'm new to Solidjs, I wonder if there's a way to make a solid-router to cross bound a signal? ISolid Start with Prisma, when making changes to pages results in routing to 404 page.I just started playing around with Solid Start and am using the Prisma template. I can spin it up juWhat is the proper way to start solid-start in production (especially with something like pm2)?Hey folks, I am currently running solid-start in production with a docker compose setup. Solid staronCleanup in Root component?o/ so i have this component in my root. if i refresh the page, it doesn't log the `cleaning up root!