authorgravatar for julius0216@outlook.comJulius Marminge <julius0216@outlook.com> 2026-09-15 08:06:09-07:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-09-15 08:06:09-07:00
loge33b710d5f1147993e52076a9e033d97ef4106ad
tree1fe94e42fe4d359747929507f0009ade06902830
parentbf3be75c400cf605dc0c80de9458458854c84131
signature Signed by PGP key B5690EEEBB952194

fix(mobile): match command palette colors to sheets (#11861)

1 files changed, 7 insertions(+), 2 deletions(-)

apps/mobile/src/features/keyboard/CommandPalette.tsx+7-2
...@@ -8,6 +8,7 @@ import {...@@ -8,6 +8,7 @@ import {
8 KeyboardAvoidingView,8 KeyboardAvoidingView,
9 Modal,9 Modal,
10 Pressable,10 Pressable,
11 Text as NativeText,
11 TextInput,12 TextInput,
12 useWindowDimensions,13 useWindowDimensions,
13 View,14 View,
...@@ -15,10 +16,10 @@ import {...@@ -15,10 +16,10 @@ import {
1516
16import { GestureHandlerRootView } from "react-native-gesture-handler";17import { GestureHandlerRootView } from "react-native-gesture-handler";
1718
19import { GlassSurface } from "../../components/GlassSurface";
18import { RowPressable } from "../../components/RowPressable";20import { RowPressable } from "../../components/RowPressable";
19import { AppText as Text } from "../../components/AppText";21import { AppText as Text } from "../../components/AppText";
20import { SymbolView, type AppSymbolName } from "../../components/AppSymbol";22import { SymbolView, type AppSymbolName } from "../../components/AppSymbol";
21import { GlassSurface } from "../../components/GlassSurface";
22import { scopedProjectKey, scopedThreadKey } from "../../lib/scopedEntities";23import { scopedProjectKey, scopedThreadKey } from "../../lib/scopedEntities";
23import { T3KeyboardCommands } from "../../native/T3KeyboardCommands";24import { T3KeyboardCommands } from "../../native/T3KeyboardCommands";
24import { useProjects, useThreadShell, useThreadShells } from "../../state/entities";25import { useProjects, useThreadShell, useThreadShells } from "../../state/entities";
...@@ -101,7 +102,9 @@ function PaletteRow(props: {...@@ -101,7 +102,9 @@ function PaletteRow(props: {
101 ) : null}102 ) : null}
102 </View>103 </View>
103 {props.index < 9 ? (104 {props.index < 9 ? (
104 <Text className="text-sm text-foreground-muted">⌘{props.index + 1}</Text>105 <NativeText className="w-8 shrink-0 text-right text-sm tabular-nums text-foreground-muted">
106 ⌘{props.index + 1}
107 </NativeText>
105 ) : null}108 ) : null}
106 </RowPressable>109 </RowPressable>
107 );110 );
...@@ -395,6 +398,8 @@ export function CommandPalette(props: {...@@ -395,6 +398,8 @@ export function CommandPalette(props: {
395 />398 />
396 <GlassSurface399 <GlassSurface
397 accessibilityViewIsModal400 accessibilityViewIsModal
401 className="bg-sheet/70"
402 tintColorClassName="accent-sheet/20"
398 style={{403 style={{
399 width: Math.min(600, width - 32),404 width: Math.min(600, width - 32),
400 height: Math.min(520, height - 80),405 height: Math.min(520, height - 80),