diff --git a/foundations.html b/foundations.html
index 148d7f4..f1c5bc2 100644
--- a/foundations.html
+++ b/foundations.html
@@ -27,6 +27,7 @@
| light-grey | #E2E5E9 | Card-Flächen, Card-Bodies, Formularflächen, Optionszeilen, inaktive Buttons, Sandwich-Menü-Flächen und Chart-/Score-Hintergründe. |
| medium-grey | #D4D6DB | Aktive Standardbuttons, geöffnete Pulldown-Flächen, Hilfetext-Flächen, Fragezeichen-Icons, Referenzwerte in Charts sowie Entfernen-Button in Eingabefeldern. |
| dark-grey | #7B879D | Ausgewählte Tab-Buttons als Fläche sowie Schriftfarbe für deaktivierte oder zurückgenommene Interaktionselemente. |
+ | black | #000000 | Neutrale Vollton-Overlay-Farbe für starke visuelle Deaktivierung von Hintergrundobjekten. |
| white | #FFFFFF | Standardfläche von Buttons, Eingabefeldern, Pulldown-Triggern, Checkboxen, Radios, Toggle-Tracks und Card-Trennern. |
| signal-green | #009101 | Positive Score-Balken und positive Chart-Werte. |
| signal-yellow | #9C7A00 | Neutrale Score-Balken, neutrale Chart-Werte und Warnwerte in Tabellen. |
diff --git a/semantic-tokens-patterns.html b/semantic-tokens-patterns.html
index defc586..fd717e2 100644
--- a/semantic-tokens-patterns.html
+++ b/semantic-tokens-patterns.html
@@ -95,6 +95,7 @@
Delete Confirmation Overlay
| Semantischer Token | Verwendeter Foundation-Token | Beschreibung Verwendungszweck im Pattern |
| surface-delete-confirmation-overlay | color-light-grey | Hintergrundfläche des schwebenden Bestätigungsfensters. |
+ | surface-delete-confirmation-target-dim-overlay | color-black | Overlay-Farbe zur Ausgrauung des Zielobjekts hinter dem Bestätigungsfenster. |
| text-delete-confirmation-overlay | color-font-dark | Textfarbe im Bestätigungsfenster. |
| layout-delete-confirmation-target-max-width | 35rem | Maximalbreite der abgedunkelten Ziel-Card in der Pattern-Demo. |
| layout-delete-confirmation-overlay-width-factor | 0.8 | Breitenfaktor des schwebenden Bestätigungsfensters relativ zur Breite des Zielobjekts (80%). |
diff --git a/styles/01-foundations.css b/styles/01-foundations.css
index 93f1bd3..fe76695 100644
--- a/styles/01-foundations.css
+++ b/styles/01-foundations.css
@@ -11,6 +11,7 @@
--color-light-grey: #E2E5E9;
--color-medium-grey: #CDCFD4;
--color-dark-grey: #7B879D;
+ --color-black: #000000;
--color-white: #FFFFFF;
--color-process-inactive: #FFAE79;
--color-signal-green: #009101;
@@ -198,6 +199,7 @@
--text-align-text-layout-column-center: center;
--text-align-text-layout-column-right: right;
--surface-delete-confirmation-overlay: var(--color-light-grey);
+ --surface-delete-confirmation-target-dim-overlay: var(--color-black);
--text-delete-confirmation-overlay: var(--color-font-dark);
--layout-delete-confirmation-target-max-width: 35rem;
--layout-delete-confirmation-overlay-width-factor: 0.8;
diff --git a/styles/27-patterns-delete-confirmation.css b/styles/27-patterns-delete-confirmation.css
index 47acd7a..81ef890 100644
--- a/styles/27-patterns-delete-confirmation.css
+++ b/styles/27-patterns-delete-confirmation.css
@@ -20,7 +20,7 @@
content: "";
position: absolute;
inset: 0;
- background: var(--color-dark-grey);
+ background: var(--surface-delete-confirmation-target-dim-overlay);
opacity: var(--layout-delete-confirmation-target-dim-opacity);
pointer-events: none;
}