How can I change the styles of my Dashboard?

You can use CSS to change elements such as font style, size, or even more complex style changes. You can modify CSS in Jira and Confluence Data Center.

Jira: How to hide elements in Jira using CSS or JavaScript

Confluence: Styling Confluence with CSS | Confluence Data Center and Server

Customizing in cloud instances requires Themes from the Atlassian Marketplace.

A browser plugin to customize my dashboards

A browser plugin can suit the needs of avid users who prefer customized options to refine every detail.

Stylebot for Chrome

Stylebot is a plugin for Chrome that lets you configure web elements: font, color, margins, visibility, custom CSS, and more.

In Basic mode, you can modify different elements without using CSS, but if you want to create advanced styles, select the Code option.

If you don’t know how to start, you can copy and paste the following examples and create your own style:

Example to edit the font of the first slide

@import url(https://fonts.googleapis.com/css2?family=Fira+Code:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
body{
  font-style: cursive !important;
}
div.wallboard-slide.slide-number-0.active {
  font-family: Fira Code;
}

Example to edit the font for all slides

@import url(https://fonts.googleapis.com/css2?family=Fira+Code:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

div.wallboard-slide.active {
  font-family: Fira Code;
}