TypeScript Tokens

Preview

/**
 * Generated by UI Archive — ui-archive.com
 * Domain: rabbithole.co.uk
 * Snapshot: 2026-11-15
 * Format: W3C DTCG compatible
 * Token names preserve original CSS variable names
 */

export const tokens = {
  "color": {
    "cc-link-color": "#30363c",
    "cc-bg": "#ffffff",
    "cc-secondary-color": "#5e6266",
    "cc-btn-primary-hover-bg": "#000000",
    "cc-toggle-off-bg": "#667481",
    "light-grey": "#dcded5",
    "mid-grey": "#a9a9a9"
  },
  "fontSize": {
    "new-rail-alphabet-14px-400": "14px",
    "new-rail-alphabet-50px-400": "50px",
    "new-rail-alphabet-80px-400": "80px",
    "new-rail-alphabet-12px-400": "12px",
    "new-rail-alphabet-24px-400": "24px",
    "new-rail-alphabet-10px-400": "10px",
    "new-rail-alphabet-14-7px-600": "14.7px",
    "new-rail-alphabet-12-6px-400": "12.6px"
  },
  "spacing": {
    "1rem": "1rem",
    "5px": "5px",
    "6px": "6px",
    "8px": "8px",
    "10px": "10px",
    "12px": "12px",
    "16px": "16px",
    "18px": "18px",
    "20px": "20px",
    "160px": "160px",
    "900px": "900px"
…

All Tokens