Merge pull request #226 from jim-deriv/jim/wall-4537/add-missing-colo…

…rs-to-text-component [WALL] Jim/WALL-4537/add missing colours to the text components
deriv-com · Jul 15, 2024 · 8fb37dc · 8fb37dc
2 parents 7cb8aa3 + cb699cc
commit 8fb37dc
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 0 deletions.
diff --git a/src/components/Text/Text.scss b/src/components/Text/Text.scss
@@ -11,6 +11,9 @@ $color-map: (
     "blue": var(--du-text-info-blue, #377cfc),
     "green": var(--du-text-green, #17eabd),
     "white": var(--du-text-white, #ffffff),
+    "black": var(--du-text-black, #000000),
+    "orange": var(--du-text-orange, #ff9c13),
+    "system-dark-2-general-text": var(--du-system-dark-2-general-text,#c2c2c2),
 );
 
 $desktop-font-size-map: (

diff --git a/src/styles/abstracts/_variables.scss b/src/styles/abstracts/_variables.scss
@@ -95,6 +95,7 @@ $color-gray-11: #fafafa;
 $color-gray-12: #f5f7fa;
 $color-gray-13: #2e2e2e;
 $color-orange: #ff6444;
+$color-orange-1:#ff9c13;
 $color-purple: #722fe4;
 $color-purple-1:#8F4BFF;
 $color-red: #ff444f;

diff --git a/src/styles/base/_root.scss b/src/styles/base/_root.scss
@@ -93,6 +93,9 @@
         --du-text-green: #{$color-green-6};
         --du-text-blue: #{$color-blue-3};
         --du-text-info-blue: #{$color-blue};
+        --du-text-black: #{$color-black-7};
+        --du-text-orange: #{$color-orange-1};
+        --du-system-dark-2-general-text: #{$color-gray};
         --du-text-info-blue-background: #{$color-blue-5};
         --du-text-colored-background: #{$color-white};
         --du-icon-light-background: #{$color-black-9};

diff --git a/stories/Text.stories.ts b/stories/Text.stories.ts
@@ -38,6 +38,9 @@ const meta = {
                 "blue",
                 "green",
                 "white",
+                "black",
+                "orange",
+                "system-dark-2-general-text",
             ],
             control: { type: "select" },
         },