Dark Theme Tutorial for Power BI

preview_player
Показать описание
Here’s how to create a dark mode / dark theme for Power BI with translucent side navigation. We’re using Figma to create the background, but that’s not a requirement - just an option!

Related videos:
INTRO to using Figma with Power BI:

DIY Report background for Power BI with Shapes & Glassmorphism:

The specific photo we used can be found here, thanks Jay:

0:28 Create the theme
4:28 Visual settings
7:33 Figma
8:30 Where to get photos
11:40 Vijay Verma’s Figma tutorial attribution
19:00 Export/import the background
20:50 Page navigator/menu
  1. Christine Payton
  2. tutorial
  3. microsoft 365
  4. power platform
Рекомендации по теме
Create a Dark/Light 0:15:44

Create a Dark/Light mode switcher in Power BI!

How to change 0:00:55

How to change Power BI to dark mode

5 DESIGN TRICKS 0:20:22

5 DESIGN TRICKS that Make EVERY Power BI Report Look GREAT!

How To Turn 0:00:20

How To Turn On WHITE BACKGROUND for MS Word on Mac Dark Mode

The ultimate HACK 0:21:02

The ultimate HACK for a quick REPORT DESIGN | Create STUNNING Report BACKGROUNDS in Power BI

🌗 How to 0:00:53

🌗 How to use Windows Dark Mode

Power Apps UI 0:09:13

Power Apps UI Dark Mode Light Mode Toggle

Power Apps Modern 0:09:05

Power Apps Modern UI (For Beginners)

Power Pages - 0:23:12

Power Pages - Dynamics & Power Platform Conference

Dark Theme React 0:08:40

Dark Theme React Application [Simplest Way] | Toggle Theme React Tutorial😍

Themes & Custom 0:08:46

Themes & Custom Themes in Power BI Tutorial (42/50)

Dark Mode 0:04:22

Dark Mode

How to activate 0:01:00

How to activate dark mode in Excel

How to Enable 0:01:23

How to Enable Dark Mode Or Change Office Theme in Microsoft Excel

This Black & 0:05:34

This Black & White Theme Will Make Your Desktop Look Super Clean

wait for it… 0:00:36

wait for it…

How to Create 0:26:08

How to Create a Theme in Power Apps

How to remove 0:00:53

How to remove black and white screen Problem on all new Android phones #hit_tech_video

How to Enable 0:02:51

How to Enable SUPER DARK Mode on iPhone

Dynamic slides in 0:00:46

Dynamic slides in PowerPoint using MORPH 😱 #tutorial #presentation #shorts

Add This to 0:00:30

Add This to Your Lock Screen

Sauron🔻| Rings of 0:00:49

Sauron🔻| Rings of Power| Lord of the rings |Hd Whatsapp status #theringsofpower#sauron @fist_beatz...

Books with cartoon 0:00:21

Books with cartoon covers 📚 #shorts

Mario Star Theme 0:00:24

Mario Star Theme | EASY Piano Tutorial

Комментарии
Автор

Sidenote, if you have visually-impaired users, you will want to use button text on the Power BI side vs in Figma so that screen readers can read it. :)

bi-ome
Автор

Hi Christine,
How to integrate SharePoint online list with Power BI and setup automatic refresh of the report as the data is updated daily?

I am currently given a downloaded Excel file of the SharePoint data and building a report. Once the report is developed, I would have to replace the data source with SharePoint and set up the refresh.

P.S. I am new to SharePoint and this is the first time I will be working with its integration. So, I would like to learn about all the stuff related to it, to be ready if any other situation arises.

jim_
Автор

Ahhhh I love it.

I know the button was set in figma as part of the background, but you can do it with native buttons! I'll make a video on that sometime, but this one was a really nice cleanvideo. Good job!

PowerBIPark
Автор

Will you please made detailed video of designing the report using figma .

gagansingh
Автор

Thanks for the video and nice design!
You have created the darker boxes directly on the background image instead of creating them on Power BI.
Why is that? How do you deal with responsiveness in this case?

fernandobk
Автор

i do export but it doesn't export the actual background, its not blured when i export it

RimBozari
Автор

To anyone having issues finding the "apply" button in the theme editor, there's apparently a bug right now where it's missing (thought I was losing my mind just now!):
... it'll probably be fixed soon. 🥲

bi-ome