CSS variables

🚧 Still under development

Brand css variables

:root {
  --rp-c-brand: #0095ff;
  --rp-c-brand-light: #33adff;
  --rp-c-brand-lighter: #c6e0fd;
  --rp-c-brand-dark: #07f;
  --rp-c-brand-darker: #005fcc;
  --rp-c-brand-tint: #7fa3ff29;
}

Shiki theme css variables

:where(html:not(.rp-dark)) {
  --shiki-foreground: inherit;
  --shiki-background: transparent;
  --shiki-token-constant: #1976d2;
  --shiki-token-string: #31a94d;
  --shiki-token-comment: #b6b4b4;
  --shiki-token-keyword: #cf2727;
  --shiki-token-parameter: #f59403;
  --shiki-token-function: #7041c8;
  --shiki-token-string-expression: #218438;
  --shiki-token-punctuation: #242323;
  --shiki-token-link: #22863a;
  --shiki-token-deleted: #d32828;
  --shiki-token-inserted: #22863a;
}

:where(html.rp-dark) {
  --shiki-foreground: inherit;
  --shiki-background: transparent;
  --shiki-token-constant: #6fb0fa;
  --shiki-token-string: #f9a86e;
  --shiki-token-comment: #6a727b;
  --shiki-token-keyword: #f47481;
  --shiki-token-parameter: #ff9800;
  --shiki-token-function: #ae8eeb;
  --shiki-token-string-expression: #4fb74d;
  --shiki-token-punctuation: #bbb;
  --shiki-token-link: #f9a76d;
  --shiki-token-deleted: #ee6d7a;
  --shiki-token-inserted: #36c47f;
}

#CSS variables

#Brand css variables

#Shiki theme css variables

CSS variables

Brand css variables

Shiki theme css variables