From 6952a58eeb8eaf35c8aca134b3bdcaa565893059 Mon Sep 17 00:00:00 2001
From: "artur.filippovskii" <arturfilippovskij@gmail.com>
Date: Mon, 15 Dec 2025 13:38:19 +0200
Subject: [PATCH 1/2] fix: change bg color and text color for contrast checker
 pass

---
 src/Container/README.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/Container/README.md b/src/Container/README.md
index 8c2f6a4775..46fb9edb39 100644
--- a/src/Container/README.md
+++ b/src/Container/README.md
@@ -19,27 +19,27 @@ The base container to contain, pad, and center content in the viewport. This com
 ```jsx live
 <div style={{ overflowX: 'auto' }}>
     <div style={{ width: '1500px', border: 'solid 3px red' }}>
-        <Container className="bg-danger-300 my-4">
+        <Container className="bg-danger-700 text-white my-4">
           The content in this container doesn't have a max width
         </Container>
         
-        <Container size="xl" className="bg-danger-300 my-4">
+        <Container size="xl" className="bg-danger-700 text-white my-4">
           The content in this container won't exceed the extra large width.
         </Container>
         
-        <Container size="lg" className="bg-danger-300 mb-4">
+        <Container size="lg" className="bg-danger-700 text-white mb-4">
           The content in this container won't exceed the large width.
         </Container>
         
-        <Container size="md" className="bg-danger-300 mb-4">
+        <Container size="md" className="bg-danger-700 text-white mb-4">
           The content in this container won't exceed the medium width.
         </Container>
         
-        <Container size="sm" className="bg-danger-300 mb-4">
+        <Container size="sm" className="bg-danger-700 text-white mb-4">
           The content in this container won't exceed the small width.
         </Container>
         
-        <Container size="xs" className="bg-danger-300 mb-4">
+        <Container size="xs" className="bg-danger-700 text-white mb-4">
           The content in this container won't exceed the extra small width.
         </Container>
     </div>

From dbbc4e7cbc4e38a0fae3faeda57ad9448bde263c Mon Sep 17 00:00:00 2001
From: "artur.filippovskii" <arturfilippovskij@gmail.com>
Date: Wed, 17 Dec 2025 16:28:01 +0200
Subject: [PATCH 2/2] fix: keep the colors consistent for border

---
 src/Container/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Container/README.md b/src/Container/README.md
index 46fb9edb39..1069ca44d1 100644
--- a/src/Container/README.md
+++ b/src/Container/README.md
@@ -18,7 +18,7 @@ The base container to contain, pad, and center content in the viewport. This com
 
 ```jsx live
 <div style={{ overflowX: 'auto' }}>
-    <div style={{ width: '1500px', border: 'solid 3px red' }}>
+    <div style={{ width: '1500px', border: 'solid 3px var(--pgn-color-danger-700)' }}>
         <Container className="bg-danger-700 text-white my-4">
           The content in this container doesn't have a max width
         </Container>