synapse/byteflavour-design-system
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
No description
63 commits 1 branch 0 tags 79 MiB
  • HTML 77%
  • CSS 17.3%
  • Python 2.2%
  • Shell 2%
  • JavaScript 1.5%
Find a file
Exact
Byte Flavour b8278d2ff0
 fix(beads): strip stale closed_at from design-system-8vp 
bd's status/reopen validator rejects any non-closed issue carrying a
closed_at timestamp, and this record had status=in_progress with a
stale closed_at left over from an earlier close/reopen cycle. That
combination silently failed the *entire* design-system JSONL import
in every consuming repo (bd repo sync), not just this one issue.

Patched directly in the exported JSONL rather than the live Dolt
store: `bd reopen` claims to clear closed_at but empirically doesn't
(tested on bd 1.2.2), and there's no `bd update` flag for it either.
export.auto is off here, so this won't get silently regenerated from
the still-stale DB value.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DEQeWKFhGEjwhakKJunans
2026-08-23 21:56:39 +02:00
.beads fix(beads): strip stale closed_at from design-system-8vp 2026-08-23 21:56:39 +02:00
.claude bd init: initialize beads issue tracking 2026-08-10 11:05:42 +02:00
assets feat(mark): 0xBF byte mark, recipe and browser/app icon set (design-system-omh) 2026-08-23 00:30:26 +02:00
forgejo forgejo skin: hand the navbar back to Forgejo on mobile 2026-08-05 09:27:49 +02:00
gts rename: the language is called Neuromorph (operator correction) 2026-08-05 01:11:20 +02:00
recipes docs(navbar): document the container-query content-box gotcha 2026-08-23 09:26:13 +02:00
tokens feat(og-image): finalize edge variant, extract tokens (design-system-wby) 2026-08-23 00:07:35 +02:00
.gitignore bd init: initialize beads issue tracking 2026-08-10 11:05:42 +02:00
AGENTS.md bd init: initialize beads issue tracking 2026-08-10 11:05:42 +02:00
build.mjs feat(og-image): finalize edge variant, extract tokens (design-system-wby) 2026-08-23 00:07:35 +02:00
bun.lock byteflavour design system — distilled from the original Angular site 2026-08-04 18:17:19 +02:00
CLAUDE.md docs(navbar): document the container-query content-box gotcha 2026-08-23 09:26:13 +02:00
config.json byteflavour design system — distilled from the original Angular site 2026-08-04 18:17:19 +02:00
index.html feat(mark): 0xBF byte mark, recipe and browser/app icon set (design-system-omh) 2026-08-23 00:30:26 +02:00
LICENSE license: identity clause instead of mark reservation (operator review) 2026-08-05 00:42:40 +02:00
package.json byteflavour design system — distilled from the original Angular site 2026-08-04 18:17:19 +02:00
README.md reflect the live forge session back into the system 2026-08-05 05:15:41 +02:00
rules.md feat: promote dent/size/focus-ring patterns into tokens, add a11y rules 2026-08-10 13:11:20 +02:00

README.md

byteflavour design system

The distilled visual language of byteflavour.dev — Doom One palette, neuromorph chrome, glass content, mesh atmosphere — extracted 2026-08-04 from the original Angular site (~/src/byteflavour.dev), curated rather than migrated: only the parts worth keeping.

Three layers, three artifact types (each carries what the others can't):

Layer Where What it holds
Tokens tokens/*.json (DTCG format) The ingredients: colors, shadow pairs, spacing, motion
Recipes recipes/*.html (self-contained previews) The technique: how ingredients combine into components
Invariants rules.md The judgment: light source, state grammar, when style loses

Build & view

bun install
bun run build          # tokens/*.json -> dist/tokens.css (CSS custom properties)
python3 -m http.server # or any static server; open index.html

The gallery (index.html) is the "storybook": a static page iframing the recipes. No dev server, no framework.

Editing tokens

tokens/*.json is the source of truth — hand-edit, rebuild, reload. Format is the W3C Design Tokens (DTCG) draft: $value, $type, $description, references like "{color.accent.blue}". Style Dictionary (the only dependency) compiles them; add output platforms in config.json when a consumer needs something other than CSS variables.

Consumers

  • byteflavour.dev (Nuxt) — import dist/tokens.css, follow the recipes
  • GoToSocial (Chatsubo) — dist/gts.min.css, pasted into the instance's custom CSS (LIVE)
  • Forgejo (git.byteflavour.dev) — dist/theme-neuromorph.css, deployed declaratively via nixos-config's customDir overrides (LIVE)
  • claude.ai/design — the recipes carry @dsCard markers and are self-contained; sync via DesignSync when wanted
  • Any future web surface: the nav-icon recipe is the benchmark every interactive control is measured against.

Sources of the distillation

  • src/styles.css (old site): palette, type/spacing scales, glass-card, mesh
  • src/app/navigation/navigation.component.css: the neuromorph nav icons — the component this whole system exists to preserve

Licensing

Split regime — see LICENSE: MIT for code/tokens/recipes, CC BY-SA 4.0 for docs and artwork, an identity/impersonation note instead of mark reservations, fonts OFL, assets/personal/ excluded. Section 5 is the honest part: an AI-provenance disclaimer acknowledging that the copyright status of AI-assisted work is unsettled — we license what we hold, and no more.