From 4263e9b507471ee7470c2e04f83809e15219e92c Mon Sep 17 00:00:00 2001
From: Prateek Shourya <prateekshourya29@gmail.com>
Date: Sat, 30 Dec 2023 11:05:15 +0530
Subject: [PATCH] Style: custom theme UI fixes (#3284)

* style: fix `background-color` inconsistency in issue layout when custom theme is applied.

* fix: theme dropdown overlapping with input color picker icons (z-index issue).
---
 web/components/core/theme/theme-switch.tsx                      | 2 +-
 .../issues/issue-layouts/roots/project-layout-root.tsx          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/core/theme/theme-switch.tsx b/web/components/core/theme/theme-switch.tsx
index 78364562f..60ef272a2 100644
--- a/web/components/core/theme/theme-switch.tsx
+++ b/web/components/core/theme/theme-switch.tsx
@@ -46,7 +46,7 @@ export const ThemeSwitch: FC<Props> = (props) => {
       }
       onChange={onChange}
       input
-      width="w-full"
+      width="w-full z-20"
     >
       {THEME_OPTIONS.map((themeOption) => (
         <CustomSelect.Option key={themeOption.value} value={themeOption}>
diff --git a/web/components/issues/issue-layouts/roots/project-layout-root.tsx b/web/components/issues/issue-layouts/roots/project-layout-root.tsx
index db30e4b7c..39f6872cc 100644
--- a/web/components/issues/issue-layouts/roots/project-layout-root.tsx
+++ b/web/components/issues/issue-layouts/roots/project-layout-root.tsx
@@ -48,7 +48,7 @@ export const ProjectLayoutRoot: React.FC = observer(() => {
           {Object.keys(getIssues ?? {}).length == 0 ? (
             <ProjectEmptyState />
           ) : (
-            <div className="relative h-full w-full overflow-auto">
+            <div className="relative h-full w-full overflow-auto bg-custom-background-90">
               {activeLayout === "list" ? (
                 <ListLayout />
               ) : activeLayout === "kanban" ? (