main.css

/* my style */

/* var */
:root {
  --c-bg-base: #fff;
  --c-text-base: #000;
  --c-text-secondary: #717171;
  --c-blockquote: #717171;
  --c-prose-borders:#e4e4e7;
  --c-prose-links: #000;
  --c-prose-primary:#00dd83;
  --c-prose-hr: #e4e4e7;
  --c-prose-inline-bg-color:#f4f4f5;
  --c-prose-code: #3f3f46;
  --c-prose-pre-border: #e4e4e7;
  --c-prose-pre-bg: #f4f4f5;
}

@media(prefers-color-scheme: dark) {
	:root {
    --c-bg-base: #09090B;
    --c-text-base: #fff;
    --c-text-secondary: #a1a1a1;
    --c-blockquote: #a1a1a1; 
    --c-prose-borders:#3f3f46;
    --c-prose-links: #fff;
    --c-prose-primary:#00dd83;
    --c-prose-hr: #3f3f46;
    --c-prose-inline-bg-color: #27272A;
    --c-prose-code: #e4e4e7;
    --c-prose-pre-border: #27272A;
    --c-prose-pre-bg: #18181B;
	}
}

/* var end */

html,body{ 
  background: var(--c-bg-base);
  color: var(--c-text-base);
}