From 71f6f77ae8e588983b2ed54721a902181c91d0a2 Mon Sep 17 00:00:00 2001
From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com>
Date: Thu, 4 Jan 2024 04:58:08 +0530
Subject: [PATCH] ui: Change background and padding of advanced settings

---
 .../GenerationSettingsAccordion.tsx                      | 9 ++++++++-
 .../ImageSettingsAccordion/ImageSettingsAccordion.tsx    | 9 ++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/settingsAccordions/GenerationSettingsAccordion/GenerationSettingsAccordion.tsx b/invokeai/frontend/web/src/features/settingsAccordions/GenerationSettingsAccordion/GenerationSettingsAccordion.tsx
index 568aeb8088..44c7219d4c 100644
--- a/invokeai/frontend/web/src/features/settingsAccordions/GenerationSettingsAccordion/GenerationSettingsAccordion.tsx
+++ b/invokeai/frontend/web/src/features/settingsAccordions/GenerationSettingsAccordion/GenerationSettingsAccordion.tsx
@@ -66,7 +66,14 @@ export const GenerationSettingsAccordion = memo(() => {
               <SyncModelsIconButton />
             </Flex>
             <InvExpander>
-              <Flex gap={4} flexDir="column" pb={4}>
+              <Flex
+                gap={4}
+                flexDir="column"
+                p={4}
+                mb={4}
+                borderRadius={4}
+                background="base.750"
+              >
                 <InvControlGroup labelProps={labelProps}>
                   <ParamScheduler />
                   <ParamSteps />
diff --git a/invokeai/frontend/web/src/features/settingsAccordions/ImageSettingsAccordion/ImageSettingsAccordion.tsx b/invokeai/frontend/web/src/features/settingsAccordions/ImageSettingsAccordion/ImageSettingsAccordion.tsx
index 568dd2ea5a..6f3215ce7f 100644
--- a/invokeai/frontend/web/src/features/settingsAccordions/ImageSettingsAccordion/ImageSettingsAccordion.tsx
+++ b/invokeai/frontend/web/src/features/settingsAccordions/ImageSettingsAccordion/ImageSettingsAccordion.tsx
@@ -80,7 +80,14 @@ export const ImageSettingsAccordion = memo(() => {
           <ImageSizeLinear />
         )}
         <InvExpander>
-          <Flex gap={4} pb={4} flexDir="column">
+          <Flex
+            flexDirection="column"
+            gap={4}
+            p={4}
+            mb={4}
+            borderRadius={4}
+            background="base.750"
+          >
             <Flex gap={4}>
               <ParamSeedNumberInput />
               <ParamSeedShuffle />