fix(components, protocol-designer): fix background color in file crea…

…tion Update background color in new protocol wizard from grey20 to grey10 Closes RQA-3361
Opentrons · Nov 15, 2024 · 2acd33c · 2acd33c
1 parent 112ea83
commit 2acd33c
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/components/src/organisms/EndUserAgreementFooter/index.tsx b/components/src/organisms/EndUserAgreementFooter/index.tsx
@@ -14,7 +14,7 @@ const EULA_URL = 'https://opentrons.com/eula'
 export function EndUserAgreementFooter(): JSX.Element {
   return (
     <Flex
-      backgroundColor={COLORS.grey20}
+      backgroundColor={COLORS.grey10}
       padding={SPACING.spacing24}
       width="100%"
       alignItems={ALIGN_CENTER}

diff --git a/protocol-designer/src/pages/CreateNewProtocolWizard/index.tsx b/protocol-designer/src/pages/CreateNewProtocolWizard/index.tsx
@@ -373,7 +373,7 @@ export function CreateNewProtocolWizard(): JSX.Element | null {
   }
 
   return showWizard ? (
-    <Box backgroundColor={COLORS.grey20} height="calc(100vh - 48px)">
+    <Box backgroundColor={COLORS.grey10} height="calc(100vh - 48px)">
       <CreateFileForm
         currentWizardStep={currentWizardStep}
         createProtocolFile={createProtocolFile}

diff --git a/protocol-designer/src/pages/Landing/index.tsx b/protocol-designer/src/pages/Landing/index.tsx
@@ -95,7 +95,7 @@ export function Landing(): JSX.Element {
       ) : null}
       <Flex
         data-cy="landing-page"
-        backgroundColor={COLORS.grey20}
+        backgroundColor={COLORS.grey10}
         flexDirection={DIRECTION_COLUMN}
         alignItems={ALIGN_CENTER}
         justifyContent={JUSTIFY_CENTER}