diff --git a/src/stylesheet/_colors.scss b/src/stylesheet/_colors.scss
index b1524a0475bd2900d81668996257a3d0223f8cdf..2191cbd7aebc8f26f88e19a223a4a9fd793979a5 100644
--- a/src/stylesheet/_colors.scss
+++ b/src/stylesheet/_colors.scss
@@ -103,6 +103,9 @@ $osd_bg_color: RGB(0 0 0 / 70%);
 $osd_link_color: color-mix(in srgb, var(--accent-bg-color) 50%, white);
 $osd_link_visited_color: color-mix(in srgb, var(--accent-bg-color) 75%, white);
 
+$toast_bg_color: #505053;
+$toast_fg_color: white;
+
 $tooltip_border_color: RGB(255 255 255 / 10%);
 
 $drop_target_color: var(--accent-bg-color);
diff --git a/src/stylesheet/widgets/_misc.scss b/src/stylesheet/widgets/_misc.scss
index f0d7f6cf675eae9d0128ff1c75abd629f24bdfd6..5c58ed5453a7359a9de0537da39fc4f5cadb0db8 100644
--- a/src/stylesheet/widgets/_misc.scss
+++ b/src/stylesheet/widgets/_misc.scss
@@ -36,7 +36,18 @@ separator {
  **********/
 
 toast {
-  @extend %osd;
+  background: $toast_bg_color;
+  color: $toast_fg_color;
+  box-shadow: 0 1px 3px 1px RGB(0 0 6 / 7%),
+              0 2px 6px 2px RGB(0 0 6 / 3%);
+
+  --standalone-color-oklab: #{$standalone-color-oklab-dark};
+
+  --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab));
+  --destructive-color: oklab(from var(--destructive-bg-color) var(--standalone-color-oklab));
+  --success-color: oklab(from var(--success-bg-color) var(--standalone-color-oklab));
+  --warning-color: oklab(from var(--warning-bg-color) var(--standalone-color-oklab));
+  --error-color: oklab(from var(--error-bg-color) var(--standalone-color-oklab));
 
   margin: 12px;
   margin-bottom: 24px;