u

src/components/manifest/BookDeliveryDialog.jsx

@@ -35,6 +35,10 @@ import {
   bookDeliveryLines,
 } from '../../utils/deliveryLedger';
 import warehouseAutomat from '../../automats/warehouseAutomat';
+import {
+  SURFACE_BASE,
+  SURFACE_RAISED,
+} from '../../colors';
 
 export default class BookDeliveryDialog extends PureComponent {
   constructor(props) {
@@ -292,7 +296,7 @@ export default class BookDeliveryDialog extends PureComponent {
           display: 'flex',
           flexWrap: 'wrap',
           gap: 3,
-          backgroundColor: '#f8fafc',
+          backgroundColor: SURFACE_BASE,
           alignItems: 'center',
         }}
       >
@@ -391,7 +395,7 @@ export default class BookDeliveryDialog extends PureComponent {
     return (
       <TableContainer component={Paper} variant="outlined" sx={{ mb: 2 }}>
         <Table size="small">
-          <TableHead sx={{ backgroundColor: '#f1f5f9' }}>
+          <TableHead sx={{ backgroundColor: SURFACE_RAISED }}>
             <TableRow>
               <TableCell sx={{ fontWeight: 600 }}>SKU</TableCell>
               <TableCell sx={{ fontWeight: 600 }}>Artikel</TableCell>