15.3 Themes

Power BI themes can be used to extend the color scheme and default figures. In order to use themes a json file must be supplied with a particular syntax. Some helpful resources for this are:

The below json is the template that can be applied in Power BI to have the Wake Forest visual identity.

{
  "name": "Wake Forest Theme",
  "dataColors": 
    ["#9E7E38", "#82231C", "#511536", "#443E67", "#375669", "#456525", 
    "#59786C", "#3D3C1D", "#625750", "#FFFDE8", "#E7DCBA", "#E5E0D9", 
    "#C1B58A", "#C2BDAD"],
  "background":"#FFFFFF",
  "foreground": "#070f25",
  "tableAccent": "#C1B58A",
       "visualStyles": {

        "*": {

            "*": {

                "title": [{

                    "show": true,

                    "fontColor": { "solid": { "color": "#FFFFFF" } },

                    "background": { "solid": { "color": "#666666" } },

                    "alignment": "center",

                    "fontSize": 13,

                    "fontFamily": "Segoe UI"

                }],

                "background": [{

                    "show": true,

                    "color": { "solid": { "color": "#FFFFFF" } },

                    "transparency": 0

                }],

                "lockAspect": [{

                    "show": true

                }],

                "border": [{

                    "show": true,

                    "color": { "solid": { "color": "#FFFFFF" } }

                }],

                "visualTooltip": [{

                    "type": "Default"

                }],

                "stylePreset": [{

                    "name": "None"

                }],
                
                "grid":[
                  {  
                     "outlineColor":{"solid":{"color":"#9E7E38"}},
                     "gridVertical":true,
                     "gridVerticalColor":{"solid":{"color":"#9E7E38"}},
                     "gridHorizontal":true,
                     "gridHorizontalColor":{"solid":{"color":"#F0F0F0"}}
                  }
               ],
                "title": [{

                    "show": true,

                    "fontColor": { "solid": { "color": "#FFFFFF" } },

                    "background": { "solid": { "color": "#666666" } },

                    "alignment": "right",

                    "fontSize": 13,

                    "fontFamily": "Segoe UI"

                }],
               
               "columnHeaders":[  
                  {  
                     "fontColor":{"solid":{"color":"#000000"}},
                     "backColor":{"solid":{"color":"#FFFFFF"}},
                     "fontFamily":"Segoe UI"
                  }
               ],
               "values":[  
                  {  
                     "backColorSecondary":{"solid":{"color":"#ffffff"}}
                  }
               ]

            } 

        },       

        "page": {

                "*": {

                  "background": [{

                   "color": { "solid": { "color": "#E8E8E8" } },

                   "transparency": 0

                }],

                "outspace": [{

                    "color": { "solid": { "color": "#E8E8E8" } },

                    "transparency": 0

                }]

            }

        }   

     }
  

}

Additionally, the below figure (Figure 15.1) represents a palette that was developed in collaboration with Jennifer Gentry, a professor in the Art department. The palette that she developed with our department is also available in the \\admin2\instres\power_bi directory. This represents additional different palettes that can be used with graphs that are in the theme of Wake Forest and do not present a visual hierarchy. This is very valuable when displaying data and the act of telling a story with data.

Wake Forest Custom Palette

Figure 15.1: Wake Forest Custom Palette