title: Vuetify - How to set background color
body: <p>I am using Vuetify with the Light theme. By default this sets the background of the main content to a light grey. I need it to be white.</p>
  
  <p>I'd like to override this by modifying the stylus variables, but I can't seem to figure out which variable sets the background color. </p>
  
  <p>I followed all the steps in the <a href="https://vuetifyjs.com/en/style/theme" rel="noreferrer">docs</a>, and I can change the font throughout the app by setting <code>$body-font-family = 'Open Sans'</code> in my main.styl file (so I know I have the webpack build set up correctly)</p>
  
  <p>I have tried <code>$body-bg-light = '#fff'</code> in my main.styl, but that doesn't seem to change anything at all. If I set <code>$material-light.background = '#fff'</code> I get an error.</p>