listed-theme.css

---
metatype: css
---
:root {
  --border: 1px solid rgba(26, 26, 26, 0.16);
  --color-default: #F7F7F7;
  --color-primary: #1A1A1A;
  --color-primary-opacity-8: rgba(26, 26, 26, 0.08);
  --color-neutral: #FCFCFC;
  --color-neutral-darker: #E5E5E5;
  --color-contrast: #1A1A1A;
  --color-contrast-opacity-8: rgba(26, 26, 26, 0.08);
  --color-contrast-opacity-16: rgba(26, 26, 26, 0.16);
  --color-contrast-opacity-36: rgba(26, 26, 26, 0.36);
  --color-contrast-opacity-86: rgba(26, 26, 26, 0.86);
  --background-color: var(--color-default);
  --dimmed-text-color: var(--color-contrast-opacity-16);
  --dimmed-border-color: var(--color-default);
  --body-text-color: var(--color-contrast);
  --post-title-color: var(--body-text-color);
  --post-date-color: var(--body-text-color);
  --post-text-color: var(--body-text-color);
  --page-menu-link-color: var(--link-color);
  --header-author-name: var(--color-primary);
  --header-listed-name: var(--color-primary);
  --more-from-border-color: var(--dimmed-border-color);
  --bio-color: var(--body-text-color);
  --wordcount-color: var(--color-primary);
  --website-color: var(--link-color);
  --twitter-color: var(--link-color);
  --link-color: var(--color-primary);
  --header-border-color: var(--color-primary);
  --post-code-background-color: #F7F7F7;
  --post-code-border-color: #D9D9D9;
  --card-post-background-color: var(--color-default);
  --card-post-border: var(--border);
  --post-background-color: var(--color-neutral);
  --author-posts-background-color: var(--color-neutral);
  --more-posts-background-color: var(--color-default);
  --more-posts-post-background-color: var(--color-neutral);
  --footer-background-color: var(--background-color);
  --footer-border-top-color: var(--color-contrast-opacity-16);
  --callout-background-color: var(--color-neutral);
  --callout-success-border-color: #1B1B1B;
  --callout-warning-border-color: #E5E5E5;
  --callout-info-border-color: #1A1A1A;
  --scroll-to-top-background-color: var(--color-default);
  --scroll-to-top-border: var(--border);
  --scroll-to-top-border-color-hover: var(--color-contrast);
  --author-footer-background-color: var(--color-neutral);
  --scroll-to-top-icon-color: var(--color-contrast);
  --blockquote-border-left-color: var(--color-contrast-opacity-36);
  --guestbook-border-left-color: var(--color-contrast-opacity-16);
  --author-header-info-links-separator-color: var(--color-contrast-opacity-16);

  /* Updated Font Definitions */
  font-family: "iA Writer Duo", sans-serif;
}