DEV Community

Cover image for Theme Changer with HTML and CSS only
Shubham Tiwari
Shubham Tiwari

Posted on

16

Theme Changer with HTML and CSS only

Hello Guys today i am going to show you a theme changer with HTML and CSS.
There is a new selector in CSS introduced named "has()" which is very powerful selector if used properly but it's browser support is not vast and is still only supported in 2022 latest chrome browsers and not supported in Safari.
I am discussing this selector because i used it in this theme changer web page.

Source of Design -
https://youtu.be/fyuao3G-2qg

You can check the code in the codepen and the output as well.

THANK YOU FOR CHECKING THIS POST

You can contact me on -
Instagram - https://www.instagram.com/supremacism__shubh/
LinkedIn - https://www.linkedin.com/in/shubham-tiwari-b7544b193/
Email - shubhmtiwri00@gmail.com

^^You can help me by some donation at the link below Thank you👇👇 ^^
☕ --> https://www.buymeacoffee.com/waaduheck <--

Also check these posts as well
https://dev.to/shubhamtiwari909/js-push-and-pop-with-arrays-33a2/edit

https://dev.to/shubhamtiwari909/tostring-in-js-27b

https://dev.to/shubhamtiwari909/join-in-javascript-4050

https://dev.to/shubhamtiwari909/going-deep-in-array-sort-js-2n90

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (2)

Collapse
 
abdul1 profile image
Abdul Subhan

Source: Kevin Powell YT

Collapse
 
shubhamtiwari909 profile image
Shubham Tiwari

Forgot to add
Edited the post

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay