Add Dark Theme to your WebStudio website
Contact for pricing
About this service
Summary
I’ll add a fully functional dark mode to your Webstudio site, including a real-time OS sync and custom theme switchers. You’ll get: CSS variables, header/footer scripts, and a pre-built UI — no plugins or dependencies needed.
What's included
Lightweight JS code
For the Header and Footer. Auto-detects OS theme and syncs in real-time.
CSS variables
One for :root element, other for dark theme.
HTML Switchers
Ready-to-use theme switchers (Auto / Light / Dark) with full logic. Support two modes: text and only-icon mode.
Example projects
Skills and tools
Webflow Developer
Web Designer
Webstudio
Industries
Design
Computer Software
Marketing