"whole Scrollbar" auch für Vivaldi Mail

Antwort erstellen


Diese Frage dient dazu, das automatisierte Versenden von Formularen durch Spam-Bots zu verhindern.
Smileys
:) ;) :smile: :lol: :hihi: :D :rofl: :muahah: :( :pff: :kopfstreichel: :ohno: :betruebt: :heulen: :kopfkratz: :duckundweg: :o :? :oops: :psst: :sauer: :-P :daumenrunter: :daumen: :dankeschoen: :thx: :dafür: :gähn:
Mehr Smileys anzeigen
BBCode ist eingeschaltet
[img] ist eingeschaltet
[flash] ist ausgeschaltet
[url] ist eingeschaltet
Smileys sind eingeschaltet
Die letzten Beiträge des Themas

Ich habe die Datenschutzerklärung gelesen und bin damit einverstanden.

   

Ansicht erweitern Die letzten Beiträge des Themas: "whole Scrollbar" auch für Vivaldi Mail

"whole Scrollbar" auch für Vivaldi Mail

von greenstar » 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;
}

Nach oben