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

Navigator color filling when selected

Hello,

 

I use a .JSON theme for a report and I want to change the fill color from yellow to blue when selected. I use the below for the theme file. However, when I change values in the fill-section, it is only the transparency that I can change. The color stays yellow. Can someone see what I'm missing? Thanks in advance!

 

lisaufm_0-1685610998524.png

 

 

  "pageNavigator": {
    "*": {
            "border": [{
                  "show": false
             }],
             "title": [{
                    "show": false
             }],
             "visualHeader": [{
                     "show": false
             }],
             "outline": [{
                       "show": true
    },{
         "$id": "default",
         "transparency": 0,
         "lineColor": {"solid":{"color":"#FFFFFF"}},
         "weight": 2
   },{
         "$id": "hover",
         "transparency": 0,
         "lineColor": {"solid":{"color":"#FFFFFF"}},
         "weight": 2
   },{
         "$id": "press",
         "transparency": 0,
         "lineColor": {"solid":{"color":"#FFFFFF"}},
         "weight": 2
   },{
         "$id": "selected",
         "transparency": 0,
         "lineColor": {"solid":{"color":"#FFFFFF"}},
         "weight": 2
},{
         "$id": "disabled",
         "transparency": 0,
         "lineColor": {"solid":{"color":"#FFFFFF"}},
         "weight": 1
   }],
     "fill": [{
              "show": true
    },{
        "$id": "default",
        "transparency": 0,
        "fillColor": {"solid":{"color":"#FFFFFF"}}
},{
        "$id": "hover",
        "transparency": 0,
        "fillColor": {"solid":{"color":"#FFFFFF"}}
},{
       "$id": "press",
       "transparency": 0,
       "fillColor": {"solid":{"color":"#FFFFFF"}}
},{
     "$id": "selected",
     "transparency": 0,
     "fillColor": {"solid":{"color":"#7e96a8"}}
},{
    "$id": "disabled",
    "transparency": 0,
    "fillColor": {"solid":{"color":"#FFFFFF"}}
}],
     "text": [{
              "show": true
       },{
            "$id": "default",
            "fontFamily": "Arial",
            "fontSize": 9,
            "fontColor": {"solid":{"color":"#FFFFFF"}},
            "horizontalAlignment": "center",
            "verticalAlignment": "middle"
},{
              "$id": "hover",
              "fontSize": 9,
              "fontColor": {"solid":{"color":"#FFFFFF"}},
              "fontFamily": "Arial"
},{
          "$id": "press",
          "fontSize": 9,
          "fontColor": {"solid":{"color":"#FFFFFF"}},
          "fontFamily": "Arial"
},{
          "$id": "selected",
          "fontSize": 10,
          "fontColor": {"solid":{"color":"#FFFFFF"}},
          "fontFamily": "Arial"
},{
        "$id": "disabled",
        "fontSize": 9,
        "fontColor": {"solid":{"color":"#FFFFFF"}},
        "fontFamily": "Arial"
}],
         "pages" :[{
                      "showHiddenPages": false,
                      "showTooltipPages": false
          }]
}
}
1 REPLY 1
Anonymous
Not applicable

HI @lisaufm,

What version of the power bi desktop are you worked on? Any other global properties that you applied in the file? Can you please share the Json theme file to test? They should help us clarify your scenario and test to troubleshoot.

How to Get Your Question Answered Quickly  

Regards,

Xiaoxin Sheng

Helpful resources

Announcements
August Power BI Update Carousel

Power BI Monthly Update - August 2025

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

August 2025 community update carousel

Fabric Community Update - August 2025

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