// body[class*=".dark"] {
//   background-color: $dark0_hard;
// }
// body[class*=".light"] {
//   background-color: $light0_hard;
// }
//

// webkit custom scrollbars for dark background (... mostly for horizontal on smaller screens)
[class*=".dark"]::-webkit-scrollbar-track,
[class*=".dark"] ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(black,0.3);
  border-radius: 2px;
  background-color: $dark0_hard;
}
[class*=".dark"]::-webkit-scrollbar,
[class*=".dark"] ::-webkit-scrollbar {
  width: .75em;
  height: .75em;
  background-color: $dark0_hard;
}
[class*=".dark"]::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb,
[class*=".dark"] ::-webkit-scrollbar-thumb {
  border-radius: 2px;
  box-shadow: inset 0 0 6px rgba(black,.3);
  background-color: $dark0_soft;
}
[class*=".dark"]::-webkit-scrollbar-thumb:window-inactive,,
[class*=".dark"] ::-webkit-scrollbar-thumb:window-inactive {
  background-color: $dark0_hard;
}