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

    List item override css variables not working

    Framework
    4
    9
    2862
    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.
    • R
      rashidnk last edited by

      I have a list data , there i use <q-list-item, ok now i want to change its label color as below

      //app.variables.styl

      $item-primary-secondary-color =red
      $item-content-label-color =blue
      $item-label-color=green

      i tried to copy the same into material variables files also

      but it does not change the list item color

      1 Reply Last reply Reply Quote 0
      • M
        Max last edited by

        @rashidnk please have a look here first: http://beta.quasar-framework.org/guide/quasar-theming.html

        looks like you are missing imports/uncommenting etc…???

        R 1 Reply Last reply Reply Quote 1
        • R
          rashidnk @Max last edited by

          @Max, my version Quasar CLI v0.6.2
          App running on Quasar v0.13.10

          1 Reply Last reply Reply Quote 0
          • M
            Max last edited by

            @rashidnk i highly recommend updating to latest 14 beta version of quasar first!

            1 Reply Last reply Reply Quote 0
            • a47ae
              a47ae last edited by

              @rashidnk Please have a look here at point 2 - http://beta.quasar-framework.org/guide/quasar-theming.html#Build
              As @Max told you, check if you import the css from dist or from your local theme. Note this paragraph in the docs:

              If you want to override Quasar variables, comment the second line containing .css and uncomment the first one ending with .styl. The build speed will be slower. DO NOT leave both lines uncommented.

              R 1 Reply Last reply Reply Quote 0
              • R
                rashidnk @a47ae last edited by

                @a47ae i uncommented this already require(’./themes/app.’ + __THEME + ‘.styl’) in main.js

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

                  @rashidnk I have the feeling you are looking at v0.14 docs and trying to apply that to v0.13, which will not work. Check the non-beta doc for the Stylus variables available.

                  R 1 Reply Last reply Reply Quote 0
                  • R
                    rashidnk @rstoenescu last edited by

                    @rstoenescu im refering the same v0.13 doc, but my custom fonts working, this is not working

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

                      Please confirm that besides uncommenting the require(’./themes/app.’ + __THEME + ‘.styl’) you’ve also commented the other line importing Quasar CSS.

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