No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Make text readable with light background

    Help
    2
    2
    159
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Q
      qcfe last edited by qcfe

      Hi everyone, I’m rather new to Quasar and the forum.
      I setup Quasar v1 using vue-cli and it works like a charm.
      Just today I decided it was time to give my webapp a proper theme and so I opened the theme builder…
      I chose the colors I needed and exported the configuration.
      The issue is, my primary color is rather light so the text needs to dark in order to be read. But as for the theme builder, it seemed to decide text color on its own so I wasn’t worried. Though, on my webapp text is still white, on a light background, when dealing with primary color, while on the theme builder it shows up as dark, as it should be…
      What can I do?
      (I haven’t wrote a single line of css on my own to use all the potentialities provided by Quasar and avoid incompatibilities…)
      Thanks in advance!

      1 Reply Last reply Reply Quote 0
      • rstoenescu
        rstoenescu Admin last edited by

        Hi,

        Components have either color props or the “dark” prop. Use them. 🙂

        1 Reply Last reply Reply Quote 0
        • First post
          Last post