stephane-monnot / react-vertical-timeline

Vertical timeline for React.js
https://stephane-monnot.github.io/react-vertical-timeline/
MIT License
1.06k stars 158 forks source link

change lineColor for tailwind dark mode #159

Closed ksnirob closed 1 year ago

ksnirob commented 1 year ago

@stephane-monnot @avgupta456 @alex-pex @nostalgiaz @loun4 @axle-h

Hi, there is a prop to change the line color. inside the element we can change the color of line by using lineColor="#fff" but, i need to change line color for dark mode. how can i change the color using tailwind.

architsangal commented 1 year ago

Any updates on this issue? Facing the same problem.

ksnirob commented 1 year ago

@architsangal I solved the issue this way,

<VerticalTimeline

className="[--line-color: theme (colors.blue.600)] dark: [--Line-color: theme (colors.black.500)]"

lineColor="var (--line-color}">

you can have your own color.