update styles

Author: khushikukadia

medplum-hello-world/src/components/FleetScannerModal.tsx

@@ -321,7 +321,7 @@ export function FleetScannerModal({ opened, onClose, onSuccess }: FleetScannerMo
           <Text size="xl" fw={700}>Assignment Complete!</Text>
           <Card withBorder padding="md" w="100%">
             <Stack gap="xs" align="center">
-              <Badge color="teal" size="lg">{positionerInput}</Badge>
+              <Badge size="lg" style={{ backgroundColor: '#007a7a', color: 'white' }}>{positionerInput}</Badge>
               <Text size="lg">→</Text>
               <Text fw={600}>{getPatientName(patient)}</Text>
             </Stack>
@@ -374,7 +374,7 @@ export function FleetScannerModal({ opened, onClose, onSuccess }: FleetScannerMo
             {!scanning ? (
               <Button
                 fullWidth
-                color="teal"
+                style={{ backgroundColor: '#007a7a', color: 'white' }}
                 leftSection={<IconCamera size={18} />}
                 onClick={() => startCameraScan('patient-scanner', handlePatientScan)}
               >
@@ -396,7 +396,7 @@ export function FleetScannerModal({ opened, onClose, onSuccess }: FleetScannerMo
                 style={{ flex: 1 }}
               />
               <Button
-                color="teal"
+                style={{ backgroundColor: '#007a7a', color: 'white' }}
                 onClick={() => handlePatientScan(patientInput)}
                 loading={loading}
                 disabled={!patientInput.trim()}
@@ -419,7 +419,7 @@ export function FleetScannerModal({ opened, onClose, onSuccess }: FleetScannerMo
               </Group>
             </Card>
 
-            <Alert color="teal" title="Step 2: Scan Positioner">
+            <Alert styles={{ root: { backgroundColor: '#e6f4f4', borderColor: '#007a7a' }, title: { color: '#007a7a' } }} title="Step 2: Scan Positioner">
               Now scan the positioner barcode
             </Alert>
 
@@ -431,7 +431,7 @@ export function FleetScannerModal({ opened, onClose, onSuccess }: FleetScannerMo
             {!scanning ? (
               <Button
                 fullWidth
-                color="teal"
+                style={{ backgroundColor: '#007a7a', color: 'white' }}
                 leftSection={<IconCamera size={18} />}
                 onClick={() => startCameraScan('positioner-scanner', handlePositionerScan)}
               >
@@ -453,7 +453,7 @@ export function FleetScannerModal({ opened, onClose, onSuccess }: FleetScannerMo
                 style={{ flex: 1 }}
               />
               <Button
-                color="teal"
+                style={{ backgroundColor: '#007a7a', color: 'white' }}
                 onClick={() => handlePositionerScan(positionerInput)}
                 loading={loading}
                 disabled={!positionerInput.trim()}

medplum-hello-world/src/components/PatientOverview.tsx

@@ -38,7 +38,7 @@ export function PatientOverview(): JSX.Element {
               leftSection={<IconQrcode size={16} />}
               onClick={() => setScanModalOpened(true)}
               size="md"
-              style={{ backgroundColor: '#2e7d32', color: 'white' }}
+              style={{ backgroundColor: '#007a7a', color: 'white' }}
             >
               Scan Positioner
             </Button>

medplum-hello-world/src/components/PositionerStatus.tsx

@@ -101,7 +101,7 @@ export function PositionerStatus({ patient, onRefresh }: PositionerStatusProps):
                     Expired
                   </Badge>
                 ) : (
-                  <Badge color="green" size="lg">
+                  <Badge size="lg" style={{ backgroundColor: '#007a7a', color: 'white' }}>
                     Active
                   </Badge>
                 )}
@@ -143,14 +143,14 @@ export function PositionerStatus({ patient, onRefresh }: PositionerStatusProps):
                   <Text
                     size="sm"
                     fw={600}
-                    c={p.daysRemaining < 7 ? 'red' : p.daysRemaining < 30 ? 'orange' : 'green'}
+                    style={{ color: p.daysRemaining < 7 ? '#c43d3d' : p.daysRemaining < 30 ? '#b87b00' : '#007a7a' }}
                   >
                     {p.daysRemaining} days
                   </Text>
                 </Group>
                 <Progress
                   value={(p.daysRemaining / 90) * 100}
-                  color={p.daysRemaining < 7 ? 'red' : p.daysRemaining < 30 ? 'orange' : 'green'}
+                  color={p.daysRemaining < 7 ? 'red' : p.daysRemaining < 30 ? 'orange' : '#007a7a'}
                   size="sm"
                 />
               </div>

medplum-hello-world/src/components/ScanPositionerModal.tsx

@@ -429,7 +429,7 @@ export function ScanPositionerModal({ opened, onClose, patient, onSuccess }: Sca
                 style={{ width: '100%', minHeight: '280px', position: 'relative', borderRadius: 8, overflow: 'hidden' }}
               />
               {!scanning && !barcode && (
-                <Button onClick={startCameraScan} fullWidth color="teal" leftSection={<IconCamera size={18} />}>
+                <Button onClick={startCameraScan} fullWidth style={{ backgroundColor: '#007a7a', color: 'white' }} leftSection={<IconCamera size={18} />}>
                   Start Camera
                 </Button>
               )}
@@ -465,7 +465,7 @@ export function ScanPositionerModal({ opened, onClose, patient, onSuccess }: Sca
               </Text>
               <FileButton onChange={handleFileUpload} accept="image/*">
                 {(props) => (
-                  <Button {...props} fullWidth loading={loading} color="teal" leftSection={<IconFolder size={18} />}>
+                  <Button {...props} fullWidth loading={loading} style={{ backgroundColor: '#007a7a', color: 'white' }} leftSection={<IconFolder size={18} />}>
                     Choose Image
                   </Button>
                 )}
@@ -511,7 +511,7 @@ export function ScanPositionerModal({ opened, onClose, patient, onSuccess }: Sca
             onClick={checkAndActivate}
             loading={loading}
             disabled={!barcode && !(activeTab === 'manual' && manualBarcode)}
-            color="teal"
+            style={{ backgroundColor: '#007a7a', color: 'white' }}
           >
             Assign Positioner
           </Button>