Skip to content

Styling

Datapane enables you to can change the font, background color and text alignment to match your brand guidelines or personal aesthetics. Simply override the default styling properties by passing in a Formatting object as follows:

import datapane as dp

view = dp.View("Test Message")

dp.save_report(
    view,
    path="styling-python-api.html",
    formatting=dp.Formatting(
        light_prose=False,
        accent_color="orange",
        bg_color="#EEE",
        text_alignment=dp.TextAlignment.RIGHT,
        font=dp.FontChoice.MONOSPACE,
        width=dp.Width.MEDIUM,
    )
)

There are currently six styling properties supported:

1. Light Prose

Boolean which controls whether the text appears as light (good for dark mode), or dark (default).

2. Accent Color

Controls the color of certain UI elements e.g. page titles, selects, DataTable headings. Can be any of the 140 CSS colour names or an RGB hex code.

3. Background Color

Controls the background color - can be any of the 140 CSS colour names or an RGB hex code.

4. Text Alignment

Controls how the text is aligned - can be any of JUSTIFY, LEFT (default), RIGHT, CENTER.

5. Font

Controls the font for the prose text - can be any of DEFAULT, SANS, SERIF, MONOSPACE.

6. Width

Controls the horizontal width - can be any of NARROW, MEDIUM (default), FULL.

Layout

Although you are probably analyzing data in a list of sequential steps, it may not the best way to present results -- especially if you are sharing with people who are used to a traditional dashboard or BI tool.

Datapane's library of blocks which allow for more flexible grid-style layouts, multiple pages, tabs, and selects, which allows you to create powerful custom interfaces without knowledge of HTML or CSS.