update toast css

NEAR-DevHub · Dec 30, 2024 · f9234d6 · f9234d6
1 parent f45b76d
commit f9234d6
Showing 1 changed file with 21 additions and 3 deletions.
diff --git a/instances/treasury-devdao.near/widget/components/templates/AppLayout.jsx b/instances/treasury-devdao.near/widget/components/templates/AppLayout.jsx
@@ -187,13 +187,31 @@ const Theme = styled.div`
     color: white !important;
   }
 
+  .toast-container {
+    right: 10px !important;
+    bottom: 10px !important;
+  }
   .toast {
-    background: white !important;
+    border-radius: 10px;
+    overflow: hidden;
+    color: var(--text-color) !important;
+    background: var(--bg-card-color) !important;
+    border-color: var(--border-color) !important;
+
+    a {
+      color: inherit !important;
+      &:active {
+        color: inherit !important;
+      }
+      &:hover {
+        color: inherit !important;
+      }
+    }
   }
 
   .toast-header {
-    background-color: var(--other-primary) !important;
-    color: white !important;
+    background-color: var(--bg-system-color) !important;
+    color: var(--text-secondary-color) !important;
   }
 
   .text-md {