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

    Best practice for CSS customization ?

    Help
    2
    2
    1419
    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.
    • arnaud
      arnaud last edited by

      Hi,

      I would like to know the recommended way for customizing the CSS of Quasar components ? This is mostly to fill the gaps of components that do not currently leverage the theme colors (such as list items or drawer content, IIRC) but it is also useful in general.

      Thanks,

      –Arnaud.

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

        Best practice would to:

        1. Enable custom theme (take a look at top of /src/main.js, then
        2. Search for Stylus variables regarding what you want to tweak (http://quasar-framework.org/api/css-stylus-variables.html), example: search for “list” or “item”
        3. And if no Stylus variables are available, then override with CSS of your own.

        If you find that some of Quasar’s CSS needs to be parameterized with Stylus variables, open a github ticket or the best option is to make a PR to speed things up.

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