Github Blog

:root {
  --color-dominant: #eb0616;
  --color-surface: #05991e;
  --color-ink: #ebbe75;
  --color-accent: #a27551;
  --color-detail: #8f8cbc;
}

/* CSS variables exposed by source */
:root {
  --color-action-list-item-danger-hover-text: #d1242f;
  --brand-animation-variant-scaleInLeft-end: 1;
  --color-scale-gray-3: #afb8c1;
  --color-scale-orange-9: #471700;
  --brand-text-weight-300: 450;
  --color-scale-purple-4: #a475f9;
  --color-checks-input-bg: #32383f;
  --brand-breakpoint-xlarge: 80rem;
  --text-body-size-medium: 0.875rem;
  --color-action-list-item-default-hover-border: #0000;
  --color-success-subtle: #dafbe1;
  --brand-color-text-muted: #57606a;
  --fontStack-sansSerif: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  --brand-breakpoint-xsmall: 20rem;
  --brand-breakpoint-large: 63.25rem;
  --color-btn-primary-shadow: 0 1px 0 #1f23281a;
  --color-scale-orange-1: #ffd8b5;
  --text-codeBlock-size: 0.8125rem;
  --brand-control-medium-lineBoxHeight: 1rem;
  --brand-text-letterSpacing-100: 0.02em;
  --brand-body-fontFamily: "Mona Sans","MonaSansFallback",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  --color-codemirror-guttermarker-subtle-text: #6e7781;
  --brand-text-size-700: 3rem;
  --brand-animation-variant-scaleInRight-distance: -1.25rem;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --text-body-shorthand-small: 450 0.75rem /1.6666 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  --color-checks-logline-error-bg: #a40e2626;
  --color-ansi-yellow-bright: #633c01;
  --brand-box-spacing-normal: 1.5rem;
  --brand-borderRadius-small: 0.25rem;
  --text-title-size-large: 2rem;
  --color-canvas-default-transparent: #fff0;
  --color-project-gradient-out: #fff0;
  --brand-stack-gap-spacious: 3rem;
  --color-prettylights-syntax-variable: #953800;
  --brand-text-subhead-size-medium: 1rem;
  --color-codemirror-activeline-bg: #eaeef280;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-scale-blue-3: #54aeff;
  --brand-control-large-paddingBlock-condensed: 0.75rem;
  --color-scale-yellow-1: #fae17d;
  --color-checks-scrollbar-thumb-bg: #57606a;
  --color-scale-coral-0: #fff0eb;
  --color-checks-dropdown-hover-text: #f6f8fa;
  --color-checks-ansi-yellow-bright: #eac54f;
  --color-open-subtle: #dafbe1;
  --color-scale-gray-6: #57606a;
  --color-checks-header-label-text: #d0d7de;
  --color-codemirror-guttermarker-text: #fff;
  --text-subtitle-weight: 450;
  --brand-button-primary-bgColor-rest: #1f2328;
  --brand-text-letterSpacing-700: -0.03em;
  --color-sponsors-fg: #bf3989;
  --color-ansi-red: #cf222e;
  --color-scale-pink-2: #ffadda;
  --color-mktg-btn-shadow-focus: #00000026 0 0 0 4px;
  --brand-control-large-lineBoxHeight: 1.25rem;
  --text-codeInline-size: 0.9285em;
  --brand-heading-lineHeight-1000: 1;
  --brand-animation-transition-default: opacity 0.6s cubic-bezier(0.16,1,0.3,1),transform 0.6s cubic-bezier(0.16,1,0.3,1);
}