Home
Feed

Extend

Hashnode Pro
Hashnode for Agents

Resources

The foreword
Hashnode gql skill

Buildful - AI coding agent that delivers frontier-level results at a fraction of the cost Bug0 - The AI-native e2e QA regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap

Sign in

Search Hashnode

Search posts, tags, users, and pages

Discussion

Patrick Walther

Lead Software Architect @ DSI Engineering

Oct 26, 2022

Moving from Sass to CSS variables to implement Dark Mode

We are currently working on a machine that runs 24/7 at train stations all over Switzerland. The screen is fairly bright to help people navigate through our web application even when there is direct sunlight hitting the machine. For people with visua...

software-engineering-corner.zuehlke.com4 min read

#css #dark-mode #sass #variables #web-development

Responses1

Markdown supported · ⌘↵ to post

Michael Lehmann

Lead Architect @ Zuehlke Engineering AG

Nice post. We use css variables to theme web components with shadow dom.

Thank you! Yeah that makes sense since they pierce through the ShadowDOM. We use them too in our component library for that use case.

Patrick Walther

Lead Software Architect @ DSI Engineering