btn light and dark fix

hardikforall · Nov 11, 2023 · 0617916 · 0617916
1 parent d458ee0
commit 0617916
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 26 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-<img src="https://i.ibb.co/zhzg9v3/M.png" alt="MinimaCSS Logo" style="height: 100px; width:100px;"/>
+<img src="https://i.ibb.co/BBw7NLd/M-2.png" alt="MinimaCSS Logo" style="height: 100px; width:100px;"/>
 
 # MinimaCSS ✨
 

diff --git a/dist/minimacss.css b/dist/minimacss.css
diff --git a/dist/minimacss.min.css b/dist/minimacss.min.css
diff --git a/examples/index.html b/examples/index.html
@@ -912,11 +912,11 @@ <h2>Alerts</h2>
                 error
             </span><!-- Replace with your icon -->
             <div class="alert-body">
-                <div class="alert-body-title">There were 2 errors with your submission</div>
+                <div class="alert-body-title">There were 2 errors with your form submission</div>
                 <div class="alert-body-description">
                     <ul role="list">
-                        <li>Your password must be at least 8 characters</li>
-                        <li>Your password must include at least one pro wrestling finishing move</li>
+                        <li>Your password must be at least 12 characters</li>
+                        <li>Your password must include All Letters in capital</li>
                     </ul>
                 </div>
             </div>
@@ -927,10 +927,10 @@ <h2>Alerts</h2>
                 error
             </span><!-- Replace with your icon -->
             <div class="alert-body">
-                <div class="alert-body-title">Order completed</div>
+                <div class="alert-body-title">Order Placed</div>
                 <div class="alert-body-description">
                     <p>ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum similique veniam.</p>
-                    <a href="">Download Receipt</a> <a href="" class="ml-3">Dismiss</a>
+                    <a href="">Download Invoice</a> <a href="" class="ml-3">Dismiss</a>
                 </div>
             </div>
         </div>
@@ -941,8 +941,8 @@ <h2>Alerts</h2>
             <div class="alert-body">
                 <div class="alert-body-title">New Update Received</div>
                 <div class="alert-body-description">
-                    <p>A new software update is available. See what’s new in version 2.0.4.</p>
-                    <a href="">Get Details →</a> 
+                    <p>A new software update is available. See what’s new!</p>
+                    <a href="">Get Details →</a>
                 </div>
             </div>
             <button class="alert-close">&times;</button>
@@ -954,8 +954,8 @@ <h2>Alerts</h2>
             <div class="alert-body">
                 <div class="alert-body-title">New Update Received</div>
                 <div class="alert-body-description">
-                    <p>A new software update is available. See what’s new in version 2.0.4.</p>
-                    <a href="">Get Details →</a> 
+                    <p>A new software update is available. See what’s new!</p>
+                    <a href="">Get Details →</a>
                 </div>
             </div>
             <button class="alert-close">&times;</button>

diff --git a/src/themes/_dark.scss b/src/themes/_dark.scss
@@ -57,10 +57,10 @@
     --button-warning-text-color: #{$white};
     --button-warning-focus-ring-color: #{hex-to-rgba($orange-400,0.4)};
 
-    --button-light-color: #{$gray-100};
-    --button-light-hover-color: #{$gray-200};
+    --button-light-color: #{$gray-50};
+    --button-light-hover-color: #{$gray-100};
     --button-light-text-color: #{$gray-900};
-    --button-light-focus-ring-color: #{hex-to-rgba($gray-300,0.4)};
+    --button-light-focus-ring-color: #{hex-to-rgba($gray-200, 0.4)};
 
     --button-dark-color: #{$gray-600};
     --button-dark-hover-color: #{$gray-500};

diff --git a/src/themes/_light.scss b/src/themes/_light.scss
@@ -59,10 +59,10 @@
     --button-warning-text-color: #{$white};
     --button-warning-focus-ring-color: #{hex-to-rgba($orange-500, 0.25)};
 
-    --button-light-color: #{$gray-100};
-    --button-light-hover-color: #{$gray-200};
+    --button-light-color: #{$gray-50};
+    --button-light-hover-color: #{$gray-100};
     --button-light-text-color: #{$gray-900};
-    --button-light-focus-ring-color: #{hex-to-rgba($gray-300, 0.25)};
+    --button-light-focus-ring-color: #{hex-to-rgba($gray-200, 0.25)};
 
     --button-dark-color: #{$gray-600};
     --button-dark-hover-color: #{$gray-500};