Scrollbar

erbosha

` ::-webkit-scrollbar {
width: 12px;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 0px;
border-radius: 0px;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background: #359BED;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
background: #359BED;
} `
After that we get a minimalistic scrollbar.
You can change the color as you like.

Attention! Works only for browsers on the engine WebKit - Google Chrome, Safari, etc.

masihdindar

Good, I want to share my forum's scrollbar CSS code too for those who may interest.

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #343333b5 #ffffff00;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 6px;height: 6px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff00;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #343333b5 ;
    border-radius: 40px;
    border: none;
  }

Screen shot:

dragsugur

well if you use below, color of scrollbar would be same with your theme color:

::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
}

14569

Not compatible with iOS/iPadOS!