maxamundsen/kjol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update kjol website with C documentation

Browse Source
This commit is contained in:
Max Amundsen
2026-07-14 13:05:12 -04:00
parent 02a6dc6c48
commit 7d7b7354df
66 changed files with 23884 additions and 2551 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
go/jsruntime/styles/theme.css
View File

@@ -70,7 +70,7 @@
The vocabulary is deliberately identical to the Go/WASM kit's (webui.
ThemeTokens). Two kits, one contract: a designer changes `surface` once and
both halves of the site move together. */
both layers of the site move together. */
/* Surfaces, in ascending prominence. */
--color-surface: #ffffff;
@@ -96,12 +96,23 @@
--color-fill-neutral-hover: #262626;
--color-on-fill-neutral: #ffffff;
/* The accent. `primary` is a FILL — it carries white text, so it must stay dark
enough for white to sit on it. Brand supplies the value; see the app's
style.css. These defaults keep the kit legible before an app has themed
anything, NOT so that it can skip theming. */
/* The accent, in four parts, because a single "brand colour" cannot do four jobs.
Same names as the Go kit (webui.ThemeTokens) — one vocabulary, two kits.
primary is a FILL: it carries white text, so it has to stay dark enough for white
to sit on it. accent is TEXT and icons: it has to stay readable ON the surface.
One value cannot be both, and in dark mode they diverge completely — the fill
stays put while the text has to climb.
primary-subtle / primary-border are the tinted panel: a callout, a selected row.
Brand supplies the values; see the app's style.css. These defaults keep the kit
legible before an app has themed anything, NOT so that it can skip theming. */
--color-primary: #404040;
--color-primary-hover: #262626;
--color-primary-subtle: #f5f5f5;
--color-primary-border: #d4d4d4;
--color-accent: #262626;
/* ---- deliberately-dark chrome (the kit's `onDark` prop) ----------------
Not the same thing as dark MODE. Several components take onDark, for when
@@ -164,6 +175,13 @@
--color-fill-neutral: #e5e5e5;
--color-fill-neutral-hover: #ffffff;
--color-on-fill-neutral: #171717;
/* The fill stays where it is — white text still has to be readable on it — but the
tinted panel and the accent TEXT both have to move, or they vanish into a near
black surface. This is exactly why they are separate tokens. */
--color-primary-subtle: #1f1f24;
--color-primary-border: #3d3d45;
--color-accent: #e5e5e5;
}
/* The page's own background — painted before anything mounts, and behind it