Annie (Annabelle) Seawardannie-codes.com·Mar 16, 2024How to Simulate Light and Dark Mode with Chrome Dev ToolsIf your developing a website with light and dark mode, you should use the users prefered color scheme on first render. But how do you test that this is working? Since late 2019, it has possible in Chrome Dev Tools to easily toggle between prefers-col...Discuss·2 likesChrome
Pratik MaliforThe Tech Deckthetechdeck.hashnode.dev·Nov 25, 2023How to Enable Dark Mode in Notion for a More Comfortable Viewing ExperienceNotion is a popular productivity and project management app that allows users to create wikis, kanban boards, calendars, and more to organize their work and life. With its flexible databases and markdown support, Notion has become many people's secon...Discuss·27 readsnotion
Sergio Serranosdserrano.com·Oct 15, 2023The Ultimate Guide to Dark Mode with Vite, React, and Tailwind in Storybook 2023As developers, we're no strangers to the challenges of ensuring our components look impeccable in both light and dark mode. With the latest features of Tailwind CSS and Storybook as our testing playground, we're about to turn those challenges into tr...Discuss·1 like·287 readsdark mode
Yash Jaimanjaimanyash.hashnode.dev·Jul 7, 2023Portfolio Boilerplate using NextJS, TailwindCSS and Rough Notation with Dark Mode support.Building a portfolio website is a great way to showcase your skills and experience as a developer, and using the right tools can make the process much easier. In this blog post, we'll explore how to create a portfolio website using Next.js, Tailwind ...Discuss·10 likes·67 readsportfolio
Nwalozie ElijahforOpen Replay's Technical Blogopenreplay.hashnode.dev·Mar 28, 2023Theming With Tailwind CSSAs accessibility becomes increasingly important, having at least an extra theme (mostly dark) on a web page has become necessary. In this article, I will show how to create multiple themes in a Tailwind CSS application and create switches to toggle t...Discuss·1 like·115 readsOpenReplay
Tejas Sharmadynamiccode.hashnode.dev·Aug 27, 2022How to Add Dark mode toggle to your websiteIntroduction 🌓 Add a dark-mode / night-mode to your website in a few seconds This library uses the css mix-blend-mode in order to bring Dark-mode to any of your websites. Just copy paste the snippet and you will get a widget to turn on and off the d...Discuss·3 likes·196 readsCSS