Vue.js / Laravel: How to apply css file dynamically

Question

So I want users to be able to use a dark theme on my website. So when they click the according button, a .css file should be applied on my website. How would I approach this with Vue.js?

tony19 · Accepted Answer · 2022-07-15 02:51:56Z

1

Vue has the option to change styles dynamically. You can toggle between classes. Just have a main div where you'd toggle between light and dark theme and beneath it keep the same name for the styles in both the css files.

See if this helps (https://v2.vuejs.org/v2/guide/class-and-style.html)

edited Jul 15, 2022 at 2:51

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Dec 12, 2019 at 10:44

Himanshu

2742 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue.js / Laravel: How to apply css file dynamically

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related