CSS Variables

Preview

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

:root {
  /* Colors */
  --color-artdeco-reset-base-get-color-black: #000000;
  --color-artdeco-reset-base-background-color-ff9: #ffff99;
  --color-artdeco-reset-typography-get-color-black-90: rgba(0,0,0,0.9);
  --color-artdeco-reset-link-color-blue7: #0073b1;
  --color-artdeco-reset-link-color-blue8: #006097;
  --color-artdeco-reset-link-color-blue9: #004b7c;
  --color-artdeco-reset-link-color-purple7: #665ed0;
  --color-artdeco-reset-link-color-purple8: #544bc2;
  --color-button-container-primary: #0a66c2;
  --color-button-container-primary-border: rgba(0, 0, 0, 0);
  --color-button-container-primary-hover: #004182;
  --color-button-container-secondary-hover: rgba(0, 0, 0, 0.04);
  --color-button-container-secondary-border-hover: rgba(0, 0, 0, 0.9);
  --color-button-container-secondary-active: rgba(0, 0, 0, 0.08);
  --color-button-label-primary: #ffffff;
  --color-button-label-primary-active: rgba(255, 255, 255, 0.6);
  --color-button-icon-secondary: rgba(0, 0, 0, 0.75);
  --color-button-container-secondary-emphasis-hover: rgba(112, 181, 249, 0.1);
  --color-button-container-secondary-emphasis-active: rgba(112, 181, 249, 0.2);
  --color-button-overlay-icon-disabled: rgba(0, 0, 0, 0.3);
  --color-container-checked: #057642;
  --color-container-checked-hover: #004d2a;
  --color-container-alert: #cf0007;
  --color-container-neutral: #56687a;
  --color-container-neutral-hover: #38434f;

  /* Typography */
  --font-size-google-sans: 14px;

  /* Spacing */
  --spacing-0-2rem: 0.2rem;
  --spacing-0-6rem: 0.6rem;
  --spacing-0-8rem: 0.8rem;
  --spacing-1rem: 1rem;
  --spacing-1-2rem: 1.2rem;
  --spacing-2px: 2px;
…

All Tokens