body {
  background-color: #f9f9f9;
  color: #333;
}

input[type=range]::-webkit-slider-runnable-track {
  background: linear-gradient(to right,
    #ffa500 0%, #ffa500 var(--val, 0%),
    #ccc var(--val, 0%), #ccc 100%);
}
input[type=range]::-moz-range-track {
  background: linear-gradient(to right,
    #ffa500 0%, #ffa500 var(--val, 0%),
    #ccc var(--val, 0%), #ccc 100%);
}

input[type=range]::-webkit-slider-thumb,
input[type=range]::-moz-range-thumb {
  border: 2px solid #333;
  background: #fff;
}
/* bestaand light thema ... */
body.theme-light{
  --chart-label-color: #fff;
  --chart-bar-lpg: #43a047;
  --chart-bar-cng: #1e88e5;
  --chart-grid: rgba(0,0,0,.12);
  --chart-tick: rgba(0,0,0,.75);
}