Scrollbar: big chonker

::-webkit-scrollbar
{
  background-color: #88888822;
}

::-webkit-scrollbar-thumb
{
  border-radius: 100px;
  background-color: #99999944;
  border: 1px solid #77777766;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #99999966;
}

::-webkit-scrollbar:vertical {
  width: 24px !important;
  border-inline-start: 1px solid #77777733;
}

::-webkit-scrollbar:horizontal {
  height: 24px;
  border-block-start: 1px solid #77777733;
}

::-webkit-scrollbar-corner {
  background-color: #66666633;
}

* {
  scrollbar-width: auto !important;
}

MBP version

Optimized for dark mode.

body::-webkit-scrollbar-track
{
	background-color: #555;
}

body::-webkit-scrollbar
{
	width: 24px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
    border-radius: 100px;
	background-color: #999;
}

body::-webkit-scrollbar-thumb:hover {
    background-color: #bbb;
}

date: Thursday, November 10, 2022
time: 11:52 PM
tagged: #dev #code #reference
published: https://blakewatson.com/notes/4fd87f0a