List item override css variables not working

rashidnk

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

Max

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

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

rashidnk

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

Max

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

a47ae

@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.

rashidnk

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

rstoenescu

@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.

rashidnk

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

rstoenescu

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