--- title: "#lightmode articles | Hashnode" description: "Explore 7 articles tagged #lightmode on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/lightmode" --- Tag # #lightmode 7 posts 路 0 followers [Uplatz](https://hashnode.com/@uplatz-training) 路 [Oct 9, 2025](https://hashnode.com/posts/ai-models-explained-gradient-boosting-xgboost-lightgbm-catboost/68e82274bc806128ff40dcd0) ### [馃彿 AI Models Explained: Gradient Boosting (XGBoost, LightGBM, CatBoost)](https://uplatz.hashnode.dev/ai-models-explained-gradient-boosting-xgboost-lightgbm-catboost?utm_source=hashnode&utm_medium=feed) How Gradient Boosting learns from errors to create powerful, accurate, and efficient AI models. 2 min read 路 [uplatz.hashnode.dev](https://uplatz.hashnode.dev/ai-models-explained-gradient-boosting-xgboost-lightgbm-catboost?utm_source=hashnode&utm_medium=feed) [Cynthia Emerenini](https://hashnode.com/@emereninicynthia) 路 [Jul 9, 2025](https://hashnode.com/posts/the-easiest-way-to-add-dark-mode-in-react-using-tailwindcss/686e2c913ae9b1a88ecc93bc) ### [The Easiest Way to Add Dark Mode in React using TailwindCSS](https://techtraversex.hashnode.dev/the-easiest-way-to-add-dark-mode-in-react-using-tailwindcss?utm_source=hashnode&utm_medium=feed) Looking for the easiest way to add dark mode to your React project? This article simplifies TailwindCSS integration, helping you achieve a professional dark 5 min read 路 [techtraversex.hashnode.dev](https://techtraversex.hashnode.dev/the-easiest-way-to-add-dark-mode-in-react-using-tailwindcss?utm_source=hashnode&utm_medium=feed) [Khan Hasan Raza](https://hashnode.com/@hasanraza) 路 [Dec 24, 2024](https://hashnode.com/posts/build-a-dark-mode-switch-in-react-native/676a8160cbff4a3e813ad5c2) ### [Build a Dark Mode Switch in React Native 馃殌](https://hasanraza.hashnode.dev/build-a-dark-mode-switch-in-react-native?utm_source=hashnode&utm_medium=feed) Have you seen apps with a dark mode? It makes the screen darker, which is great for your eyes at night. This code creates a simple app where you can switch between light mode (white background) and dark mode (black background). import React, {useStat... 1 min read 路 [hasanraza.hashnode.dev](https://hasanraza.hashnode.dev/build-a-dark-mode-switch-in-react-native?utm_source=hashnode&utm_medium=feed) [Shikhar Shukla](https://hashnode.com/@shikhar999) 路 [Apr 30, 2024](https://hashnode.com/posts/implementing-dark-and-light-mode-in-angular-a-beginners-guide/6630e4c3fef6b240d8abb0d9) ### [Implementing Dark and Light Mode in Angular: A Beginner's Guide](https://shikhar99.hashnode.dev/implementing-dark-and-light-mode-in-angular-a-beginners-guide?utm_source=hashnode&utm_medium=feed) In today's digital era, providing users with a choice of interface themes has become a standard practice for enhancing user experience. Dark mode, in particular, has gained popularity due to its aesthetic appeal and potential benefits such as reduced... 2 min read 路 [shikhar99.hashnode.dev](https://shikhar99.hashnode.dev/implementing-dark-and-light-mode-in-angular-a-beginners-guide?utm_source=hashnode&utm_medium=feed) [Mainak Mukherjee](https://hashnode.com/@mainakkaniam) 路 [Apr 27, 2024](https://hashnode.com/posts/implementing-light-and-dark-mode-in-multi-page-nextjs-app-using-tailwindcss/662d295b513665c3182dbba2) ### [Implementing Light and Dark Mode in Multi-Page NextJS App using TailwindCSS](https://mainakkaniam.hashnode.dev/implementing-light-and-dark-mode-in-multi-page-nextjs-app-using-tailwindcss?utm_source=hashnode&utm_medium=feed) Learn how to implement light and dark mode in a multi-page NextJS app using TailwindCSS efficiently 15 min read 路 [mainakkaniam.hashnode.dev](https://mainakkaniam.hashnode.dev/implementing-light-and-dark-mode-in-multi-page-nextjs-app-using-tailwindcss?utm_source=hashnode&utm_medium=feed) [Annie Seaward](https://hashnode.com/@annieseaward) 路 [Mar 16, 2024](https://hashnode.com/posts/simulate-dark-mode-in-chrome/65f5ec9717cc29e2ecd35376) ### [How to Simulate Light and Dark Mode with Chrome Dev Tools](https://annie-codes.com/simulate-dark-mode-in-chrome?utm_source=hashnode&utm_medium=feed) If 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... 1 min read 路 [annie-codes.com](https://annie-codes.com/simulate-dark-mode-in-chrome?utm_source=hashnode&utm_medium=feed) [amschel馃](https://hashnode.com/@amschell) 路 [Aug 22, 2022](https://hashnode.com/posts/create-darklight-theme-toggle-react-and-mui/63033f6314c73b2c3b91536a) ### [Create Dark/Light Theme Toggle: React and MUI](https://techlia.hashnode.dev/create-darklight-theme-toggle-react-and-mui?utm_source=hashnode&utm_medium=feed) This article will show you how to add a dark/light mode to your website so that users can choose what works best for them. 2 min read 路 [techlia.hashnode.dev](https://techlia.hashnode.dev/create-darklight-theme-toggle-react-and-mui?utm_source=hashnode&utm_medium=feed)