Source: www.amitmerchant.com

Dark-mode aware scrollbars using CSS
I have created a little web app called https://notepad.js.org/ which is also a progressive web app (PWA). It’s a minimal notepad app where you can quickly jot down stuff that gets saved in the browser’s https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage. Now, the app also comes with a dark mode which can be toggled right from the header. Here’s what the app looked like in the dark mode.

That is because when the dark mode is toggled, we are not tinkering around with the default scrollbar color (i.e white).
Newsletter

Get the latest Laravel/PHP jobs, events and curated articles straight to your inbox, once a week

Fathom Analytics | Fast, simple and privacy-focused website analytics. Fathom Analytics | Fast, simple and privacy-focused website analytics.
Achieve superior email deliverability with ToastMail! Our AI-driven tool warms up inboxes, monitors reputation, and ensures emails reach their intended destination. Sign up today for a spam-free future. Achieve superior email deliverability with ToastMail! Our AI-driven tool warms up inboxes, monitors reputation, and ensures emails reach their intended destination. Sign up today for a spam-free future.
Community Partners