Themes
Palettes and colors.
Usage documentation
module-attribute
palettes = SimpleNamespace(
qualitative=qualitative,
sequential=sequential_blue,
sequential_minus=sequential_negative[::(-1)],
sequential_blue=sequential_blue,
sequential_purple=sequential_purple,
sequential_turquoise=sequential_turquoise,
sequential_green=sequential_green,
sequential_pink=sequential_pink,
sequential_yellow=sequential_yellow,
sequential_gray=sequential_gray,
sequential_positive=sequential_positive,
sequential_negative=sequential_negative,
sequential_warning=sequential_warning,
diverging=diverging_red_blue,
diverging_pink_blue=diverging_pink_blue,
diverging_red_green=diverging_red_green,
diverging_purple_green=diverging_purple_green,
diverging_yellow_blue=diverging_yellow_blue,
)
Qualitative, sequential and diverging palettes. This includes the core palettes used by the Vizro plotly templates (qualitative, sequential, sequential_minus and diverging) as well as alternative palettes.
Examples:
from vizro.themes import palettes
palettes.sequential_blue
# gives ["#DBEBFE", "#BDDCFE", "#8CC6FF", "#4BA5FF", "#097DFE", "#0063F6", "#004DE0", "#0B40B4", "#163B8B"]
| Dark Theme | Light Theme |
|---|---|
 |
 |
 |
 |
module-attribute
colors = SimpleNamespace(
blue="#097DFE",
dark_purple="#6F39E3",
turquoise="#05D0F0",
dark_green="#0F766E",
light_purple="#8C8DE9",
light_green="#11B883",
light_pink="#E77EC2",
dark_pink="#C84189",
yellow="#C0CA33",
gray="#3E495B",
blue_100="#DBEBFE",
blue_200="#BDDCFE",
blue_300="#8CC6FF",
blue_400="#4BA5FF",
blue_500="#097DFE",
blue_600="#0063F6",
blue_700="#004DE0",
blue_800="#0B40B4",
blue_900="#163B8B",
purple_100="#EBE9FC",
purple_200="#DAD6FB",
purple_300="#C0B6FB",
purple_400="#A08AF8",
purple_500="#855FF6",
purple_600="#6F39E3",
purple_700="#6630D5",
purple_800="#5529B1",
purple_900="#47268E",
turquoise_100="#D2F9FC",
turquoise_200="#AAF2FA",
turquoise_300="#68E8F7",
turquoise_400="#05D0F0",
turquoise_500="#00B7D4",
turquoise_600="#0092B2",
turquoise_700="#087490",
turquoise_800="#155E74",
turquoise_900="#1A4E61",
green_100="#D4F9E7",
green_200="#ADF1D3",
green_300="#73E6BA",
green_400="#2CD099",
green_500="#11B883",
green_600="#07966B",
green_700="#0B7859",
green_800="#0F5E48",
green_900="#114D3C",
pink_100="#F8E9F5",
pink_200="#F3D3EB",
pink_300="#EDAFDD",
pink_400="#E77EC2",
pink_500="#DB5AB1",
pink_600="#C84194",
pink_700="#AB3478",
pink_800="#8D2D63",
pink_900="#742A53",
yellow_100="#F4F9D2",
yellow_200="#EAF3A9",
yellow_300="#DBE973",
yellow_400="#CBD740",
yellow_500="#C0CA33",
yellow_600="#979912",
yellow_700="#76720C",
yellow_800="#605B11",
yellow_900="#514C15",
gray_100="#EFF1F4",
gray_200="#E0E4E9",
gray_300="#C9D0D9",
gray_400="#97A1B0",
gray_500="#6D788A",
gray_600="#505C6F",
gray_700="#3E495B",
gray_800="#2A3241",
gray_900="#1D222E",
positive_100="#D0FAF3",
positive_200="#A1F4E8",
positive_300="#64E9D9",
positive_400="#1BD0C1",
positive_500="#00B5A9",
positive_600="#00918A",
positive_700="#0F766E",
positive_800="#0F5B59",
positive_900="#144B49",
negative_100="#FBE4E2",
negative_200="#FACDC9",
negative_300="#F7AAA3",
negative_400="#F1766C",
negative_500="#EA5748",
negative_600="#D63A28",
negative_700="#B22F20",
negative_800="#922A20",
negative_900="#782921",
warning_100="#FFF7CD",
warning_200="#FFED9B",
warning_300="#FFE16A",
warning_400="#FFD545",
warning_500="#FFC107",
warning_600="#DBA005",
warning_700="#B78103",
warning_800="#936402",
warning_900="#7A4F01",
transparent="rgba(0, 0, 0, 0)",
white="#FFFFFF",
black="#000000",
positive="#00B5A9",
negative="#EA5748",
neutral="#3E495B",
info="#097DFE",
success="#00B5A9",
warning="#FFC107",
error="#EA5748",
)
