How do I change the background CSS

Anvil Q&A
1

Hi,

I’ve been trying to change the background CSS as seen through colour scheme. But I’ve only managed to change some components.

Here is the code I’ve used:
Native Library

<script>
  function setThemeCss(css) {
    // Put the specified CSS into a <style> tag at the very end of <head>.
    $("#custom-theme-css").remove();
    $("<style id='custom-theme-css'></style>").text(css).appendTo($("head"))
  }
</script>

Inside the program

from .. import colour_changer
colour_changer.set_theme({'Primary 500': '#4CAF50',
                             'Primary 700': '#388E3C',
                             'Secondary 500': '#FF9800',
                             'Secondary 700': '#F57C00'})

image
image1394×875 49.5 KB

What values would I have to set in the set_theme function to edit the background and other components.

2

For more context here is the project clone
https://anvil.works/classic-build#clone:GN3ZNL6KRQRG3SGD=IIL2W7Q6VCMCUELVCUX767XG

3

You might find this handy:

1 Like
4

Worked very well, thank you.