Merge pull request #3505 from threefoldtech/dev_fix_toast_err_sentry

fix sentry console toast error by updating theme handling
threefoldtech · Oct 9, 2024 · 77e1941 · 77e1941
2 parents 4fd5606 + 77184a3
commit 77e1941
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/playground/src/utils/custom_toast.ts b/packages/playground/src/utils/custom_toast.ts
@@ -36,7 +36,9 @@ export function createCustomToast(
   type: ToastType,
   componentProps?: Record<string, unknown>,
 ) {
-  const theme = localStorage.getItem("APP_CURRENT_THEME") || "dark";
+  const themeElement = document.getElementById("vuetify-theme-stylesheet");
+  const theme = window.getComputedStyle(themeElement!).colorScheme;
+
   const colors = theme === "dark" ? darkModeColors : lightModeColors;
 
   const toastOptions: ToastOptions = {
@@ -61,7 +63,6 @@ export function createCustomToast(
     const leftIcons = document.getElementsByClassName("mosha__icon");
     const closeIcons = document.getElementsByClassName("mosha__toast__close-icon");
     const contents = document.getElementsByClassName("mosha__toast__content");
-
     if (leftIcons && closeIcons && contents) {
       for (let index = 0; index < leftIcons.length; index++) {
         const svgIcon = leftIcons[index].children[0];