search

quasarframework / quasar

Quasar Framework - Build high-performance VueJS user interfaces in record time
https://quasar.dev
MIT License
25.52k stars 3.45k forks source link

Dark Label in Toggle #5227

Closed Nisgrak closed 4 years ago

Nisgrak commented 4 years ago

Describe the bug With the prop dark in toggle the label still being black

Codepen/jsFiddle/Codesandbox (required) https://codepen.io/Indiegame/pen/mddbZvL

To Reproduce Steps to reproduce the behavior:

  1. Make a dark background
  2. Create a toggle with the dark attribute and a label

Expected behavior The label use white or grey color for label text

rstoenescu commented 4 years ago

Hi,

The label inherits the color of the page for consistency. The dark prop for QToggle refers to the design of the control itself. Apply a "text-white" css class on it or one of the containers.