index.scss: use pybricks blue for info toasts

This makes toasts fit better in the color scheme.
2026-07-28 04:08:05 +00:00 · 2023-04-24 11:18:13 -05:00
parent 8ac59f3d8d
commit e3cfe856b9
1 changed files with 15 additions and 0 deletions
@@ -101,6 +101,21 @@ body {
 .#{bp.$ns}-toast {
    user-select: text;
    max-width: 700px;
+
+    &.#{bp.$ns}-intent-primary {
+        background-color: color.adjust(pb.$pybricks-blue, $lightness: -10%);
+
+        & .#{bp.$ns}-button {
+            background-color: color.adjust(
+                pb.$pybricks-blue,
+                $lightness: -10%
+            ) !important;
+
+            &:hover {
+                background: pb.$pybricks-blue !important;
+            }
+        }
+    }
 }

 .#{bp.$ns}-button {