u

src/components/manifest/PdfViewerPanel.jsx

@@ -15,6 +15,11 @@ import ViewSidebarIcon from '@mui/icons-material/ViewSidebar';
 import { enqueueSnackbar } from 'notistack';
 import { PanelTile } from 'dashgui/panels';
 import { delivery as deliveryApi } from '../../api';
+import {
+  SURFACE_BASE,
+  SURFACE_WASH,
+  WHITE,
+} from '../../colors';
 
 /**
  * Inline PDF viewer rendered as a panel tile, mirroring TextEditorPanel's
@@ -125,7 +130,7 @@ export class PdfViewerPanel extends PureComponent {
       <PanelTile
         wide={wide}
         minHeight={320}
-        color="#f8fafc"
+        color={SURFACE_BASE}
         sx={{ height, minHeight: 320 }}
       >
         <Box
@@ -205,7 +210,7 @@ export class PdfViewerPanel extends PureComponent {
               border: '1px solid',
               borderColor: 'divider',
               borderRadius: 1,
-              bgcolor: '#ffffff',
+              bgcolor: WHITE,
               overflow: 'hidden',
             }}
           >
@@ -217,7 +222,7 @@ export class PdfViewerPanel extends PureComponent {
                   display: 'flex',
                   alignItems: 'center',
                   justifyContent: 'center',
-                  bgcolor: 'rgba(248, 250, 252, 0.7)',
+                  bgcolor: SURFACE_WASH,
                   zIndex: 2,
                 }}
               >