From e33b710d5f1147993e52076a9e033d97ef4106ad Mon Sep 17 00:00:00 2001
From: Julius Marminge <julius0216@outlook.com>
Date: Tue, 15 Sep 2026 08:06:09 -0700
Subject: [PATCH] fix(mobile): match command palette colors to sheets (#11861)

---
 apps/mobile/src/features/keyboard/CommandPalette.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/mobile/src/features/keyboard/CommandPalette.tsx b/apps/mobile/src/features/keyboard/CommandPalette.tsx
index 0b96f7d6a126f360bd783b89a045d5222bdd554e..a79e99fc212aa2267b5cd1f061556dcb750872d4 100644
--- a/apps/mobile/src/features/keyboard/CommandPalette.tsx
+++ b/apps/mobile/src/features/keyboard/CommandPalette.tsx
@@ -8,6 +8,7 @@ import {
   KeyboardAvoidingView,
   Modal,
   Pressable,
+  Text as NativeText,
   TextInput,
   useWindowDimensions,
   View,
@@ -15,10 +16,10 @@ import {
 
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 
+import { GlassSurface } from "../../components/GlassSurface";
 import { RowPressable } from "../../components/RowPressable";
 import { AppText as Text } from "../../components/AppText";
 import { SymbolView, type AppSymbolName } from "../../components/AppSymbol";
-import { GlassSurface } from "../../components/GlassSurface";
 import { scopedProjectKey, scopedThreadKey } from "../../lib/scopedEntities";
 import { T3KeyboardCommands } from "../../native/T3KeyboardCommands";
 import { useProjects, useThreadShell, useThreadShells } from "../../state/entities";
@@ -101,7 +102,9 @@ function PaletteRow(props: {
         ) : null}
       </View>
       {props.index < 9 ? (
-        <Text className="text-sm text-foreground-muted">⌘{props.index + 1}</Text>
+        <NativeText className="w-8 shrink-0 text-right text-sm tabular-nums text-foreground-muted">
+          ⌘{props.index + 1}
+        </NativeText>
       ) : null}
     </RowPressable>
   );
@@ -395,6 +398,8 @@ export function CommandPalette(props: {
             />
             <GlassSurface
               accessibilityViewIsModal
+              className="bg-sheet/70"
+              tintColorClassName="accent-sheet/20"
               style={{
                 width: Math.min(600, width - 32),
                 height: Math.min(520, height - 80),
-- 
2.54.0