source/_static/css/colors.css

/* All colours except those described in the styles for the dataframe */

html[data-theme="light"] {
  --pst-color-primary: #8045e5;
  --pst-color-secondary: #0a7d91;

  --pst-color-primary-bg: #d0ecf1;
  --pst-color-secondary-bg: #e0c7ff;
  --pst-color-accent: #c132af;
  --pst-color-accent-bg: #f8dff5;
  --pst-color-info-bg: #dce7fc;
  --pst-color-warning-bg: #f8e3d0;
  --pst-color-success-bg: #d6ece1;
  --pst-color-attention: var(--pst-color-warning);
  --pst-color-attention-bg: var(--pst-color-warning-bg);
  --pst-color-danger-bg: #f9e1e4;
  --pst-color-text-base: #222832;
  --pst-color-text-muted: #48566b;
  --pst-color-heading-color: #fff;
  --pst-color-shadow: rgba(0,0,0,.1);
  --pst-color-border: #d1d5da;
  --pst-color-border-muted: rgba(23,23,26,.2);
  --pst-color-inline-code: var(--pst-color-primary);
  --pst-color-inline-code-links: var(--pst-color-primary);
  --pst-color-target: #f3cf95;
  --pst-color-background: #fff;
  --pst-color-on-background: #fff;
  --pst-color-surface: #f3f4f5;
  --pst-color-on-surface: #222832;
  --pst-color-link: var(--pst-color-primary);
  --pst-color-link-hover: var(--pst-color-secondary);
}

html[data-theme="dark"] {
  --pst-color-primary: #8045e5;
  --pst-color-secondary: #0a7d91;

  --pst-color-primary-bg: #042c33;
  --pst-color-secondary-bg: #341a61;
  --pst-color-accent: #e47fd7;
  --pst-color-accent-bg: #46123f;
  --pst-color-info-bg: #06245d;
  --pst-color-warning-bg: #652a02;
  --pst-color-success-bg: #002f17;
  --pst-color-attention: var(--pst-color-warning);
  --pst-color-attention-bg: var(--pst-color-warning-bg);
  --pst-color-danger-bg: #4e111b;
  --pst-color-text-base: #ced6dd;
  --pst-color-text-muted: #9ca4af;
  --pst-color-heading-color: #14181e;
  --pst-color-shadow: rgba(0,0,0,.2);
  --pst-color-border: #48566b;
  --pst-color-border-muted: #29313d;
  --pst-color-inline-code: var(--pst-color-primary);
  --pst-color-inline-code-links: var(--pst-color-primary);
  --pst-color-target: #675c04;
  --pst-color-background: #14181e;
  --pst-color-on-background: #222832;
  --pst-color-surface: #29313d;
  --pst-color-on-surface: #f3f4f5;
  --pst-color-link: var(--pst-color-primary);
  --pst-color-link-hover: var(--pst-color-secondary);
}

.reference.external.image-reference.preview.extref img {
  border-color: #f5f5f5 !important;
}

.bd-content div.cell_output .text_html {
  background-color: inherit !important;
}

.bd-content .sd-card .sd-card-body, .bd-content .sd-card {
  background-color: inherit !important;
}

.sphinx-bs .sd-card .sd-card-header {
  background-color: white;
}

.sd-tab-set .sd-tab-content {
  border-top-color: var(--pst-color-primary) !important;
}

table.named-colors-table {
  border-color: var(--pst-color-table-outer-border);
}

table.named-colors-table thead td {
  background-color: var(--pst-color-table-heading-bg);
}

table.named-colors-table tbody td {
  border-left-color: var(--pst-color-table-inner-border);
}

table.named-colors-table tbody td.dark-text {
  color: black;
}

table.named-colors-table tbody td.light-text {
  color: white;
}

section .reference.internal code {
  background-color: var(--pst-color-background);
}

dl.py>dt {
  background-color: var(--pst-color-background);
}

#landing-title {
  color: var(--pst-color-primary);
}

#api-reference code.literal {
  background-color: var(--pst-color-background);
}