Vue-material: Theme issue (version 0.5.1) - Grey as background doesn't work

Created on 19 Dec 2016 · 3Comments · Source: vuematerial/vue-material

Registering a theme with the background as 'grey' doesn't appear to have any effect.
Looking at the CSS the body is still set as #fff.

Tried other colors and they have the desired effect, is it possible that there's an issue specifically connected to the color grey?

improvement

Source

bjarnik

Most helpful comment

with A100 as default

Can I set the hue as I wish? I tried writing code like

Vue.material.registerTheme({
  default: {
    background: {
      color: 'grey',
      hue: 300
     }
  }
});

but I failed to set the background to #E0E0E0(gery with hue=300). It seems the hue is fixed to 'A100' and what I set to background.hue doesn't affect it

huhk-sysu on 19 Dec 2016

👍2

All 3 comments

Hi @bjarnik
No. The default is grey, with A100 as default. I will change this to be white as the default.
Thanks!

marcosmoura on 19 Dec 2016

👍1

with A100 as default

Can I set the hue as I wish? I tried writing code like

Vue.material.registerTheme({
  default: {
    background: {
      color: 'grey',
      hue: 300
     }
  }
});

but I failed to set the background to #E0E0E0(gery with hue=300). It seems the hue is fixed to 'A100' and what I set to background.hue doesn't affect it

huhk-sysu on 19 Dec 2016

👍2

Hi, i came across the same issue when trying to setup a "dark" theme. Seems like all backgrounds appear in a very light hue of selected color and setting 'hue' does not change anything.