hubspot.com/Snapshot/Export/CSS Variables

CSS Variables

CSS custom properties · :root scope · 107 tokens

Preview

/* Generated by UI Archive — ui-archive.com */

:root {
  /* Colors */
  --color-light-theme-accent-fill-01: #cfcccb;
  --color-light-theme-accent-fill-02: #fcc6b1;
  --color-light-theme-accent-fill-03: #fcc5be;
  --color-light-theme-accent-fill-04: #b9cdbe;
  --color-light-theme-accent-fill-05: #ece6d9;
  --color-light-theme-accent-fill-06: #d7cdfc;
  --color-light-theme-accent-fill-07: #b2e9eb;
  --color-light-theme-accent-fill-08: #fbdbe9;
  --color-light-theme-accent-decoration-01: #9b9897;
  --color-light-theme-accent-decoration-02: #ffa581;
  --color-light-theme-accent-decoration-03: #ffa499;
  --color-light-theme-accent-decoration-04: #9cbaa4;
  --color-light-theme-accent-decoration-05: #ccc0a3;
  --color-light-theme-accent-decoration-06: #c4b4f7;
  --color-light-theme-accent-decoration-07: #97dadc;
  --color-light-theme-accent-decoration-08: #fcc3dc;
  --color-light-theme-background-accent-02: #d6c2d9;
  --color-light-theme-background-footer-01: #1f1f1f;
  --color-light-theme-beta-01: #7d53e9;
  --color-light-theme-beta-background-01: #e5e1fa;
  --color-light-theme-border-02: rgba(0, 0, 0, 0.4705882353);
  --color-light-theme-border-03: rgba(0, 0, 0, 0.1098039216);
  --color-light-theme-border-brand-01: #ff4800;
  --color-light-theme-border-highlight-01: #2f7579;
  --color-light-theme-button-primary-fill-hover: #c93700;

  /* Typography */
  --font-size-hubspot-sans-16px-300: 16px;
  --font-size-hubspot-sans-14px-300: 14px;
  --font-size-hubspot-sans-18px-500: 18px;
  --font-size-hubspot-sans-12px-500: 12px;
  --font-size-hubspot-sans-24px-500: 24px;
  --font-size-hubspot-serif-40px-300: 40px;
  --font-size-hubspot-serif-28px-300: 28px;
  --font-size-hubspot-serif-65px-300: 65px;

…