How to make dark scrollbar in custom dark theme

Updated: 30th January 2023
Tags: css

If you have toggle dark theme, you can make scrollbars and inputs also dark.

For example you have dark theme with following markup

<body data-theme="dark">

Add this css to make scrollbars and inputs dark

[data-theme=dark] {color-scheme: dark;}

How to shrink font-awesome to use only few icons

Updated: 29th January 2023
Tags: css fontawesome

Always add html {overflow-y: scroll}, to prevent layout shift (CLS)

Updated: 25th December 2022
Tags: css html

How to create toasts using bootstrap 5

Updated: 6th December 2022
Tags: javascript bootstrap5 css