Monorepo for Aesthetic.Computer
aesthetic.computer
kidlisp: hide center nob in single-column mode + green learn theme
- Hide #center-square on mobile (max-width: 768px)
- Update learn.html backgrounds from gray/white to green tint
matching the Learn tab color coding (both light and dark modes)
- Make learn iframe background transparent
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+15
-11
+4
system/public/kidlisp.com/css/mobile.css
+4
system/public/kidlisp.com/css/mobile.css
+1
-1
system/public/kidlisp.com/index.html
+1
-1
system/public/kidlisp.com/index.html
···
9327
9327
<div class="console-output" id="mobile-console-output"></div>
9328
9328
</div>
9329
9329
<div class="docs-content" id="guide-content">
9330
-
<iframe id="learn-iframe" data-src="https://kidlisp.com/learn" style="width: 100%; height: 100%; border: none; flex: 1;"></iframe>
9330
+
<iframe id="learn-iframe" data-src="https://kidlisp.com/learn" style="width: 100%; height: 100%; border: none; flex: 1; background: transparent;"></iframe>
9331
9331
</div>
9332
9332
<div class="docs-content hidden" id="list-content">
9333
9333
<!-- List sub-tabs -->
+10
-10
system/public/kidlisp.com/learn.html
+10
-10
system/public/kidlisp.com/learn.html
···
43
43
}
44
44
45
45
:root {
46
-
--bg-primary: #f7f7f7;
47
-
--bg-secondary: #e8e8e8;
48
-
--bg-tertiary: white;
46
+
--bg-primary: #eef7ef;
47
+
--bg-secondary: #dceedd;
48
+
--bg-tertiary: #f5faf5;
49
49
--text-primary: #111;
50
50
--text-secondary: #555;
51
51
--text-muted: #888;
52
52
--accent: #4a6fff;
53
53
--accent-dim: rgba(74, 111, 255, 0.1);
54
-
--border: #ddd;
55
-
--code-bg: #f0f0f0;
54
+
--border: #c5dcc7;
55
+
--code-bg: #e4f0e5;
56
56
--bar-color: #4a6fff;
57
57
--font-mono: 'Berkeley Mono Variable', 'Noto Sans Mono', monospace;
58
58
--font-display: 'YWFTProcessing-Regular', monospace;
···
70
70
}
71
71
@media (prefers-color-scheme: dark) {
72
72
:root {
73
-
--bg-primary: #111;
74
-
--bg-secondary: #1a1a1a;
75
-
--bg-tertiary: #222;
73
+
--bg-primary: #0e1a0f;
74
+
--bg-secondary: #142016;
75
+
--bg-tertiary: #1a2b1c;
76
76
--text-primary: #eee;
77
77
--text-secondary: #aaa;
78
78
--text-muted: #666;
79
-
--border: #333;
80
-
--code-bg: #1a1a1a;
79
+
--border: #1e3320;
80
+
--code-bg: #142016;
81
81
--bar-color: #6b8aff;
82
82
--accent-dim: rgba(107, 138, 255, 0.15);
83
83
/* Syntax highlighting — dark mode */