Deskmodder.de

Verfasst: **26.06.2021, 09:37**

Damit ich die Scrollbar auch auf den internen Vivaldi-Seiten einfärben kann, verwende ich die von @gwen-dragon entwickelte .css-Modifikation "Whole Scrollbar":

26-06-2021 09_18_11-Window-stgru.jpg

26-06-2021 09_18_48-Window-stgru.jpg

Aber leider wird die Scrollbar bei Vivaldi Mail nicht eingefärbt:

26-06-2021 08_46_26-Window-stgru.jpg

Wie kann man auch diese Scrollbar einfärben?

Code: Alles auswählen

/* Whole scrollbar - made by gwen dragon  on the Vivaldi Forums */

::-webkit-scrollbar {
  width: 8px /*8*/ !important;
  height: 8px /*8*/ !important;
} /*
body::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
} 
*/
::-webkit-scrollbar-button {
  width: 0px !important;
  height: 0px !important;
}

/* Moving part */
::-webkit-scrollbar-thumb {
  background: #2e5b02 !important;
  /* background-color:#628004 !important; */
  border: 1px inset #2e5b02 !important;
  border-radius: 0px !important;
}
::-webkit-scrollbar-thumb:hover {
  background: #2e5b02 !important;
}
::-webkit-scrollbar-thumb:active {
  background: #2e5b02 !important; /* On click */
}

/* Scrollbar background */
::-webkit-scrollbar-track {
  background: #628004 !important;
  border: 0px none #2e5b02 !important;
  border-radius: 0px;
}

body::-webkit-scrollbar-track {
  background: #2e5b02 !important;
  border: 0px none #2e5b02 !important;
  border-radius: 0px;
}

/*
::-webkit-scrollbar-track:hover {
  background: #2e5b02;
}

body::-webkit-scrollbar-track:hover {
  background: #2e5b02;
}

::-webkit-scrollbar-track:active {
  background: #2e5b02;
}

body::-webkit-scrollbar-track:active {
  background: #2e5b02;
}
*/

::-webkit-scrollbar-corner {
  background: #2e5b02 !important;
}
::-webkit-scrollbar-resizer {
  background: #2e5b02 !important;
}

Deskmodder.de

"whole Scrollbar" auch für Vivaldi Mail

"whole Scrollbar" auch für Vivaldi Mail