Add Dark Theme to your WebStudio website by Yurii KhimaninAdd Dark Theme to your WebStudio website by Yurii Khimanin
Add Dark Theme to your WebStudio websiteYurii Khimanin
Cover image for Add Dark Theme to your WebStudio website
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 work
Contact for pricing
Tags
Webstudio
Web Designer
Webflow Developer
Service provided by
1
Paid projects
4
Followers
Add Dark Theme to your WebStudio websiteYurii Khimanin
Contact for pricing
Tags
Webstudio
Web Designer
Webflow Developer
Cover image for Add Dark Theme to your WebStudio website
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 work
Contact for pricing