Monorepo for Aesthetic.Computer
aesthetic.computer
chat: themeable chromeBg frames scroll region top + bottom
Adds a chromeBg theme key (default [20,20,30]) and paints it as
a box behind the top-margin band (online counter + News/r8dio)
plus the existing bottom input panel. Hardcoded bottom panel
color replaced with the same theme lookup. Laer-klokken picks
a deep rust (45,22,12) to sit against its terracotta canvas.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
+12
-2
+11
-2
system/public/aesthetic.computer/disks/chat.mjs
+11
-2
system/public/aesthetic.computer/disks/chat.mjs
···
724
724
// Default theme
725
725
const defaultTheme = {
726
726
background: [100, 100, 145],
727
+
chromeBg: [20, 20, 30], // Top/bottom panel bg — framing color around scroll region
727
728
lines: [90, 200, 150, 48],
728
729
scrollbar: [255, 192, 203],
729
730
messageText: [255, 255, 255],
···
766
767
} else {
767
768
wipe(theme.background);
768
769
}
770
+
}
771
+
772
+
// Top chrome panel — distinct bg behind online counter + News/r8dio banner.
773
+
// Matches the bottom panel so the scroll region is visually framed.
774
+
{
775
+
const topChrome = Array.isArray(theme.chromeBg) ? theme.chromeBg : [theme.chromeBg];
776
+
ink(...topChrome, 255).box(0, 0, screen.width, topMargin);
769
777
}
770
778
771
779
// Interface
···
1669
1677
// Update handleBtn box for click detection
1670
1678
handleBtn.btn.box = new Box(handleBtnX, handleBtnY, btnW, btnH);
1671
1679
1672
-
// Draw panel background behind both buttons
1673
-
ink(20, 20, 30, 255).box(
1680
+
// Draw panel background behind both buttons (theme-aware)
1681
+
const bottomChrome = Array.isArray(theme.chromeBg) ? theme.chromeBg : [theme.chromeBg];
1682
+
ink(...bottomChrome, 255).box(
1674
1683
0,
1675
1684
screen.height - panelHeight,
1676
1685
screen.width,
+1
system/public/aesthetic.computer/disks/laer-klokken.mjs
+1
system/public/aesthetic.computer/disks/laer-klokken.mjs
···
29
29
radio: "r8dio",
30
30
theme: {
31
31
background: [180, 100, 60], // Warm terracotta/rust background
32
+
chromeBg: [45, 22, 12], // Deep rust framing bg for top/bottom panels
32
33
lines: [220, 150, 100, 64], // Soft peach lines
33
34
scrollbar: [255, 180, 100], // Warm orange scrollbar
34
35
messageText: [255, 255, 240], // Brighter cream/off-white text for better contrast