u

src/components/manifest/TextEditorPanel.jsx

@@ -18,6 +18,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 text-file viewer/editor rendered as a full-width panel tile below the
@@ -169,7 +174,7 @@ export class TextEditorPanel extends PureComponent {
       <PanelTile
         wide={wide}
         minHeight={320}
-        color="#f8fafc"
+        color={SURFACE_BASE}
         sx={{ height, minHeight: 320 }}
       >
         <Box
@@ -264,7 +269,7 @@ export class TextEditorPanel extends PureComponent {
                   display: 'flex',
                   alignItems: 'center',
                   justifyContent: 'center',
-                  bgcolor: 'rgba(248, 250, 252, 0.7)',
+                  bgcolor: SURFACE_WASH,
                   zIndex: 2,
                 }}
               >
@@ -292,7 +297,7 @@ export class TextEditorPanel extends PureComponent {
                     fontSize: '0.72rem',
                     lineHeight: 1.45,
                     tabSize: 4,
-                    bgcolor: '#ffffff',
+                    bgcolor: WHITE,
                     p: 1.5,
                     '& textarea': {
                       height: '100% !important',