Tejansh Ranatejanshrana.hashnode.net·Feb 18, 2021FeaturedHow to add multiple themes to your website with CSS and JSI've been working on my portfolio website of late and wanted to add the "theme switch" where users get to select whether they want to view my website in dark mode or light mode. While working on that, I realized this can be extended to not just two, ...Catalin Pit and 2 others are discussing this3 people are discussing thisDiscuss·101 likes·1.2K readsCSS
Geeky Chakrigeeky-chakri.hashnode.net·May 27, 2021FeaturedAutomatic Dark/Light Theme Switching Based On The Environment LightingHello beautiful people ! In this article I will show you how to automatically switch to dark/light theme based on ambient light levels using Ambient Light Sensor API. What is Ambient Light Sensor API ? The Ambient Light Sensor API allows web applicat...Tapas Adhikary and 9 others are discussing this10 people are discussing thisDiscuss·98 likes·784 readsJavaScriptThanks for the amazing content Geeky Chakri! Pretty sure, this will help me a lot in my future projects! Thanks! 👏✌️ 3
gayathri perumalgayathri.hashnode.net·Oct 24, 2020Light/Dark Mode toggle in React JS using Context APIHello Dev, Now a days most of the websites have dark and light mode. In this post we will learn how to do that in your React application using the Context API. Packages: react-switch To implement the toggle switch (you can use button also) react-ic...Joshua Oyewole and 1 other are discussing this2 people are discussing thisDiscuss·70 likes·471 readsReact
Devang Tomardevangtomar.hashnode.net·Apr 14, 2023How I made the “Diverse Dye”, a theme extension for Visual studio code ☂️🎨🖌️Are you tired of the bland and uninspiring color schemes that come standard with your code editor? Do you want to add a little pizzazz to your programming environment? Well, I was in the same boat, which is why I decided to create my own VScode theme...Discusstheme
Paweł Bogutapawelboguta.hashnode.net·Apr 7, 2023How to use Theme in styled-components w/ TypescriptReact has become one of the most popular libraries for building robust applications, and styled-components is a powerful tool that enables developers to write CSS code within their React components. However, when using TypeScript with React, it can b...Discussstyled-components
Mayanna Oliveiramaosnocodigo.hashnode.net·Mar 19, 2023Customizando O Linux Mint - Parte IAcesse o site Gnome-Look para conhecer algumas customizações que podem ser feitas no Gnome. Para quem usa distro Ubuntu, Linux Mint e derivados segue uma dica para ter um ambiente customizado. O processo é muito simples basta conhecer os diretórios o...Discuss·27 readsTecnologiaLinux Mint
Nyah MacklinforSuborbital Launch Padsuborbital.hashnode.net·Feb 21, 2023The Suborbital Editor: Introducing a Light ThemeHouston, we have liftoff. One week ago, we told you we would start revamping the editor, since our current editor does not visually blend into our customer’s applications. We want to provide our customers with a more customizable editor experience t...Discuss·78 readsplugin
Ramiz Thebaramiztheba.hashnode.net·Feb 19, 2023How to Create a WordPress Plugin: A Step-by-Step GuideCreating a WordPress plugin can seem daunting, but it's quite straightforward once you know the basics. Here is a step-by-step guide to creating a simple WordPress plugin. Create a new directory for your plugin The first step is to create a new direc...Discuss·1 like·28 readsWordPress
Atharva Hingeatharvatwts.hashnode.net·Jan 29, 2023Top 5 visual studio themes you didn't know about!Let's make our coding experience fun, who doesn't like playing with different themes in VS Code and experiencing fresh visuals everytime? We do right? In this blog, I am gonna take you through 5 such themes that I bet you don't know about (don't come...Discuss·54 readsVisual Studio Code
Kenneth Godwinkennethgodwin.hashnode.net·Jan 28, 2023Bootstrap 5 DarknessOne of the first things to work on when embarking on a new web project is developing a style guide. It can be a variation of Bootstrap or something invented from whole cloth. The important thing is the fact it is usable. So this is the style guide fo...DiscussBootstrap 5
Hardik Sachanhardiksachan.hashnode.net·Dec 30, 2022Build a Light/Dark Theme Toggle with Jetpack Compose in Android: A Step-by-Step GuideOne of the features that can elevate your app is the ability to switch between light and dark themes from within the app. In this tutorial, we'll show you how to create a theme toggle in Android using Jetpack Compose. First, let's start by setting up...Discuss·1 like·168 readsAndroid
Julian Ewers-Petersewerspej.hashnode.net·Oct 21, 2022A simple way to implement Dark Mode in .NET MAUIIntro I absolutely love dark app themes. As a person working a lot in front of computer screens and using mobile devices a lot, I have come to appreciate the ease on the eyes that Dark (or Night) Modes of software and mobile apps provide. In this blo...Discuss·5 likes·2.0K reads#dotnet-maui
Sonal Maniyasonalmaniya.hashnode.net·Aug 26, 2022React Native — Application architecture with Design pattern using react-native-app-builder NPMIntroduction Do you want to know how to create react native project which is preconfigured with initial setups like authentication, theme, localization, redux, saga, and Fastlane? This blog will help you to achieve your task in few minutes as well as...Discuss·2 likes·91 readsReact Native
