jb/paseo
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Improve synced loader visibility in light mode

Browse Source
This commit is contained in:
Mohamed Boudra
2026-04-14 13:33:16 +07:00
parent 8d854a6342
commit 202fa3e8f3
4 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/app/src/components/sidebar-workspace-list.tsx
+2 -2
View File
@@ -236,7 +236,7 @@ function WorkspaceStatusIndicator({
if (shouldShowSyncedLoader) { if (shouldShowSyncedLoader) {
return ( return (
<View style={styles.workspaceStatusDot}> <View style={styles.workspaceStatusDot}>
<SyncedLoader size={11} color={theme.colors.palette.amber[500]} /> <SyncedLoader size={11} color={theme.colorScheme === "light" ? theme.colors.palette.amber[700] : theme.colors.palette.amber[500]} />
</View> </View>
); );
} }
@@ -340,7 +340,7 @@ function ProjectLeadingVisual({
if (shouldShowSyncedLoader) { if (shouldShowSyncedLoader) {
return ( return (
<View style={styles.projectLeadingVisualSlot}> <View style={styles.projectLeadingVisualSlot}>
<SyncedLoader size={11} color={theme.colors.palette.amber[500]} /> <SyncedLoader size={11} color={theme.colorScheme === "light" ? theme.colors.palette.amber[700] : theme.colors.palette.amber[500]} />
</View> </View>
); );
} }
packages/app/src/components/synced-loader.tsx
+1 -1
View File
@@ -16,7 +16,7 @@ const DOT_COUNT = DOT_SEQUENCE.length;
const GRID_ROWS = 3; const GRID_ROWS = 3;
const GRID_COLUMNS = 2; const GRID_COLUMNS = 2;
const SNAKE_SEGMENT_OFFSETS = [0, -1, -2, -3, -4] as const; const SNAKE_SEGMENT_OFFSETS = [0, -1, -2, -3, -4] as const;
const SNAKE_OPACITIES = [1, 0.72, 0.46, 0.22, 0] as const; const SNAKE_OPACITIES = [1, 0.78, 0.56, 0.34, 0] as const;
const sharedStepProgress = makeMutable(0); const sharedStepProgress = makeMutable(0);
let sharedLoopStarted = false; let sharedLoopStarted = false;
packages/app/src/screens/workspace/workspace-tab-presentation.tsx
+1 -1
View File
@@ -134,7 +134,7 @@ export function WorkspaceTabIcon({
if (shouldShowLoader) { if (shouldShowLoader) {
return ( return (
<View style={[styles.agentIconWrapper, { width: size, height: size }]}> <View style={[styles.agentIconWrapper, { width: size, height: size }]}>
<SyncedLoader size={size - 1} color={theme.colors.palette.amber[500]} /> <SyncedLoader size={size - 1} color={theme.colorScheme === "light" ? theme.colors.palette.amber[700] : theme.colors.palette.amber[500]} />
</View> </View>
); );
} }
packages/app/src/styles/theme.ts
+1
View File
@@ -83,6 +83,7 @@ export const baseColors = {
// Amber scale // Amber scale
amber: { amber: {
500: "#f59e0b", 500: "#f59e0b",
700: "#b45309",
}, },
// Yellow scale // Yellow scale