From a372d7244600d56747d807b3fb2a354596f57524 Mon Sep 17 00:00:00 2001
From: Mike Solar <iam@mikesolar.cn>
Date: Thu, 27 Aug 2026 17:32:37 +0800
Subject: [PATCH] app: white background with inner shadow for unchecked
 checkboxes

The unchecked state used the panel background color, making the box
nearly invisible on the dark theme.
---
 .../oak-app/src/oakui/component/controls.rs   | 21 +++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/crates/oak-app/src/oakui/component/controls.rs b/crates/oak-app/src/oakui/component/controls.rs
index 3a509c090..083d7a6b2 100644
--- a/crates/oak-app/src/oakui/component/controls.rs
+++ b/crates/oak-app/src/oakui/component/controls.rs
@@ -519,10 +519,23 @@ impl Render for CheckBox {
 					.size(px(16.0))
 					.rounded_md()
 					.border_1()
-			.border_color(colors.border)
-			.bg(if checked { colors.selected } else { colors.background })
-			.track_focus(&self.focus)
-			.cursor_pointer()
+					.border_color(colors.border)
+					.bg(if checked { colors.selected } else { gpui::rgba(0xFFFFFF) })
+					.shadow(if checked {
+						vec![]
+					} else {
+						// Inset shadow makes the unchecked box read as an
+						// empty well on the dark panel.
+						vec![gpui::BoxShadow {
+							color: gpui::Hsla { h: 0.0, s: 0.0, l: 0.0, a: 0.25 },
+							offset: gpui::Point::new(px(0.0), px(1.0)),
+							blur_radius: px(2.0),
+							spread_radius: px(0.0),
+							inset: true,
+						}]
+					})
+					.track_focus(&self.focus)
+					.cursor_pointer()
 			.on_mouse_down(
 				MouseButton::Left,
 				cx.listener(|this, _event: &MouseDownEvent, window, cx| {