fix: change bg color and text color for contrast checker pass

Author: filippovskii09

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>