Monorepo for Aesthetic.Computer
aesthetic.computer
fix: add solid background to context menu in body-level container
The overflow widgets container is outside .monaco-editor so it
doesn't inherit the editor theme background. Add explicit bg,
border, and shadow for light/dark modes.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+21
+21
system/public/kidlisp.com/index.html
+21
system/public/kidlisp.com/index.html
···
304
304
#monaco-overflow-widgets .editor-widget {
305
305
z-index: 200000 !important;
306
306
}
307
+
/* Context menu needs explicit background since it's outside .monaco-editor */
308
+
#monaco-overflow-widgets .monaco-menu {
309
+
background: #ffffff;
310
+
border: 1px solid #c8c8c8;
311
+
border-radius: 4px;
312
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
313
+
}
314
+
@media (prefers-color-scheme: dark) {
315
+
#monaco-overflow-widgets .monaco-menu {
316
+
background: #252526;
317
+
border-color: #454545;
318
+
}
319
+
}
320
+
[data-theme="dark"] #monaco-overflow-widgets .monaco-menu {
321
+
background: #252526;
322
+
border-color: #454545;
323
+
}
324
+
[data-theme="light"] #monaco-overflow-widgets .monaco-menu {
325
+
background: #ffffff;
326
+
border-color: #c8c8c8;
327
+
}
307
328
308
329
/* Flush Monaco text to top-left edge in stage mode */
309
330
body.stage-mode:not(.device-mode) .monaco-editor .lines-content {