Skip to content

feat: liquid glass + orange design overhaul#40

Merged
TargetMisser merged 3 commits intomainfrom
design-overhaul/liquid-glass-orange
Apr 6, 2026
Merged

feat: liquid glass + orange design overhaul#40
TargetMisser merged 3 commits intomainfrom
design-overhaul/liquid-glass-orange

Conversation

@TargetMisser
Copy link
Copy Markdown
Owner

🍊 Liquid Glass + Orange Design Overhaul

Questo PR sostituisce completamente il tema blu dell'app con un design moderno iOS 26-style liquid glass e palette arancione.

Palette

Token Light Dark
primary #F47B16 #FF9A42
primaryDark #C2520A #F47B16
primaryLight #FFEDD5
gba(255,154,66,0.20)
glass
gba(255,255,255,0.72)
gba(255,255,255,0.07)
glassBorder
gba(255,130,0,0.18)
gba(255,154,66,0.14)

Nuovi componenti

  • AeroStaffLogo — icona + wordmark con gradiente arancione, variante monocromatica per header
  • GlassCard — card in vetro smerigliato (BlurView + shimmer + bordo speculare), 3 varianti, fallback Android

Modifiche principali

  • ThemeContext — nuova palette orange, 3 token glass, tutti i temi aggiornati (light/dark/weather)
  • App.tsx — AppBar BlurView, avatar gradiente arancione, tab bar usa abIconActive/Inactive
  • DrawerMenu — sfondo BlurView, header gradiente arancione, nuovo logo
  • HomeScreen — shadows arancioni, glassBorder, badge check-in/gate in primaryLight
  • FlightScreen / CalendarScreen — card glass-styled
  • PasswordScreen / SettingsScreen — glassBorder, orange accent preview
  • ShiftScreen — rimossi #2563EB / #1E3A8A hardcoded → arancione
  • PhonebookScreen — categoria Ops aggiornata al colore primario

Dipendenze

Nessuna nuova dipendenza — �xpo-blur e �xpo-linear-gradient erano già installati.

TargetMisser and others added 3 commits April 6, 2026 17:12
- Fix DrawerMenu: icon color hardcoded #2563EB -> colors.primary (theme-aware)
- Fix DrawerMenu: version label 'v1.0' -> 'v1.1.0' (matches package.json)
- Remove CalendarScreen: module-level const PRIMARY = '#2563EB', replaced with colors.primary
- Fix NotepadScreen: saveBtnDim hardcoded backgroundColor -> opacity: 0.55 (works in all themes)
- Replace all makeStyles(c: any) -> makeStyles(c: ThemeColors) across 8 files (14 occurrences):
  DrawerMenu, ShiftTimeline, NotepadScreen, FlightScreen, HomeScreen, CalendarScreen,
  PhonebookScreen (x3), PasswordScreen (x3), ManualsScreen (x3)
- Add 'type ThemeColors' to imports in all affected files
- Wrap all console.error/warn in if (__DEV__) guard (20+ occurrences):
  CalendarScreen (x6), FlightScreen (x5), HomeScreen (x4), PasswordScreen (x3),
  autoNotifications.ts (x3), useDynamicTheme.ts (x1)
- App.tsx: guard auto-notification count log with __DEV__

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
- DrawerMenu: import version from package.json instead of hardcoded string
  - eliminates version drift between package.json and UI
  - requires resolveJsonModule (included in expo/tsconfig.base)
- NotepadScreen: add comment explaining intentional opacity cascade on saveBtnDim
  - opacity: 0.55 dims entire button (icon + label + bg) for 'already saved' state
  - intentional UX: full-button fade signals inactive state
- Add src/utils/devLog.ts utility (devLog/devWarn/devError)
  - centralises __DEV__ guards for future use
  - Metro eliminates dead branches in production bundles

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
- ThemeContext: full orange palette (primary #F47B16), glass tokens (glass/glassBorder/glassStrong)
- New AeroStaffLogo component: orange gradient icon + AEROSTAFF PRO wordmark, monochrome variant
- New GlassCard component: BlurView shimmer card, 3 variants, Android fallback
- App.tsx: glass AppBar (BlurView), orange gradient avatar, orange tab bar (tabIconActive)
- DrawerMenu: BlurView bg + orange gradient header, new AeroStaffLogo
- HomeScreen: orange shadows, glass borders, primaryLight ops badges
- FlightScreen/CalendarScreen: orange-tinted shadows, glassBorder
- PasswordScreen: glassBorder, orange shadow
- SettingsScreen: orange previewAccent, orange card shadow
- ShiftScreen: replaced hardcoded blue (#2563EB/#1E3A8A) with orange (#F47B16/#C2520A)
- PhonebookScreen: Ops category color updated to primary orange

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 6, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
flight-work-app Ready Ready Preview, Comment, Open in v0 Apr 6, 2026 3:33pm

@TargetMisser TargetMisser merged commit 4a28231 into main Apr 6, 2026
2 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant