diff --git a/pkg/web_css/lib/src/_base.scss b/pkg/web_css/lib/src/_base.scss
index 32288bd0df..75ab1d4d08 100644
--- a/pkg/web_css/lib/src/_base.scss
+++ b/pkg/web_css/lib/src/_base.scss
@@ -80,7 +80,7 @@ button {
   border: none;
 
   &.pub-button-danger {
-    --mdc-theme-primary: var(--pub-color-dangerRed);
+    --mdc-theme-primary: var(--pub-button-danger-background);
   }
 
   &.pub-button-cancel {
diff --git a/pkg/web_css/lib/src/_variables.scss b/pkg/web_css/lib/src/_variables.scss
index 1b7ec8788a..90763059db 100644
--- a/pkg/web_css/lib/src/_variables.scss
+++ b/pkg/web_css/lib/src/_variables.scss
@@ -114,6 +114,7 @@
   --pub-link-text-color: #1967d2;
   --pub-badge-default-color: var(--pub-link-text-color);
   --pub-badge-red-color: var(--pub-color-dangerRed);
+  --pub-button-danger-background: var(--pub-color-dangerRed);
   --pub-copy_feedback-background-color: #fafaff;
   --pub-detail_tab-text-color: var(--pub-neutral-textColor);
   --pub-detail_tab-underline-color: #dddddd;
@@ -171,6 +172,7 @@
   --pub-link-text-color: #47b0f8;
   --pub-badge-default-color: var(--pub-link-text-color);
   --pub-badge-red-color: var(--pub-color-dangerRed);
+  --pub-button-danger-background: #a03737;
   --pub-copy_feedback-background-color: #404040;
   --pub-detail_tab-text-color: var(--pub-neutral-textColor);
   --pub-detail_tab-underline-color: #888888;