Lab / Color Mode
Night and Day
The site keeps its dark ground around the clock. In the evening, where the visitor is, it is the tone it has now; during the day its surfaces sit a step lighter. Type and the oranges do not move.
Your Clock
Which tone each hour of the day gets, from the site’s switch hours in lib/tone.ts. Pick an hour and the whole page takes its tone.
—
Now: Day Tone
0006121823
Day From07:00Night From19:00
Side by Side
The same pieces of the site in each tone.
SeekterDocsCase Study
Turn your job search into one command a day.
Job search, filtered by your rules, run every day in your own browser.
/seekter-run
Today's search and applications, with a report.
git clone …/seekter
› /seekter-run
250 postings, 242 new.
→ applied
SeekterDocsCase Study
Turn your job search into one command a day.
Job search, filtered by your rules, run every day in your own browser.
/seekter-run
Today's search and applications, with a report.
git clone …/seekter
› /seekter-run
250 postings, 242 new.
→ applied
Tokens
The values each tone sets, as in globals.css. Ratios are against each tone's own background; 4.5 is the AA minimum for body text.
| Token | Night | Day |
|---|---|---|
--background The page | #0c0a09 | #171412 |
--border Rules and outlines | #1c1917 | #2a2522 |
--input Fields; the surfaces are mixed from it | #282320 | #36302c |
--muted · --secondary · --accent Muted fills | #221e1c | #2e2926 |
--muted-foreground Secondary text | #a39a93 | #aea59e |
| Body text on the page | 17.97:1 | 16.68:1 |
| Secondary text on the page | 7.15:1 | 7.58:1 |
| Orange type on the page | 6.38:1 | 5.93:1 |
.dark.day {
--background: #171412;
--border: #2a2522;
--input: #36302c;
--muted: #2e2926;
--secondary: #2e2926;
--accent: #2e2926;
--muted-foreground: #aea59e;
--sidebar: #171412;
--sidebar-border: #2a2522;
--sidebar-accent: #2e2926;
}