Forum Discussion

gaccardo's avatar
gaccardo
Advocate II
8 years ago
Solved

Theme setting for card background

I understand from other posts that setting the page background with a theme .json file is not supported.  However, it does appear that the background for card elements is supported.  When I use the ...
Need Help
  • gaccardo's avatar
    gaccardo
    8 years ago

    The July 2018 release provides support for background colors.  The snippet below has a dark grey background with a lighter grey area surrounding it.  Enjoy.

     

        "*": {
      "*": {
        "*": [{
            "fontSize": 8,
            "fontFamily": "Arial",
            "titleFontFamily": "Arial",
            "color": {
              "solid": {
                "color": "#77777"
              }
            }
          }
        ]
      }
    },

    "page": {
      "*": {
        "background": [{
            "color": {
              "solid": {
                "color": "#333333"
              }
            },
            "transparency": 0
          }
        ],
        "outspace": [{
            "color": {
              "solid": {
                "color": "#444444"
              }
            },
            "transparency": 0
          }
        ]
      }
    },

     

     

  • gaccardo's avatar
    gaccardo
    Advocate II
    8 years ago

    The option is enabled.  The other settings for cards seem to work, but background colors seem to be 

    ignored for pretty much visualization I've tried.  I asked about cards specifically, because the Theme Generator

    supports it, and it is documented.  Most of the other documented elements I've tried work as expected.

     

    • lena_hee's avatar
      lena_hee
      New Member
      8 years ago

      Hi, gaccardo

       

      I have a same problem. Did you solve it?

      It changed everything but only background does'n work.

       

      • gaccardo's avatar
        gaccardo
        Advocate II
        8 years ago

        The July 2018 release provides support for background colors.  The snippet below has a dark grey background with a lighter grey area surrounding it.  Enjoy.

         

            "*": {
      "*": {
        "*": [{
            "fontSize": 8,
            "fontFamily": "Arial",
            "titleFontFamily": "Arial",
            "color": {
              "solid": {
                "color": "#77777"
              }
            }
          }
        ]
      }
    },

    "page": {
      "*": {
        "background": [{
            "color": {
              "solid": {
                "color": "#333333"
              }
            },
            "transparency": 0
          }
        ],
        "outspace": [{
            "color": {
              "solid": {
                "color": "#444444"
              }
            },
            "transparency": 0
          }
        ]
      }
    },