Skip to content

S1: app.css ber-token 3 palet, tema dari head - #101

Merged
coderbuzz merged 1 commit into
mainfrom
feat/ui-s1-tokens
Oct 15, 2026
Merged

coderbuzz merged 1 commit into
mainfrom
feat/ui-s1-tokens

Conversation

@coderbuzz

@coderbuzz coderbuzz commented Oct 15, 2026 •

Copy link
Copy Markdown
Owner

Ringkasan

S1: CSS keluar dari layout.html/login.html ke internal/http/static/app.css (ter-embed lewat pola static/*.css, dimuat static/app.css?v={{.AssetVersion}}), token lapis 2 persis docs/DESIGN-SYSTEM.md §3 untuk 3 palet × 2 tema (6 blok), alias lapis 1 untuk nama lama, bootstrap tema inline di <head> sebelum CSS, font Plus Jakarta Sans + JetBrains Mono, body 15px/1.5. Tanpa perubahan tata letak.

Bukti

  • go build ./... && go vet ./... && go test ./... hijau (termasuk TestTemplatesParse); gofmt bersih.
  • grep -n "#[0-9a-fA-F]\{3,6\}" internal/http/templates/*.html: hanya tema xterm (layout.html, apps_detail.html).
  • Tanpa FOUC: dengan colorScheme:'dark', data-theme=dark sudah terpasang saat navigasi commit, body rgb(11,16,32).
  • 3 palet × 2 tema lewat localStorage.dockify_palette/dockify_theme diset sebelum load: body bg dan meta theme-color cocok token (indigo #f5f7fb/#0b1020, navy #eef1f8/#0c0f1e, teal #f0f3f5/#0a1116).
  • Migrasi kunci lama dockify-theme → dockify_theme dan dihapus; siklus tombol light → dark → system; tanpa overflow horizontal di 390.

Penyimpangan dari spesifikasi

  • Field template baru AssetVersion (diisi di Render, nilainya version dari NewRouter) karena Version hanya dikirim oleh handler About.
  • Login: aturan CSS diberi lingkup .login-page/.login-card agar tidak bentrok dengan aturan global layout (label, input, .btn-primary); badge stopped memakai sunk+ink2 (§3.4), pending/created memakai accent-soft.
  • Isian tombol primer memakai accent-fill (bukan accent teks) agar kontras tetap di tema gelap; konsol xterm tetap gelap di kedua tema lewat --term-* (hex xterm, di app.css).
  • Tanpa JS, tidak ada atribut data-palette sehingga token tidak berlaku (app butuh JS/htmx; bila perlu, S2 bisa menambah data-palette="indigo" statis).

🤖 Generated with Claude Code

…head theme bootstrap

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
@coderbuzz
coderbuzz merged commit 42b7c25 into main Oct 15, 2026
2 checks passed
@coderbuzz
coderbuzz deleted the feat/ui-s1-tokens branch October 15, 2026 11:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant