From 42b0dad8a556eab1dba0b02073a5c677f7191862 Mon Sep 17 00:00:00 2001 From: CamronStaley Date: Wed, 30 Oct 2024 09:52:27 -0500 Subject: [PATCH 1/2] lightmode --- app/packages/app/src/components/QueryPerformanceToast.tsx | 2 +- .../components/src/components/ThemeProvider/index.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/app/packages/app/src/components/QueryPerformanceToast.tsx b/app/packages/app/src/components/QueryPerformanceToast.tsx index 50923c7314..c3d49bebf9 100644 --- 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(); diff --git a/app/packages/components/src/components/ThemeProvider/index.tsx b/app/packages/components/src/components/ThemeProvider/index.tsx index 12eec9c116..c127702cb2 100644 --- 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", From 06e17aa4cdc3a9efb9c1ec0c53f177de97593653 Mon Sep 17 00:00:00 2001 From: CamronStaley Date: Wed, 30 Oct 2024 10:09:48 -0500 Subject: [PATCH 2/2] fix button text color --- app/packages/app/src/components/QueryPerformanceToast.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/packages/app/src/components/QueryPerformanceToast.tsx b/app/packages/app/src/components/QueryPerformanceToast.tsx index c3d49bebf9..089756e2da 100644 --- a/app/packages/app/src/components/QueryPerformanceToast.tsx +++ b/app/packages/app/src/components/QueryPerformanceToast.tsx @@ -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