Custom Themes: Sheet Background

[ankit777]

Hi All

I am trying to create a custom theme by creating my own json theme. Can we change sheet background color using this?

Please help!

Thanks

[lewisjackson_eq]

in your css file, add the following:

.qv-client.qv-card #qv-stage-container .qvt-sheet {

  background-color: #F2F2F2;

  color: #595959;

}

Change the colors as you want.

[ankit777]

Thanks for the response Lewis. How can I call this css in my code?

I have put the below piece of code in JSON script and saved css as theme.css. But it does not work.

"customStyles": [ { "cssRef": "theme.css", "classRef": "my-theme" } ]

[ErikWetterberg · Accepted solution]

Hi,

What happens? Any errors in the console? Does it load your css file?

Possibly a simplified css rule would work (and note the dot before the css class name):

.qvt-sheet {

  background-color: #F2F2F2;

  color: #595959;

}

Hope this helps (and please let us know if it does..)

Erik Wetterberg

[ankit777]

This works perfect. Thank you!!

[ankit777]

Do you have any link or documentation that will help me explore more properties in the CSS file? It will be really helpful.

[ErikWetterberg]

Glad it helped!

Probably the problem with the original CSS rule was the 'qv-card' class. It belongs to the 'Focused' theme and will be added if you used that theme.

Erik Wetterberg