Penpot — About

:root {
  --color-dominant: #14c1c2;
  --color-surface: #166778;
  --color-ink: #86f1f2;
  --color-accent: #44417e;
  --color-detail: #9896a6;
}

/* CSS variables exposed by source */
:root {
  --font-mono: ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;
  --background-start-rgb: 214,219,220;
  --size-6: 1.75rem;
  --font-size-8: 3.5rem;
  --font-size-3: 1.25rem;
  --size-1: 0.25rem;
  --font-size-7: 3rem;
  --size-8: 3rem;
  --size-4: 1.25rem;
  --size-10: 5rem;
  --font-size-6: 2.5rem;
  --size-13: 15rem;
  --size-00: -0.25rem;
  --size-9: 4rem;
  --font-size-5: 2rem;
  --font-size-2: 1.1rem;
  --size-15: 30rem;
  --background-end-rgb: 255,255,255;
  --secondary-glow: radial-gradient(rgba(255,255,255,1),rgba(255,255,255,0));
  --border-radius: 12px;
  --size-7: 2rem;
  --font-size-1: 1rem;
  --primary: rgba(49,239,184,1);
  --font-size-4: 1.5rem;
  --foreground-rgb: 0,0,0;
  --size-5: 1.5rem;
  --font-size-00: 0.5rem;
  --size-000: -0.5rem;
  --size-11: 7.5rem;
  --size-2: 0.5rem;
  --size-12: 10rem;
  --font-size-0: 0.75rem;
  --primary-glow: conic-gradient(from 180deg at 50% 50%,#16abff33 0deg,#0885ff33 55deg,#54d6ff33 120deg,#0071ff33 160deg,transparent 360deg);
  --size-3: 1rem;
  --size-14: 20rem;
  --antd-pink5: #f759ab;
  --antd-orange-4: #ffc069;
  --antd-colorWarningTextHover: #ffc53d;
  --antd-green-3: #b7eb8f;
  --antd-magenta: #EB2F96;
  --antd-cyan1: #e6fffb;
  --callout-rgb: 238,240,241;
  --antd-colorWarningActive: #d48806;
  --antd-zIndexBase: 0px;
  --antd-colorInfoHover: #69b1ff;
  --antd-lineHeightHeading3: 1.2857142857142858px;
  --antd-pink: #eb2f96;
  --antd-gold5: #ffc53d;
  --antd-colorInfoBorderHover: #69b1ff;
  --antd-screenLGMax: 1199px;
  --antd-lime5: #bae637;
  --antd-cyan4: #5cdbd3;
  --antd-volcano-5: #ff7a45;
  --antd-fontHeightSM: 22px;
  --antd-lineWidthBold: 2px;
  --antd-cyan-7: #08979c;
  --antd-paddingContentVerticalLG: 16px;
  --antd-geekblue-8: #10239e;
  --antd-lineWidthFocus: 4px;
  --antd-controlInteractiveSize: 16px;
}