feat: use bg text color

ICIJ · Jul 2, 2024 · 9136262 · 9136262
1 parent b3e7a0a
commit 9136262
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/stories/basics/Colors.stories.js b/src/stories/basics/Colors.stories.js
@@ -17,39 +17,39 @@ export default {
         <phosphor-icon name="Lego Smiley" />
         .bg-primary-subtle
       </div>
-      <div class="p-3 mb-2 bg-secondary text-white border border-dark fw-bold">
+      <div class="p-3 mb-2 bg-secondary text-bg-secondary border border-dark fw-bold">
         <phosphor-icon name="Lego Smiley" />
         .bg-secondary
       </div>
       <div class="p-3 mb-2 bg-secondary-subtle text-secondary-emphasis border border-dark fw-bold">
         <phosphor-icon name="Lego Smiley" />
         .bg-secondary-subtle
       </div>
-      <div class="p-3 mb-2 bg-success text-white border border-dark fw-bold">
+      <div class="p-3 mb-2 bg-success text-bg-success border border-dark fw-bold">
         <phosphor-icon name="Lego Smiley" />
         .bg-success
       </div>
       <div class="p-3 mb-2 bg-success-subtle text-success-emphasis border border-dark fw-bold">
         <phosphor-icon name="Lego Smiley" />
         .bg-success-subtle
       </div>
-      <div class="p-3 mb-2 bg-danger text-white border border-dark fw-bold">
+      <div class="p-3 mb-2 bg-danger text-bg-danger border border-dark fw-bold">
         <phosphor-icon name="Lego Smiley" />
         .bg-danger
       </div>
       <div class="p-3 mb-2 bg-danger-subtle text-danger-emphasis border border-dark fw-bold">
         <phosphor-icon name="Lego Smiley" />
         .bg-danger-subtle
       </div>
-      <div class="p-3 mb-2 bg-warning text-dark border border-dark fw-bold">
+      <div class="p-3 mb-2 bg-warning text-bg-warning border border-dark fw-bold">
         <phosphor-icon name="Lego Smiley" />
         .bg-warning
       </div>
       <div class="p-3 mb-2 bg-warning-subtle text-warning-emphasis border border-dark fw-bold">
         <phosphor-icon name="Lego Smiley" />
         .bg-warning-subtle
       </div>
-      <div class="p-3 mb-2 bg-info text-dark border border-dark fw-bold">
+      <div class="p-3 mb-2 bg-info text-bg-info border border-dark fw-bold">
         <phosphor-icon name="Lego Smiley" />
         .bg-info
       </div>

diff --git a/src/utils/settings.scss b/src/utils/settings.scss
@@ -6,7 +6,7 @@ $tertiary: #FFBF57;
 $danger: #dc3545;
 
 $warning: #FFBF57;
-$success: #00bb84;
+$success: #228658;
 $info: #45C4FF;
 $light: #C7C7C7;
 $lighter: #F3F3F3;