Changing the Look and Feel of Google Data Studio Reports
We all used spreadsheets once in our lives. Most of us use them still. Sure, they are very efficient and right to the point. But aren't they boring? A little colour and a touch of art might create wonders. And by wonders, we mean easier to read and appealing dashboards!
Themes are a collection of color and design combinations that you can use in your reports. By using a consistent theme for your charts, tables, background color, and text, you can make sure that your reports are aesthetically appealing and stylistically coherent as a whole.
A default theme is applied to all new reports. This theme's colors and style choices are intended to appeal to colorblind visitors while also being accessible.
How to apply a new theme
- First, click edit the report.
- This action is goin to open the panel Theme and Layout
- Unless a component is selected, the Theme and Layout panel appears on the right side of the screen.
- In addition to clicking "Theme and layout" in the toolbar, there is another way to open the theme and layout window.
- In order to apply the theme you want, just click the theme.
How to create a custom theme
By altering the current theme parameters, you can create a completely new theme.
- Open report edit.
- And then open the panel of Theme and Layout.
- At the top of the panel, select Customize from the drop-down menu.
- Then you may utilize the options in the Edit theme panel to make changes to the appearance of the theme.
Report background: This setting determines the default page backdrop color for all pages in the report.
Text style: Using the text style, you may select the default font color and font family for all of your text in the report, including text boxes and data labeling. You can also set the default font color and font family for legend labels and control labels.
Component background and border: You can choose the default background color, border color, border thickness, border shape, background opacity, and borderline style for the component.
Border shadow: determines how the border shadow appears on all components by default.
Accent styles: The font color and font family of text accents such as table headers, filter control and date range control headers, control "apply" buttons, and control "submit" buttons are set by default.
Textbox styles: Type in the default background color, font color and font family, and border visibility for textboxes in the textbox styles section of the textbox properties window.
Chart palette: This allows you to choose the colors that are used by charts that are colored by series.
Chart styling default: changes the initial data colouring method used.
Manage dimension values: Change the color of your dimension data by selecting Manage dimension values: colors from the drop-down menu.
Text contrast: controls the automated contrast algorithm's default behavior.
Component grid style: The color of the chart and table grids is determined by the component grid style.
Positive and negative change colours: Use positive and negative change colors to customize the appearance of arrows and change metrics on charts that compare to earlier periods.
Chart header: The chart header is responsible for controlling the behavior and color of the component header, which provides options such as export, drill-down, sort, and reset action.
💡 Custom themes aren't carried over from report to report. Make a copy of the report that has the customized theme so that it can be reused in another report.