Jia/_/fix not available page color (#756)

* fix: hamburger menu icon * fix: color * chore: fix format * chore: clean up code
deriv-com · Aug 5, 2024 · a55678e · a55678e
1 parent 14fea7a
commit a55678e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/javascript/app/pages/trade/not-available.jsx b/src/javascript/app/pages/trade/not-available.jsx
@@ -8,10 +8,10 @@ import contractManager from '../../common/contract_manager.js';
 const NotAvailable = ({ title, body }) => (
     <div className='not-available-container'>
         <section className='not-available-section'>
-            <Text size='xl' bold centered>
+            <Text size='xl' bold centered color='not-available-section-text'>
                 {title}
             </Text>
-            <Text size='lg' centered>
+            <Text size='lg' centered color='not-available-section-text'>
                 {body}
             </Text>
             <Button

diff --git a/src/sass/_common/reskin.scss b/src/sass/_common/reskin.scss
@@ -920,6 +920,10 @@ html.test {
     max-width: 940px;
 }
 
+.not-available-section-text {
+    color: var(--component-textIcon-normal-prominent);
+}
+
 .main-loader {
     display: flex;
     flex-direction: column;
@@ -1059,4 +1063,4 @@ html.test {
     &:hover {
         background: var(--core-color-solid-green-1100);
     }
-}
+}