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
Sebi_m_g
New Member

Custom theme in json not working

Hello everyone!

I am currently trying to create a custom theme for some Power BI dashboards using a JSON file. However, I am encountering an issue where the matrix visual does not reflect the changes I specified in the JSON file. The table visual updates correctly, but the matrix visual does not seem to apply the customizations.

Has anyone faced a similar issue or can provide guidance on how to resolve this? Any help would be greatly appreciated!

Thanks!


This is the json file

{
  "name": "Test",
  "dataColors": [
    "#03FDB4",
    "#0252F1",
    "#273245",
    "#AFC0D1",
    "#4F19FF",
    "#00C438",
    "#FF3918",
    "#FE6507",
    "#FFDC0B"
  ],
  "background": "#FFFFFF",
  "foreground": "#333333",
  "tableAccent": "#D0D0D0",
  "textClasses": {
    "callout": {
      "fontSize": 12,
      "fontFace": "Segoe UI",
      "color": "#000000"
    }
  },
  "visualStyles": {
    "tableEx": {
      "*": {
        "general": [
          {
            "rowPadding": 3
          }
        ],
        "columnHeaders": [
          {
            "fontSize": 10,
            "fontColor": { "solid": { "color": "#FFFFFF" } },
            "backColor": { "solid": { "color": "#0E1D3E" } }
          }
        ],
        "rowHeaders": [
          {
            "fontSize": 9,
            "fontColor": { "solid": { "color": "#FFFFFF" } },
            "backColor": { "solid": { "color": "#0E1D3E" } }
          }
        ],
        "values": [
          {
            "fontSize": 10
          }
        ],
        "totals": [
          {
            "fontSize": 10,
            "fontColor": { "solid": { "color": "#D0D0D0" } },
            "backColor": { "solid": { "color": "#000000" } }
          }
        ],
        "grid": [
          {
            "horizontal": {
              "show": true,
              "color": { "solid": { "color": "#4F19FF" } },
              "thickness": 1
            },
            "vertical": {
              "show": true,
              "color": { "solid": { "color": "#4F19FF" } },
              "thickness": 1
            }
          }
        ],
        "title": [
          {
            "fontSize": 16,
            "color": { "solid": { "color": "#333333" } },
            "fontFamily": "Segoe UI"
          }
        ],
        "subtitle": [
          {
            "fontSize": 11,
            "color": { "solid": { "color": "#333333" } },
            "fontFamily": "Segoe UI"
          }
        ],
        "stylePresets": [
          {
            "borderRoundness": "Round",
            "styleType": "Sparse"
          }
        ]
      }
    },
    "matrixVisual": {
      "*": {
        "general": [
          {
            "rowPadding": 3
          }
        ],
        "columnHeaders": [
          {
            "fontSize": 10,
            "fontColor": { "solid": { "color": "#FFFFFF" } },
            "backColor": { "solid": { "color": "#0E1D3E" } }
          }
        ],
        "rowHeaders": [
          {
            "fontSize": 9,
            "fontColor": { "solid": { "color": "#FFFFFF" } },
            "backColor": { "solid": { "color": "#0E1D3E" } }
          }
        ],
        "values": [
          {
            "fontSize": 10
          }
        ],
        "totals": [
          {
            "fontSize": 10,
            "fontColor": { "solid": { "color": "#D0D0D0" } },
            "backColor": { "solid": { "color": "#000000" } }
          }
        ],
        "grid": [
          {
            "horizontal": {
              "show": true,
              "color": { "solid": { "color": "#4F19FF" } },
              "thickness": 1
            },
            "vertical": {
              "show": true,
              "color": { "solid": { "color": "#4F19FF" } },
              "thickness": 1
            }
          }
        ],
        "title": [
          {
            "fontSize": 16,
            "color": { "solid": { "color": "#333333" } },
            "fontFamily": "Segoe UI"
          }
        ],
        "subtitle": [
          {
            "fontSize": 11,
            "color": { "solid": { "color": "#333333" } },
            "fontFamily": "Segoe UI"
          }
        ],
        "stylePresets": [
          {
            "borderRoundness": "Round",
            "styleType": "Sparse"
          }
        ]
      }
    }
  }
}
0 REPLIES 0

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.

Top Solution Authors