u

src/routes/lieferung/neu.jsx

@@ -50,6 +50,11 @@ import { getDeliveryEditorAutomat } from '../../automats/deliveryEditorAutomat';
 import { setLastDeliveryPath, userSettingsAutomat, setViewerPosition } from '../../automats';
 
 import { fetchDeliveryLedgerSummary } from '../../utils/deliveryLedger';
+import {
+  SURFACE_BASE,
+  SURFACE_RAISED,
+  YELLOW_BG,
+} from '../../colors';
 
 class LieferungNeuPage extends PureComponent {
   constructor(props) {
@@ -1266,7 +1271,7 @@ class LieferungNeuPage extends PureComponent {
           />
           {this.state.viewerPosition === 'top' && this.renderViewerPanels(4)}
           {this.state.unmatchedSupplierName && (
-            <PanelTile wide={4} color="#fef3c7" sx={{ gridColumn: { xs: '1 / -1', sm: '1 / -1', md: 'span 4' } }}>
+            <PanelTile wide={4} color={YELLOW_BG} sx={{ gridColumn: { xs: '1 / -1', sm: '1 / -1', md: 'span 4' } }}>
               <Alert
                 severity="warning"
                 action={
@@ -1316,7 +1321,7 @@ class LieferungNeuPage extends PureComponent {
           {this.state.viewerPosition === 'below' && this.renderViewerPanels(4)}
           {this.props.docId != null && this.renderLedgerPanel()}
           {notes && notes.length > 0 && (
-            <PanelTile wide={4} color="#fffbeb" sx={{ gridColumn: { xs: '1 / -1', sm: '1 / -1', md: 'span 4' } }}>
+            <PanelTile wide={4} color={YELLOW_BG} sx={{ gridColumn: { xs: '1 / -1', sm: '1 / -1', md: 'span 4' } }}>
               <Typography variant="subtitle2" fontWeight={700} color="warning.dark" sx={{ mb: 1.5 }}>
                 Hinweise zur PDF-Analyse ({notes.length})
               </Typography>
@@ -1401,7 +1406,7 @@ class LieferungNeuPage extends PureComponent {
       <PanelTile
         wide={4}
         title="Lagerstatus (Ledger)"
-        color="#f8fafc"
+        color={SURFACE_BASE}
         sx={{
           gridColumn: { xs: '1 / -1', sm: '1 / -1', md: 'span 4' },
           border: '1px solid',
@@ -1519,7 +1524,7 @@ class LieferungNeuPage extends PureComponent {
               </Typography>
               <TableContainer component={Paper} variant="outlined">
                 <Table size="small">
-                  <TableHead sx={{ bgcolor: '#f1f5f9' }}>
+                  <TableHead sx={{ bgcolor: SURFACE_RAISED }}>
                     <TableRow>
                       <TableCell sx={{ fontWeight: 600, py: 0.5 }}>Zeitpunkt</TableCell>
                       <TableCell sx={{ fontWeight: 600, py: 0.5 }}>Typ</TableCell>