{
  "what": "Every variable a JSON article is drawn with. Each becomes the CSS variable named beside it. PUT or PATCH /api/jarticles/theme changes them (build key, if-match the hash).",
  "hash": "edba54b87245fc52cdecccdacd0c884d2a9917ee068b4cc7a786c562e35864bf",
  "theme": {
    "color": {
      "page_bg": "#f5f5f7",
      "sheet_bg": "#ffffff",
      "ink": "#1d1d1f",
      "soft": "#424245",
      "muted": "#6e6e73",
      "dim": "#86868b",
      "line": "#d2d2d7",
      "accent": "#0071e3",
      "accent_soft": "rgba(0,113,227,0.08)",
      "link": "#0066cc",
      "selection": "rgba(0,113,227,0.18)",
      "widget_bg": "#f5f5f7",
      "widget_border": "#d2d2d7",
      "card_bg": "#ffffff",
      "code_bg": "#f5f5f7",
      "json_bg": "#161b19",
      "json_ink": "#e6e1d4",
      "json_key": "#7fd3c3",
      "json_string": "#e9c46a",
      "json_number": "#f4a261",
      "json_bool": "#c792ea",
      "json_null": "#928d7e",
      "json_punct": "#6b6759",
      "json_bar": "#0e1512",
      "kind_badge_bg": "#0e6e60",
      "kind_badge_ink": "#ffffff"
    },
    "color_dark": {
      "page_bg": "#000000",
      "sheet_bg": "#1d1d1f",
      "ink": "#f5f5f7",
      "soft": "#d2d2d7",
      "muted": "#a1a1a6",
      "dim": "#86868b",
      "line": "#424245",
      "accent": "#2997ff",
      "accent_soft": "rgba(41,151,255,0.12)",
      "link": "#2997ff",
      "selection": "rgba(41,151,255,0.25)",
      "widget_bg": "#2c2c2e",
      "widget_border": "#424245",
      "card_bg": "#1d1d1f",
      "code_bg": "#2c2c2e",
      "json_bg": "#0a0d0c",
      "json_ink": "#e6e1d4",
      "json_key": "#7fd3c3",
      "json_string": "#e9c46a",
      "json_number": "#f4a261",
      "json_bool": "#c792ea",
      "json_null": "#757062",
      "json_punct": "#5d665f",
      "json_bar": "#060807",
      "kind_badge_bg": "#4fc1ab",
      "kind_badge_ink": "#0b0f0d"
    },
    "font": {
      "display": "-apple-system,BlinkMacSystemFont,\"SF Pro Display\",\"SF Pro Text\",\"Helvetica Neue\",Helvetica,Arial,sans-serif",
      "body": "-apple-system,BlinkMacSystemFont,\"SF Pro Display\",\"SF Pro Text\",\"Helvetica Neue\",Helvetica,Arial,sans-serif",
      "mono": "ui-monospace,SFMono-Regular,\"SF Mono\",Menlo,Consolas,monospace",
      "google_fonts": ""
    },
    "size": {
      "body": "17px",
      "small": "17px",
      "eye": "17px",
      "lead": "17px",
      "h1": "52px",
      "h2": "34px",
      "h3": "22px",
      "byline": "17px",
      "h1_measure": "none",
      "code": "17px",
      "json": "17px",
      "widget_title": "17px"
    },
    "leading": {
      "body": "1.7",
      "head": "1.18",
      "lead": "1.5",
      "json": "1.6"
    },
    "weight": {
      "display": "700",
      "head": "700",
      "body": "400",
      "strong": "700",
      "eye": "700"
    },
    "tracking": {
      "eye": "0.14em",
      "display": "-0.03em",
      "body": "-0.006em",
      "badge": "0.08em"
    },
    "layout": {
      "sheet_width": "1000px",
      "text_width": "880px",
      "gutter": "16px",
      "sheet_padding": "56px 64px 64px",
      "sheet_padding_mobile": "24px 18px 40px",
      "sheet_margin": "28px auto 72px",
      "block_gap": "1.15em",
      "widget_gap": "28px",
      "grid_gap": "14px"
    },
    "border": {
      "sheet": "0px solid",
      "sheet_radius": "30px",
      "widget": "1px solid",
      "widget_radius": "24px",
      "card_radius": "24px",
      "badge_radius": "999px",
      "rule": "1px solid",
      "code_radius": "18px",
      "accent_bar": "3px"
    },
    "shadow": {
      "sheet": "0 1px 1px rgba(0,0,0,.02),0 6px 26px rgba(0,0,0,.05)",
      "widget": "none",
      "card_hover": "0 10px 28px -16px rgba(28,27,23,0.35)"
    },
    "motion": {
      "hover": "160ms ease"
    }
  },
  "variables": [
    {
      "path": "color.page_bg",
      "css": "--color-page-bg",
      "value": "#f5f5f7"
    },
    {
      "path": "color.sheet_bg",
      "css": "--color-sheet-bg",
      "value": "#ffffff"
    },
    {
      "path": "color.ink",
      "css": "--color-ink",
      "value": "#1d1d1f"
    },
    {
      "path": "color.soft",
      "css": "--color-soft",
      "value": "#424245"
    },
    {
      "path": "color.muted",
      "css": "--color-muted",
      "value": "#6e6e73"
    },
    {
      "path": "color.dim",
      "css": "--color-dim",
      "value": "#86868b"
    },
    {
      "path": "color.line",
      "css": "--color-line",
      "value": "#d2d2d7"
    },
    {
      "path": "color.accent",
      "css": "--color-accent",
      "value": "#0071e3"
    },
    {
      "path": "color.accent_soft",
      "css": "--color-accent-soft",
      "value": "rgba(0,113,227,0.08)"
    },
    {
      "path": "color.link",
      "css": "--color-link",
      "value": "#0066cc"
    },
    {
      "path": "color.selection",
      "css": "--color-selection",
      "value": "rgba(0,113,227,0.18)"
    },
    {
      "path": "color.widget_bg",
      "css": "--color-widget-bg",
      "value": "#f5f5f7"
    },
    {
      "path": "color.widget_border",
      "css": "--color-widget-border",
      "value": "#d2d2d7"
    },
    {
      "path": "color.card_bg",
      "css": "--color-card-bg",
      "value": "#ffffff"
    },
    {
      "path": "color.code_bg",
      "css": "--color-code-bg",
      "value": "#f5f5f7"
    },
    {
      "path": "color.json_bg",
      "css": "--color-json-bg",
      "value": "#161b19"
    },
    {
      "path": "color.json_ink",
      "css": "--color-json-ink",
      "value": "#e6e1d4"
    },
    {
      "path": "color.json_key",
      "css": "--color-json-key",
      "value": "#7fd3c3"
    },
    {
      "path": "color.json_string",
      "css": "--color-json-string",
      "value": "#e9c46a"
    },
    {
      "path": "color.json_number",
      "css": "--color-json-number",
      "value": "#f4a261"
    },
    {
      "path": "color.json_bool",
      "css": "--color-json-bool",
      "value": "#c792ea"
    },
    {
      "path": "color.json_null",
      "css": "--color-json-null",
      "value": "#928d7e"
    },
    {
      "path": "color.json_punct",
      "css": "--color-json-punct",
      "value": "#6b6759"
    },
    {
      "path": "color.json_bar",
      "css": "--color-json-bar",
      "value": "#0e1512"
    },
    {
      "path": "color.kind_badge_bg",
      "css": "--color-kind-badge-bg",
      "value": "#0e6e60"
    },
    {
      "path": "color.kind_badge_ink",
      "css": "--color-kind-badge-ink",
      "value": "#ffffff"
    },
    {
      "path": "color_dark.page_bg",
      "css": "--color-page-bg (dark)",
      "value": "#000000"
    },
    {
      "path": "color_dark.sheet_bg",
      "css": "--color-sheet-bg (dark)",
      "value": "#1d1d1f"
    },
    {
      "path": "color_dark.ink",
      "css": "--color-ink (dark)",
      "value": "#f5f5f7"
    },
    {
      "path": "color_dark.soft",
      "css": "--color-soft (dark)",
      "value": "#d2d2d7"
    },
    {
      "path": "color_dark.muted",
      "css": "--color-muted (dark)",
      "value": "#a1a1a6"
    },
    {
      "path": "color_dark.dim",
      "css": "--color-dim (dark)",
      "value": "#86868b"
    },
    {
      "path": "color_dark.line",
      "css": "--color-line (dark)",
      "value": "#424245"
    },
    {
      "path": "color_dark.accent",
      "css": "--color-accent (dark)",
      "value": "#2997ff"
    },
    {
      "path": "color_dark.accent_soft",
      "css": "--color-accent-soft (dark)",
      "value": "rgba(41,151,255,0.12)"
    },
    {
      "path": "color_dark.link",
      "css": "--color-link (dark)",
      "value": "#2997ff"
    },
    {
      "path": "color_dark.selection",
      "css": "--color-selection (dark)",
      "value": "rgba(41,151,255,0.25)"
    },
    {
      "path": "color_dark.widget_bg",
      "css": "--color-widget-bg (dark)",
      "value": "#2c2c2e"
    },
    {
      "path": "color_dark.widget_border",
      "css": "--color-widget-border (dark)",
      "value": "#424245"
    },
    {
      "path": "color_dark.card_bg",
      "css": "--color-card-bg (dark)",
      "value": "#1d1d1f"
    },
    {
      "path": "color_dark.code_bg",
      "css": "--color-code-bg (dark)",
      "value": "#2c2c2e"
    },
    {
      "path": "color_dark.json_bg",
      "css": "--color-json-bg (dark)",
      "value": "#0a0d0c"
    },
    {
      "path": "color_dark.json_ink",
      "css": "--color-json-ink (dark)",
      "value": "#e6e1d4"
    },
    {
      "path": "color_dark.json_key",
      "css": "--color-json-key (dark)",
      "value": "#7fd3c3"
    },
    {
      "path": "color_dark.json_string",
      "css": "--color-json-string (dark)",
      "value": "#e9c46a"
    },
    {
      "path": "color_dark.json_number",
      "css": "--color-json-number (dark)",
      "value": "#f4a261"
    },
    {
      "path": "color_dark.json_bool",
      "css": "--color-json-bool (dark)",
      "value": "#c792ea"
    },
    {
      "path": "color_dark.json_null",
      "css": "--color-json-null (dark)",
      "value": "#757062"
    },
    {
      "path": "color_dark.json_punct",
      "css": "--color-json-punct (dark)",
      "value": "#5d665f"
    },
    {
      "path": "color_dark.json_bar",
      "css": "--color-json-bar (dark)",
      "value": "#060807"
    },
    {
      "path": "color_dark.kind_badge_bg",
      "css": "--color-kind-badge-bg (dark)",
      "value": "#4fc1ab"
    },
    {
      "path": "color_dark.kind_badge_ink",
      "css": "--color-kind-badge-ink (dark)",
      "value": "#0b0f0d"
    },
    {
      "path": "font.display",
      "css": "--font-display",
      "value": "-apple-system,BlinkMacSystemFont,\"SF Pro Display\",\"SF Pro Text\",\"Helvetica Neue\",Helvetica,Arial,sans-serif"
    },
    {
      "path": "font.body",
      "css": "--font-body",
      "value": "-apple-system,BlinkMacSystemFont,\"SF Pro Display\",\"SF Pro Text\",\"Helvetica Neue\",Helvetica,Arial,sans-serif"
    },
    {
      "path": "font.mono",
      "css": "--font-mono",
      "value": "ui-monospace,SFMono-Regular,\"SF Mono\",Menlo,Consolas,monospace"
    },
    {
      "path": "font.google_fonts",
      "css": null,
      "value": ""
    },
    {
      "path": "size.body",
      "css": "--size-body",
      "value": "17px"
    },
    {
      "path": "size.small",
      "css": "--size-small",
      "value": "17px"
    },
    {
      "path": "size.eye",
      "css": "--size-eye",
      "value": "17px"
    },
    {
      "path": "size.lead",
      "css": "--size-lead",
      "value": "17px"
    },
    {
      "path": "size.h1",
      "css": "--size-h1",
      "value": "52px"
    },
    {
      "path": "size.h2",
      "css": "--size-h2",
      "value": "34px"
    },
    {
      "path": "size.h3",
      "css": "--size-h3",
      "value": "22px"
    },
    {
      "path": "size.byline",
      "css": "--size-byline",
      "value": "17px"
    },
    {
      "path": "size.h1_measure",
      "css": "--size-h1-measure",
      "value": "none"
    },
    {
      "path": "size.code",
      "css": "--size-code",
      "value": "17px"
    },
    {
      "path": "size.json",
      "css": "--size-json",
      "value": "17px"
    },
    {
      "path": "size.widget_title",
      "css": "--size-widget-title",
      "value": "17px"
    },
    {
      "path": "leading.body",
      "css": "--leading-body",
      "value": "1.7"
    },
    {
      "path": "leading.head",
      "css": "--leading-head",
      "value": "1.18"
    },
    {
      "path": "leading.lead",
      "css": "--leading-lead",
      "value": "1.5"
    },
    {
      "path": "leading.json",
      "css": "--leading-json",
      "value": "1.6"
    },
    {
      "path": "weight.display",
      "css": "--weight-display",
      "value": "700"
    },
    {
      "path": "weight.head",
      "css": "--weight-head",
      "value": "700"
    },
    {
      "path": "weight.body",
      "css": "--weight-body",
      "value": "400"
    },
    {
      "path": "weight.strong",
      "css": "--weight-strong",
      "value": "700"
    },
    {
      "path": "weight.eye",
      "css": "--weight-eye",
      "value": "700"
    },
    {
      "path": "tracking.eye",
      "css": "--tracking-eye",
      "value": "0.14em"
    },
    {
      "path": "tracking.display",
      "css": "--tracking-display",
      "value": "-0.03em"
    },
    {
      "path": "tracking.body",
      "css": "--tracking-body",
      "value": "-0.006em"
    },
    {
      "path": "tracking.badge",
      "css": "--tracking-badge",
      "value": "0.08em"
    },
    {
      "path": "layout.sheet_width",
      "css": "--layout-sheet-width",
      "value": "1000px"
    },
    {
      "path": "layout.text_width",
      "css": "--layout-text-width",
      "value": "880px"
    },
    {
      "path": "layout.gutter",
      "css": "--layout-gutter",
      "value": "16px"
    },
    {
      "path": "layout.sheet_padding",
      "css": "--layout-sheet-padding",
      "value": "56px 64px 64px"
    },
    {
      "path": "layout.sheet_padding_mobile",
      "css": "--layout-sheet-padding-mobile",
      "value": "24px 18px 40px"
    },
    {
      "path": "layout.sheet_margin",
      "css": "--layout-sheet-margin",
      "value": "28px auto 72px"
    },
    {
      "path": "layout.block_gap",
      "css": "--layout-block-gap",
      "value": "1.15em"
    },
    {
      "path": "layout.widget_gap",
      "css": "--layout-widget-gap",
      "value": "28px"
    },
    {
      "path": "layout.grid_gap",
      "css": "--layout-grid-gap",
      "value": "14px"
    },
    {
      "path": "border.sheet",
      "css": "--border-sheet",
      "value": "0px solid"
    },
    {
      "path": "border.sheet_radius",
      "css": "--border-sheet-radius",
      "value": "30px"
    },
    {
      "path": "border.widget",
      "css": "--border-widget",
      "value": "1px solid"
    },
    {
      "path": "border.widget_radius",
      "css": "--border-widget-radius",
      "value": "24px"
    },
    {
      "path": "border.card_radius",
      "css": "--border-card-radius",
      "value": "24px"
    },
    {
      "path": "border.badge_radius",
      "css": "--border-badge-radius",
      "value": "999px"
    },
    {
      "path": "border.rule",
      "css": "--border-rule",
      "value": "1px solid"
    },
    {
      "path": "border.code_radius",
      "css": "--border-code-radius",
      "value": "18px"
    },
    {
      "path": "border.accent_bar",
      "css": "--border-accent-bar",
      "value": "3px"
    },
    {
      "path": "shadow.sheet",
      "css": "--shadow-sheet",
      "value": "0 1px 1px rgba(0,0,0,.02),0 6px 26px rgba(0,0,0,.05)"
    },
    {
      "path": "shadow.widget",
      "css": "--shadow-widget",
      "value": "none"
    },
    {
      "path": "shadow.card_hover",
      "css": "--shadow-card-hover",
      "value": "0 10px 28px -16px rgba(28,27,23,0.35)"
    },
    {
      "path": "motion.hover",
      "css": "--motion-hover",
      "value": "160ms ease"
    }
  ],
  "changed_from_default": {
    "color": {
      "page_bg": "#f5f5f7",
      "sheet_bg": "#ffffff",
      "ink": "#1d1d1f",
      "soft": "#424245",
      "muted": "#6e6e73",
      "dim": "#86868b",
      "line": "#d2d2d7",
      "accent": "#0071e3",
      "accent_soft": "rgba(0,113,227,0.08)",
      "link": "#0066cc",
      "selection": "rgba(0,113,227,0.18)",
      "widget_bg": "#f5f5f7",
      "widget_border": "#d2d2d7",
      "card_bg": "#ffffff",
      "code_bg": "#f5f5f7"
    },
    "color_dark": {
      "page_bg": "#000000",
      "sheet_bg": "#1d1d1f",
      "ink": "#f5f5f7",
      "soft": "#d2d2d7",
      "muted": "#a1a1a6",
      "dim": "#86868b",
      "line": "#424245",
      "accent": "#2997ff",
      "accent_soft": "rgba(41,151,255,0.12)",
      "link": "#2997ff",
      "selection": "rgba(41,151,255,0.25)",
      "widget_bg": "#2c2c2e",
      "widget_border": "#424245",
      "card_bg": "#1d1d1f",
      "code_bg": "#2c2c2e"
    },
    "font": {
      "display": "-apple-system,BlinkMacSystemFont,\"SF Pro Display\",\"SF Pro Text\",\"Helvetica Neue\",Helvetica,Arial,sans-serif",
      "body": "-apple-system,BlinkMacSystemFont,\"SF Pro Display\",\"SF Pro Text\",\"Helvetica Neue\",Helvetica,Arial,sans-serif"
    },
    "size": {
      "body": "17px",
      "h1": "52px",
      "h2": "34px",
      "h3": "22px"
    },
    "weight": {
      "display": "700",
      "head": "700"
    },
    "tracking": {
      "display": "-0.03em"
    },
    "layout": {
      "sheet_width": "1000px",
      "text_width": "880px",
      "sheet_padding": "56px 64px 64px",
      "sheet_margin": "28px auto 72px"
    },
    "border": {
      "sheet": "0px solid",
      "sheet_radius": "30px",
      "widget_radius": "24px",
      "card_radius": "24px",
      "code_radius": "18px"
    },
    "shadow": {
      "sheet": "0 1px 1px rgba(0,0,0,.02),0 6px 26px rgba(0,0,0,.05)",
      "widget": "none"
    }
  }
}