Lightmode for Query Performance Toast (#5004)

* lightmode * fix button text color
voxel51 · Oct 30, 2024 · ed9d3c2 · ed9d3c2
1 parent 95955c9
commit ed9d3c2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/packages/app/src/components/QueryPerformanceToast.tsx b/app/packages/app/src/components/QueryPerformanceToast.tsx
@@ -21,7 +21,7 @@ const hideQueryPerformanceToast = atom({
 });
 
 const QueryPerformanceToast = () => {
-  const [shown, setShown] = useState(true);
+  const [shown, setShown] = useState(false);
   const [disabled, setDisabled] = useRecoilState(hideQueryPerformanceToast);
   const element = document.getElementById("queryPerformance");
   const theme = useTheme();
@@ -54,7 +54,7 @@ const QueryPerformanceToast = () => {
               open(QP_MODE, "_blank")?.focus();
               setOpen(false);
             }}
-            sx={{ marginLeft: "auto", backgroundColor: theme.primary.main, color: theme.text.primary, boxShadow: 0 }} // Right align the button
+            sx={{ marginLeft: "auto", backgroundColor: theme.primary.main, color: "#FFFFFF", boxShadow: 0 }} // Right align the button
           >
             View Documentation
           </Button>

diff --git a/app/packages/components/src/components/ThemeProvider/index.tsx b/app/packages/components/src/components/ThemeProvider/index.tsx
@@ -93,8 +93,8 @@ let theme = extendMuiTheme({
         custom: {
           shadow: "hsl(200, 0%, 90%)",
           shadowDark: "hsl(200, 0%, 70%)",
-          lightning: "#f5b700",
-          toastBackgroundColor: "#333",
+          lightning: "hsl(25, 100%, 51%)",
+          toastBackgroundColor: "#FFFFFF",
         },
         voxel: {
           500: "#FF6D04",