Abbey Periniabbeyperini.hashnode.dev·Oct 22, 2024Dark Mode Toggle in HTML Web ComponentsWhen designing my digital garden, I knew I wanted a cute dark mode toggle. Once I had drawn my SVG, I started building a web component that had all the same functionality as my dark mode toggle in React. This includes everything I learned while acces...DiscussDark Mode ToggleHTML5
Ulaş Özdemirulasozdemir.com.tr·Oct 17, 2024NextJS Theme Mode ToggleIn every project, I have a hard time deciding where to place the theme toggle and how to design it. It may seem simple, and many might not think much of it, but I know there are others out there who share my obsession. So, I'm determined to resolve t...Discuss·1 like·244 readsNext.js
Ravi Patelravipatel.hashnode.dev·Sep 16, 2024Implementing Dark Mode in Flutter: A Complete GuideDark mode has become an essential feature for modern apps, enhancing user experience by reducing eye strain, saving battery life, and giving a sleek, professional look. In Flutter, adding dark mode support is straightforward and provides flexibility ...DiscussFlutter dark theme
Kavindu Chathuranga Dasanayakakavindu.hashnode.dev·Sep 11, 2024How to Implement Dark Mode and Light Mode in React🌟 Introduction In today's world, dark mode has become a beloved feature across many applications. It’s not only aesthetically pleasing but also reduces eye strain in low-light environments. In this tutorial, we’ll learn how to create a dark mode and...Discuss·38 readsFrontend Development
Mohammad Sarabim-sarabi.hashnode.dev·Aug 22, 2024How to Switch Your Website to Dark Mode Using CSS and JavaScriptIntroduction Dark mode is a display setting that uses a dark background with light text and elements. It has gained popularity because it looks good and offers several practical benefits. The benefits of dark mode include: Reduced Eye Strain: Dark m...Discuss·11 likesdark mode
Abhijit Zendeabhijitzende.hashnode.dev·Aug 16, 2024Add Dark Mode to Your Website with One Line of Code—Yes, Seriously😲The Magic Begins: Let’s cut to the chase. You don’t want to spend hours tinkering with CSS variables and JavaScript to get a decent dark mode. You just want a button that switches your website to dark mode with minimal effort. And that’s where Night...Discuss·1 like·63 readswebsite
Victor Onoja Odohvictoronoja.hashnode.dev·Aug 15, 2024Easy and quick way to add dark mode to a flutter appHello there! Thanks for choosing this article to help you add dark mode to your flutter app. arigato gozaimasu! I wrote this article to help out a colleague who needed this done and I hope it helps others as well! Steps to add dark mode to your flutt...DiscussFlutter
Akash Moradiyaakash3444.hashnode.dev·Jul 6, 2024How I'm Building Hashnode Hub: A Hashnode CloneCreating a robust and feature-rich blogging and community platform is an ambitious yet rewarding project. In this blog, I'll walk you through the process of building Hashnode Hub, a clone of the popular platform Hashnode. This project showcases the i...Discuss·1 likeReact
CODEWITHG.COMguillaumeduhan.hashnode.dev·Jun 30, 2024I built a custom Dark Mode for React + TailwindcssI recently wrote an article on creating dark mode in Next.js. Today, I'm sharing an even quicker method in React. Step 1: Install TailwindCSS and Lucide-React Install TailwindCSS and lucide-react: npm install tailwindcss lucide-react # or yarn add ta...Discuss·53 readsdark mode
akash javaliblog.akashjavali.com·Jun 28, 2024Implementing Dark Mode in Your Web ApplicationDark mode has become a popular feature in modern web applications. It provides a sleek and stylish look while reducing eye strain, especially in low-light conditions. In this blog post, I will share my experience of implementing dark mode in a recent...Discuss·1 like·51 readsWeb Development
