Biomejs — Blog

:root {
  --color-dominant: #0464dc;
  --color-surface: #023b82;
  --color-ink: #69acfa;
  --color-accent: #808484;
  --color-detail: #8ea6c2;
}

/* CSS variables exposed by source */
:root {
  --color-6: #fff065;
  --color-5: #ffdc1c;
  --color-4: #f7b911;
  --color-3: #f7b604;
  --color-7: #fffcb4;
  --color-2: #ed9f03;
  --color-1: #e18403;
  --sl-color-orange: hsl(41, 90%, 60%);
  --sl-nav-pad-x: 1.5rem;
  --ec-frm-inlBtnBrd: #353841;
  --sl-color-green: hsl(101, 90%, 46%);
  --sl-badge-tip-bg: hsl(281, 90%, 30%);
  --sl-sidebar-pad-x: 1rem;
  --sl-line-height-headings: 1.2;
  --sl-color-hairline-shade: #eceef2;
  --ec-sbThumbHoverCol: #0000005c;
  --sl-badge-note-bg: hsl(210, 80%, 30%);
  --ec-frm-inlBtnBgHoverOrFocusOpa: 0.2;
  --ec-brdRad: 0px;
  --sl-text-h1: 2.625rem;
  --sl-text-h2: 2.1875rem;
  --ec-tm-markBrdCol: #00000055;
  --sl-text-4xl: 2.1875rem;
  --ec-tm-lineMarkerLabelPadInl: 0.2rem;
  --ec-tm-markBg: #0000001a;
  --sl-community-link: #fff;
  --sl-color-gray-6: #eceef2;
  --ec-tm-lineMarkerAccentWd: 0.15rem;
  --gray-7: #dadadc;
  --sl-badge-success-border: hsl(101, 90%, 46%);
  --ec-brdCol: color-mix(in srgb, #c0c2c7, transparent 25%);
  --ec-codeBg: #f6f7f9;
  --sl-text-5xl: 2.625rem;
  --sl-markdown-text-h2: 1.25em;
  --ec-gtrFg: #788b94;
  --gray-4: #27272a;
  --ec-tm-delDiffIndCol: #9d4138d0;
  --pagefind-ui-border-radius: 8px;
  --sl-markdown-text-h4: 1em;
  --ec-gtrBrdWd: 1.5px;
  --sl-text-xl: 1.25rem;
  --ec-frm-trmTtbDotsFg: color-mix(in srgb, #c0c2c7, transparent 25%);
  --sl-badge-danger-border: hsl(339, 90%, 60%);
  --sl-nav-height: 4rem;
  --sl-color-orange-high: hsl(41, 80%, 25%);
  --sl-text-h3: 1.8125rem;
  --sl-outline-offset-inside: -.1875rem;
  --pagefind-ui-primary: #393939;
  --sl-color-bg-inline-code: #eceef2;
  --code-font: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
  --sl-content-pad-x: 1.5rem;
  --sl-main-pad: 0 0 3vh 0;
  --sl-badge-default-border: #0065da;
  --sl-z-index-menu: 5;
  --ec-frm-edTabsMargInlStart: 0;
  --gray-2: #0e0e10;
  --sl-color-purple-low: hsl(281, 80%, 90%);
  --ec-focusBrd: #93a1a1;
  --sl-badge-success-text: #fff;
  --sl-font-system-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}