u

src/routes/artikel/marken.jsx

@@ -19,6 +19,9 @@ import { setLastArticleSku } from '../../automats';
 import brandAutomat from '../../automats/brandAutomat';
 import { enqueueSnackbar } from 'notistack';
 import { BrandThumb, BrandImageSearchDialog } from '../../components/brand';
+import {
+  PURPLE_PANEL,
+} from '../../colors';
 
 function draftsFrom(brands) {
   return Object.fromEntries(brands.map((b) => [b.id, b.name]));
@@ -180,7 +183,7 @@ class ArtikelMarkenPage extends PureComponent {
 
     return (
       <PanelTileGrid>
-        <PanelTile wide={2} minHeight={280} color="#ddd6fe">
+        <PanelTile wide={2} minHeight={280} color={PURPLE_PANEL}>
           <List dense disablePadding>
             {brands.length === 0 ? (
               <Typography variant="body2" color="text.secondary" sx={{ py: 1 }}>