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

Next up in the FabCon + SQLCon recap series: The roadmap for Microsoft SQL and Maximizing Developer experiences in Fabric. All sessions are available on-demand after the live show. Register now

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
New to Fabric survey Carousel

New to Fabric Survey

If you have recently started exploring Fabric, we'd love to hear how it's going. Your feedback can help with product improvements.

Power BI DataViz World Championships carousel

Power BI DataViz World Championships - June 2026

A new Power BI DataViz World Championship is coming this June! Don't miss out on submitting your entry.

Join our Fabric User Panel

Join our Fabric User Panel

Share feedback directly with Fabric product managers, participate in targeted research studies and influence the Fabric roadmap.

March Power BI Update Carousel

Power BI Community Update - March 2026

Check out the March 2026 Power BI update to learn about new features.