Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Grafana style: dark data dashboards v1.0.0

Use this resource to lay out a readable dashboard or data report

New

  • 141 downloads
  • 113 likes
  • 240 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install grafana-dark-dashboard

First time: connect the CLI with

npx --yes palatekit@latest login

The agent uses the fixed visualization palette, the threshold colors, flat panels with thin borders and tabular-number typography. You get dashboards where the data dominates and a given series keeps the same color everywhere.

Mostly picked by

Updated November 2, 2026

Dark background with orange accent and chart series palette

Details

Works in
Install guides
Generates with
Your agent's model
Licence
MIT

Similar resources

View all

What you get

  • DESIGN.md: brand colors, surfaces, series palette, thresholds
  • Typography (headings, body, metrics) and shape and motion rules
  • Component descriptions: panel, time series, stat, gauge

Good fit for

  • A tracking or client reporting dashboard
  • A stats page with several charts
  • A dense interface that must stay readable

Not for

  • An airy showcase site
  • A rounded, playful style

Tags

  • dashboard
  • data
  • charts
  • dark theme
  • reporting

About

You say

"Build my campaign tracking dashboard with the Grafana DESIGN.md: dark theme, fixed series colors."

Dark background with orange accent and chart series palette

DESIGN.md published by dhananjay6561 under the MIT license.

Show more

Prerequisites

You bring
Your data or metrics and The web project to style

How to use it

  1. Add DESIGN.md to your project
  2. Give the agent your data
  3. Keep series colors identical from chart to chart

Content preview

Files

  • DESIGN.md4.7 KB
  • LICENSE1.1 KB
  • NOTICE-PALATEKIT.md0.4 KB

Origin and licence

Modified by PalateKit

Author
dhananjay6561
Source
github.com/dhananjay6561/design-md-hub/tree/80c5943f2da606b31cbd4b96f7b70d4e03df68ce/brands/grafana
Licence
MIT

Notice

Version modifiée de « grafana » (dhananjay6561, MIT) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Do I need Grafana?

No, the file only describes a visual style that applies to any web dashboard.

Can I use the light theme?

Yes, surface and text tokens exist in both light and dark versions.