Pick any line to see why it is the way it is: the commit, the pull request and issue it came from, and what the agent was thinking.
| Paid features: a workspace turns on Deployments with a monthly plan | 1 | /* |
| 2 | * g1t's design tokens. Every public site (the app, the docs) takes its | |
| 3 | * colours and type from here, so a change lands everywhere at once. | |
| 4 | * Each site maps these onto whatever its own framework calls them. | |
| 5 | */ | |
| 6 | :root { | |
| Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look | 7 | /* The faces themselves are in fonts.css. */ |
| 8 | --g1t-font-sans: 'Hanken Grotesk', 'Hanken Grotesk Fallback', ui-sans-serif, system-ui, sans-serif, | |
| 9 | 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; | |
| 10 | --g1t-font-display: 'Bricolage Grotesque', 'Bricolage Grotesque Fallback', ui-sans-serif, system-ui, | |
| 11 | sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; | |
| 12 | --g1t-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; | |
| Paid features: a workspace turns on Deployments with a monthly plan | 13 | |
| 14 | /* Very dark gray, nearly neutral, three elevations. */ | |
| 15 | --g1t-bg: #0f0f11; | |
| 16 | --g1t-surface: #161618; | |
| 17 | --g1t-raised: #1e1e21; | |
| 18 | --g1t-line: #28282c; | |
| 19 | --g1t-line-strong: #38383e; | |
| 20 | ||
| 21 | --g1t-fg: #ededef; | |
| 22 | --g1t-fg-soft: #dcdce0; | |
| 23 | --g1t-muted: #a0a0a8; | |
| Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look | 24 | --g1t-faint: #86868e; |
| Paid features: a workspace turns on Deployments with a monthly plan | 25 | |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 26 | /* |
| 27 | * Lavender, the colour of the logo's 1: the brand accent. Primary | |
| 28 | * actions, links, focus rings, the current tab, selection, and g1t's | |
| 29 | * own work. Text on it is --g1t-bg (9.2:1); as text on --g1t-bg it is | |
| 30 | * 9.2:1, on --g1t-raised 8.0:1. | |
| 31 | */ | |
| 32 | --g1t-accent: #b6a8ff; | |
| 33 | --g1t-accent-hover: #c9bfff; | |
| 34 | --g1t-accent-dim: #8577e0; | |
| 35 | --g1t-accent-low: #221e38; | |
| 36 | ||
| 37 | /* Mint: what is live, what passed, what is ready, what was added (13.8:1). */ | |
| 38 | --g1t-success: #86efc4; | |
| 39 | --g1t-success-dim: #4fb38e; | |
| 40 | --g1t-success-low: #10302a; | |
| Paid features: a workspace turns on Deployments with a monthly plan | 41 | |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 42 | /* |
| 43 | * Status. Merged is a deeper, more saturated violet than the accent | |
| 44 | * (6.0:1 on --g1t-bg), and always comes with the merge icon. | |
| 45 | */ | |
| Paid features: a workspace turns on Deployments with a monthly plan | 46 | --g1t-info: #8ab4ff; |
| Merge branch 'worktree-agent-ad7c6d88d93adc817' | 47 | --g1t-merged: #a678f5; |
| Paid features: a workspace turns on Deployments with a monthly plan | 48 | --g1t-warn: #ffbd8c; |
| 49 | --g1t-danger: #ff8394; | |
| You choose how g1t looks: Auto follows your system, Light and Dark stay put, set from the account menu, the phone's You and help sheet, Settings → Account or the command palette; the page is drawn in your choice from the first byte, every colour has a light value that reads at 4.5:1 or better, code and diffs are highlighted for both, diagrams and the document editor follow along, the product tour and the g1t mark's avatar stay dark, and Dark is what you see until you choose; the workspaces guide says how. | 50 | |
| 51 | /* | |
| 52 | * The light palette, for a site that offers one (the app's Appearance | |
| 53 | * setting; apps/web/app/app.css picks between the two with | |
| 54 | * light-dark()). The same names with `light-` in front. A near-white | |
| 55 | * page, white panels, and a deeper lavender so the accent still reads | |
| 56 | * as text: every text colour here is at least 4.5:1 on bg, surface | |
| 57 | * and raised (apps/web/app/lib/tokens.test.ts). | |
| 58 | */ | |
| 59 | --g1t-light-bg: #fbfbfa; | |
| 60 | --g1t-light-surface: #ffffff; | |
| 61 | --g1t-light-raised: #f1f1ef; | |
| 62 | --g1t-light-line: #e4e4e1; | |
| 63 | --g1t-light-line-strong: #d2d2ce; | |
| 64 | ||
| 65 | --g1t-light-fg: #18181b; | |
| 66 | --g1t-light-fg-soft: #2e2e33; | |
| 67 | --g1t-light-muted: #5c5c66; | |
| 68 | --g1t-light-faint: #686871; | |
| 69 | ||
| 70 | --g1t-light-accent: #6b52c8; | |
| 71 | --g1t-light-accent-hover: #5b42b8; | |
| 72 | --g1t-light-accent-dim: #9584dc; | |
| 73 | --g1t-light-accent-low: #ece8fb; | |
| 74 | ||
| 75 | --g1t-light-success: #0d7a52; | |
| 76 | --g1t-light-success-dim: #3a9d77; | |
| 77 | --g1t-light-success-low: #e2f4ec; | |
| 78 | ||
| 79 | --g1t-light-info: #2160cc; | |
| 80 | --g1t-light-merged: #7c3fd1; | |
| 81 | --g1t-light-warn: #a84f00; | |
| 82 | --g1t-light-danger: #c42a43; | |
| Paid features: a workspace turns on Deployments with a monthly plan | 83 | } |
This file's history is long; its oldest lines are credited to the oldest commit read.