Heart of dark mode: done, and still in progress
Earlier this summer, after many passionate requests, Tailscale finally joined the dark side. That is to say: we rolled out support for “dark mode” in our admin console. Dark mode users are often enthusiastic and vocal and, feeling the pressure of their expectations, we wanted to make sure we got it right. In this post, we are sharing some of the lessons learned and challenges faced in making our web UIs more vampire-friendly. Working on dark mode for the admin console, turns out, helped us bring some much-needed consistency to our products for the web. First, though, some background. We did have some earlier experience with dark mode thanks to the iOS, Android, and Apple TV apps. But working on dark mode in the admin console meant integrating it deeper within our design system. After all, the admin console is where all the web components are hosted, and all the design system “logic” is encoded (like color definitions and relationships, typographic rules, usage and accessibility guideli
Dark Mode in Tailscale: Technical Insights into the Revamped Admin Console Join us June 23 to see the ROI of switching to Tailscale. REGISTER -> Blog | insights August 29, 2024 Heart of dark mode: done, and still in progress Earlier this summer, after many passionate requests, Tailscale finally joined the dark side. That is to say: we rolled out support for “dark mode” in our admin console. Dark mode users are often enthusiastic and vocal and, feeling the pressure of their expectations, we wanted to make sure we got it right. In this post, we are sharing some of the lessons learned and challen
Explore this link on the map →saved by
related reading
- How we redesigned the Linear UI (part Ⅱ) - Linearlinear.app
- Say precisely what you mean.index.how
- Visual design rules you can safely follow every timeanthonyhobday.com
- The New Internet: Tailscale's Vision for the Future of Connectivitytailscale.com
- Building a Design System from scratch - The Blog of Maxime Heckelblog.maximeheckel.com
- Web Interface Guidelinesrauno.me
- Web Interface Guidelinesvercel.com
- Tammy Taabassum — Product Designertaamannae.dev
- Theme variables - Core concepts - Tailwind CSStailwindcss.com
- TailwindCSS: Adds complexity, does nothing. - DEV Communitydev.to
- Why I Love Tailwind | Max Stoiber (@mxstbr)mxstbr.com
- Color / Design / Zendesk Gardengarden.zendesk.com