Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Enhance your career with this limited time 50% discount on Fabric and Power BI exams. Ends August 31st. Request your voucher.

Reply
sperry
Resolver I
Resolver I

Json Theme Error Since new update

Hello forum! Since the feb update the embedded Json theme file is returning the same error for each visual:

#/visualStyles/barChart/*/title/0/background must be object (type; matching schema #/oneOf/0/type)
#/visualStyles/barChart/*/title/0/background must be object (type; matching schema #/oneOf/1/type)
#/visualStyles/barChart/*/title/0/background must be object (type; matching schema #/oneOf/2/type)
#/visualStyles/barChart/*/title/0/background must match exactly one schema in oneOf (oneOf; matching schema #/oneOf)

Can anyone help me correct the code??

 

{

  "name": "TuiOraPower BI BeigeTheme",
  "dataColors": [
    "#73361C",
    "#F5C4AF",
    "#000000",
    "#FFFFFF",
    "#DDDDDD",
    "#48b5e5",
    "#FEF5F1"
  ],
  "background": "#FEF5F1",
  "foreground": "#F5C4AF",
  "tableAccent": "#48b5e5",
  "visualStyles": {
    "*": {
      "*": {
        "*": [
          {
            "responsive": true,
            "wordWrap": true,
            "fontFamily": "Calibri",
            "color": "#73361C"
          }
        ],
        "labels": [ { "labelOrientation": "horizontal" } ],
        "categoryAxis": [ { "showAxisTitle": false } ],
        "valueAxis": [ { "showAxisTitle": false } ],
        "background": [
          {
            "show": false,
            "color": { "solid": { "color": "#DDDDDD" } },
            "transparency": 100
          }
        ]
      }
    },
    "textbox": {
      "*": {
        "*": [
          {
            
            "fontFamily": "Calibri",
            "wordWrap": true,
            "color": { "solid": { "color": "#73361C" } }
          }
        ],
        "background": [
          {
            "show": false,
            "color": { "solid": { "color": "#DDDDDD" } },
            "transparency": 100
          }
        ],
        "visualHeader": [
          {
            "show": false
          }
        ]
      }
    },
    "scatterChart": {
      "*": {
        "fillPoint": [ { "show": true } ],
        "title": [
          {
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "background": [ { "show": false } ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "lineChart": {
      "*": {
        "legend": [ { "legendMarkerRendering": "lineAndMarker" } ],
        "lineStyles": [
          {
            "showMarker": false,
            "showSeries": true
          }
        ],
        "labels": [ { "show": true } ],
        "background": [
          {
            "show": false,
            "color": { "solid": { "color": "#DDDDDD" } },
            "transparency": 100
          }
        ],
        "dataLabels": [ { "show": true } ],
        "title": [
          {
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "border": [ { "show": false } ]
      }
    },
    "shapeMap": {
      "*": {
        "zoom": [ { "manualZoom": true } ],
        "title": [
          {
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "background": [ { "show": false } ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "barChart": {
      "*": {
        "labels": [ { "show": true } ],
        "background": [ { "show": false } ],
        "dataLabels": [ { "show": true } ],
        "categoryAxis": [ { "axisType": "Categorical" } ],
        "title": [
          {
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "slicer": {
      "*": {
        "responsive": false,
        "selection": [
          {
            "singleSelect": true,
            "selectAllCheckboxEnabled": true
          }
        ],
        "header": [ { "show": false } ],
        "title": [
          {
            "show": true,
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "background": [ { "show": false } ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "pivotTable": {
      "*": {
        "*": [
          {
            "fontSize": 9,
            "fontColor": "#73361C"
          }
        ],
        "grid": [ { "outlineColor": { "solid": { "color": "#73361C" } } } ],
        "subTotals": [ { "columnSubtotals": false } ],
        "columnHeaders": [
          {
            "wordWrap": true,
            "backColor": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "gridVerticalWeight": 3,
            "stepped": true,
            "steppedLayoutIndentation": 25,
            "urlIcon": true
          }
        ],
        "values": [
          {
            "fontColorPrimary": "#73361C",
            "backColorPrimary": "#FEF5F1",
            "fontColorSecondary": "#73361C",
            "backColorSecondary": "#FEF5F1",
            "wordWrap": true,
            "urlIcon": true
          }
        ],
        "rowHeaders": [
          {
            "wordWrap": true,
            "backColor": "#FEF5F1",
            "gridVerticalWeight": 3,
            "stepped": true,
            "steppedLayoutIndentation": 25,
            "urlIcon": true
          }
        ],
        "background": [ { "show": false } ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "kpi": {
      "*": {
        "background": [ { "show": false } ],
        "status": [
          {
            "direction": "Negative",
            "goodColor": { "solid": { "color": "#73361C" } },
            "badColor": { "solid": { "color": "#F5C4AF" } },
            "neutralColor": { "solid": { "color": "#FEF5F1" } }
          }
        ]
      }
    },
    "card": {
      "*": {
        "background": [ { "show": false } ],
        "labels": [
          {
            "fontSize": 28,
            "color": { "solid": { "color": "#73361C" } }
          }
        ],
        "categoryLabels": [ { "show": false } ],
        "title": [
          {
            "show": true,
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "clusteredBarChart": {
      "*": {
        "labels": [
          {
            "show": true,
            "fontSize": 10
          }
        ],
        "categoryLabels": [ { "show": true } ],
        "background": [ { "show": false } ],
        "categoryAxis": [{"show": true,
            "labelColor": { "solid": { "color": "#73361C" } },
            "fontSize": 10,
            "fontFamily": "Calabri",
            "preferredCategoryWidth": 30,
            "maxMarginFactor": 28,
            "innerPadding": 22,
            "concatenateLabels": true,
            "showAxisTitle": true,
            "axisStyle": "showTitleOnly",
            "titleColor": { "solid": { "color": "#73361C" } },
            "titleFontSize": 12,
            "titleFontFamily": "Calabri",
           "axisType": "Categorical" } ],
        "title": [
          {
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "clusteredColumnChart": {
      "*": {
        "labels": [
          {
            "show": true,
            "fontSize": 10,
            "color": { "solid": { "color": "#73361C" } }
          }
        ],
        "categoryLabels": [ { "show": true } ],
        "background": [ { "show": false } ],
        "categoryAxis": [
          {
            "show": true,
            "labelColor": { "solid": { "color": "#73361C" } },
            "fontSize": 10,
            "fontFamily": "Calabri",
            "preferredCategoryWidth": 30,
            "maxMarginFactor": 28,
            "innerPadding": 22,
            "concatenateLabels": true,
            "showAxisTitle": true,
            "axisStyle": "showTitleOnly",
            "titleColor": { "solid": { "color": "#73361C" } },
            "titleFontSize": 12,
            "titleFontFamily": "Calabri"
          }
        ],
        "title": [
          {
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "lineStackedColumnCombo": {
      "*": {
        "labels": [ { "show": false } ],
        "background": [ { "show": false } ],
        "dataLabels": [
          {
            "show": true,
            "fontSize": 10
          }
        ],
        "title": [
          {
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "lineClusteredColumnCombo": {
      "*": {
        "labels": [ { "show": false } ],
        "background": [ { "show": false } ],
        "dataLabels": [
          {
            "show": true,
            "fontSize": 10
          }
        ],
        "title": [
          {
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "gauge": {
      "*": {
        "labels": [ { "show": false } ],
        "background": [ { "show": false } ],
        "dataLabels": [
          {
            "show": true,
            "fontSize": 10
          }
        ],
        "title": [
          {
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "hundredPercentStackedColumn": {
      "*": {
        "labels": [ { "show": false } ],
        "background": [ { "show": false } ],
        "dataLabels": [
          {
            "show": true,
            "fontSize": 10
          }
        ],
        "title": [
          {
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "hundredPercentStackedBar": {
      "*": {
        "labels": [ { "show": false } ],
        "background": [ { "show": false } ],
        "dataLabels": [
          {
            "show": true,
            "fontSize": 10
          }
        ],
        "title": [
          {
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "areaChart": {
      "*": {
        "labels": [ { "show": false } ],
        "background": [ { "show": false } ],
        "dataLabels": [
          {
            "show": true,
            "fontSize": 10
          }
        ],
        "title": [
          {
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "donutChart": {
      "*": {
        "legend": [ { "show": true } ],
        "labels": [ { "labelStyle": "Percent of total" } ],
        "background": [ { "show": false } ],
        "title": [
          {
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "pieChart": {
      "*": {
        "legend": [ { "show": true } ],
        "background": [ { "show": false } ],
        "labels": [ { "labelStyle": "Category, percent of total" } ],
        "title": [
          {
            "fontColor": { "solid": { "color": "#73361C" } },
            "background": [
              {
                "show": false,
                "color": { "solid": { "color": "#DDDDDD" } },
                "transparency": 100
              }
            ],
            "alignment": "center",
            "fontSize": 12
          }
        ],
        "border": [
          {
            "show": false,
            "color": { "solid": { "color": "#000000" } }
          }
        ]
      }
    },
    "page": {
      "*": {
        "background": [
          {
            "color": { "solid": { "color": "#FEF5F1" } }
          }
        ]
      }
    }
  },
  "textClasses": {
    "label": {
      "fontFace": "Calibri",
      "fontSize": 11
    },
    "callout": { "fontFace": "Calibri" },
    "title": { "fontFace": "Calibri" },
    "header": { "fontFace": "Calibri" }
  }
}

 

theme  

1 ACCEPTED SOLUTION
sperry
Resolver I
Resolver I

Oh my word this is awesome - thanks works a treat..

View solution in original post

4 REPLIES 4
sperry
Resolver I
Resolver I

Oh my word this is awesome - thanks works a treat..

sperry
Resolver I
Resolver I

Thanks @Rudz - The point I am trying to get to is having all visual backgrounds transparent as I want the page background to be visible. Can you give me an example code to achieve this for say one visual?

So the offending code was underneath the "title" property. This defines the background color for just the title. It's the equivalent of this setting:

Rudz_0-1678804704797.png

It doesn't support transparency or show on/off.

 

What you are talking about is the background of the visual. Instead of under "title", it will be right after the visual type, eg. "textbox", "scatterChart", "lineChart", etc. The theme already has a bunch of "background" properties there with "show": false, but you could add the color and transparency codes there too if you wanted.

Rudz_1-1678808285247.png

 

Here's the theme file without errors.

 

Rudz
Kudo Collector
Kudo Collector

The background color is set just like the fontColor:
"background": { "solid": { "color": "#DDDDDD" } },
You have other color errors besides background that need this same correction.

Helpful resources

Announcements
July 2025 community update carousel

Fabric Community Update - July 2025

Find out what's new and trending in the Fabric community.

July PBI25 Carousel

Power BI Monthly Update - July 2025

Check out the July 2025 Power BI update to learn about new features.