@redocly/theme/src/markdoc/components/Mermaid/variables.ts

Shared UI components lib

import { css } from "styled-components";

export const mermaid = css`
  /**
  * @tokens Mermaid
  */

  --mermaid-bg-color: var(--bg-color-raised); // @presenter Color
  --mermaid-border-radius: var(--border-radius-lg); // @presenter BorderRadius
  --mermaid-font-family: var(--font-family-base); // @presenter FontFamily

  // @tokens End
`;