q-toggle thumb too faint in light mode, unable to style

[henrychoy]

The thumb part of the q-toggle is too faint in light mode. I can't seem to change the color of the round thumb part? Below is the closest I got but it only changes the color behind the thumb. Can anyone share the right css to do this?

<q-toggle
  v-model="value"
  class="custom-toggle"
/>

<style scoped>
::v-deep(.custom-toggle .q-toggle__thumb) {
  background-color: red !important;
}
</style>