Dark Power BI background · 1280×720

Midnight Glass Panels

Dark Power BI background with frosted glass panels over a deep navy glow: header strip, three KPIs and a wide chart area. Free PNG and SVG download.

By Nawaf Sharaf · Founder & Reliability Engineer · Updated November 4, 2026

Free for commercial use

Midnight Glass Panels: dark Power BI page background, glass header + 3 KPIs + wide chart + 2 side panels, 1280×720

Free, no sign-up. 1920×1080 fits a new page in a Fluent 2 report; 1280×720 and 2× fit Classic pages. Downloads include a small “Made with VizForge” mark; sign in to the studio to remove it.

Design your own in the studio →

About this background

Glassmorphism done the Power BI way: the glow and the frosted panels are baked into the background image, so you get the look without any custom visuals or transparency tricks that slow reports down. A cyan-tinted glow sits top-right behind the panels.

The layout has a header strip with room for the title and two slicers, three KPI panels, a wide main chart panel and two stacked side panels. Visuals placed on top should have a transparent background, no border and white or light-grey text (the Midnight Analytics theme sets this for you).

Glass panels are translucent white at about 6% opacity with a 1px light edge. If your visuals' own backgrounds are switched on, the effect disappears, so check Format → General → Effects → Background is off on every visual.

Where to place your visuals

Page pixels. In Power BI select a visual, open Format → General → Properties → Size and position and enter these values (inset by 16px for padding).

Panel positions on the Midnight Glass Panels background
Visual	X	Y	Width	Height
Slicer strip	24	16	1232	64
KPI tile 1	24	96	400	120
KPI tile 2	440	96	400	120
KPI tile 3	856	96	400	120
Main chart	24	232	816	464
Chart panel 1	856	232	400	224
Chart panel 2	856	472	400	224

VizForge AI · custom visuals

Generate a custom visual for this slot

Pick a panel and VizForge AI writes a custom visual (.pbiviz, with TypeScript source) sized to it, in this background's colours, with a transparent background so the panel shows through.

Slot to replace

Panel at 24, 232 · 816×464 px

1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.

Brief sent to the generator (you can edit it there)

A Power BI custom visual titled "Main chart". It sits in a 816×464 px slot on a designed report page. Match the report's brand: data colours #22D3EE, #818CF8, #34D399, #FBBF24, #F472B6, #60A5FA; background #111A2E; text #E6EDF7; font Segoe UI. Transparent visual background so the page design shows through; no visual border. It sits on a panel of the Midnight Glass Panels page background.

Matching theme

Midnight Analytics

The Theme JSON button above downloads this palette.

View the Midnight Analytics theme →

Set this background in Power BI Desktop

1
Download the PNG
Take the 1920×1080 PNG for a new page in a Fluent 2 report, or the 2× PNG (2560×1440) for crisp edges on a 1280×720 Classic page.
2
Open Canvas background
Select the page, then Format page → Canvas background → Browse, and pick the file.
3
Fill, 0% transparency
Set Image fit to Fill and transparency to 0% so the panels line up with the page grid.
4
Place visuals on the panels
Turn off each visual's background and border, then use the positions above.

Other themes for this background

Other dark themes that work on this background. Download the theme JSON from its page and import it after setting the background image.

Need a chart Power BI doesn’t ship?

Describe it in plain English and VizForge generates a custom visual as a .pbiviz file, with its TypeScript source. In the design studio, hand any visual slot to the AI and the brief carries the slot size and your brand colours. Sankey, Gantt, bullet, waterfall and more: see the visual catalog.

Generate a custom visual with AI · starts free →

Questions about this background

What size is the Midnight Glass Panels background?

It is designed on a 1280×720 pixel Power BI page (the Classic report size) and downloads at 1280×720, at 1920×1080 for a new page in a Fluent 2 report, and at 2× (2560×1440) for sharper edges on high-resolution screens.

Where do I place my visuals on this background?

Use the 7 panel positions in the table on this page. Inset each visual by about 16 pixels inside its panel so rounded corners and shadows stay visible.

How do I set a background image in Power BI?

Select the page, then in Format page → Canvas background choose Browse, pick the image, set Image fit to Fill and transparency to 0%. In theme JSON the labels differ: JSON “Fill” is UI Fill, JSON “Fit” is UI Stretch and JSON “Normal” is UI Fit.

Why do my visuals hide the background panels?

Visuals have their own background and border turned on by default. Turn off Format → General → Effects → Background and Visual border for each visual, or apply the matching theme JSON, which does it for you.