clean up css variables for tx status

Emurgo · Oct 12, 2021 · 426bc4f · 426bc4f
1 parent 973744b
commit 426bc4f
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 23 deletions.
diff --git a/packages/yoroi-extension/app/styles/globalStyles.js b/packages/yoroi-extension/app/styles/globalStyles.js
@@ -54,6 +54,7 @@ const globalStyles = (theme: Object): Node => (
 
         '--th-palette-tx-status-pending-background': theme.palette.txStatus.pending.background,
         '--th-palette-tx-status-pending-text': theme.palette.txStatus.pending.text,
+        '--th-palette-tx-status-pending-stripes': theme.palette.txStatus.pending.text,
         '--th-palette-tx-status-high-background': theme.palette.txStatus.high.background,
         '--th-palette-tx-status-high-text': theme.palette.txStatus.high.text,
         '--th-palette-tx-status-failed-background': theme.palette.txStatus.failed.background,

diff --git a/packages/yoroi-extension/app/styles/themes/common-theme.js b/packages/yoroi-extension/app/styles/themes/common-theme.js
@@ -34,8 +34,9 @@ export const commonTheme: Object = createTheme({
     },
     txStatus: {
       pending: {
-        background: '#d8dcdf',
-        text: '#303136',
+        background: '#F0F3F5',
+        text: '#ADAEB6',
+        stripes: 'rgba(217, 221, 224, 0.2)',
       },
       high: {
         background: '#c9ede5',
@@ -51,7 +52,7 @@ export const commonTheme: Object = createTheme({
       },
       low: {
         background: '#ff145326',
-        text: '#fa618a',
+        text: '#FA5F88',
       },
     },
   },

diff --git a/packages/yoroi-extension/app/themes/prebuilt/YoroiClassic.js b/packages/yoroi-extension/app/themes/prebuilt/YoroiClassic.js
@@ -9,16 +9,6 @@ const YoroiClassic = {
   '--theme-send-confirmation-dialog-send-values-color': '#ea4c5b',
   '--theme-hw-send-confirmation-info-block-background-color': '#f3f3f5',
 
-  '--theme-transactions-state-pending-background-color': '#F0F3F5',
-  '--theme-transactions-state-pending-stripes-color': 'rgba(217, 221, 224, 0.2)', // #D9DDE0
-  '--theme-transactions-state-pending-text-color': '#ADAEB6',
-  '--theme-transactions-priority-low-background-color': 'rgba(255, 19, 81, 0.15)', // #ff1351
-  '--theme-transactions-priority-low-text-color': '#FA5F88',
-  '--theme-transactions-priority-medium-background-color': 'rgba(245, 166, 35, 0.3)', // F5A623
-  '--theme-transactions-priority-medium-text-color': '#F5A623',
-  '--theme-transactions-priority-high-background-color': '#C9EDE5',
-  '--theme-transactions-priority-high-text-color': '#17D1AA',
-
   '--theme-wallet-add-title-color': '#141415',
   '--theme-wallet-add-sub-title-color': '#888893',
   '--theme-wallet-add-option-dialog-item-title-color': '#2B2C32',

diff --git a/packages/yoroi-extension/app/themes/prebuilt/YoroiModern.js b/packages/yoroi-extension/app/themes/prebuilt/YoroiModern.js
@@ -15,16 +15,6 @@ const YoroiModern = {
   '--theme-send-confirmation-dialog-send-values-color': '#15d1aa',
   '--theme-hw-send-confirmation-info-block-background-color': '#f0f3f5',
 
-  '--theme-transactions-state-pending-background-color': '#F0F3F5',
-  '--theme-transactions-state-pending-stripes-color': 'rgba(217, 221, 224, 0.2)', // #D9DDE0
-  '--theme-transactions-state-pending-text-color': '#ADAEB6',
-  '--theme-transactions-priority-low-background-color': 'rgba(255, 19, 81, 0.15)', // #ff1351
-  '--theme-transactions-priority-low-text-color': '#FA5F88',
-  '--theme-transactions-priority-medium-background-color': 'rgba(245, 166, 35, 0.3)', // F5A623
-  '--theme-transactions-priority-medium-text-color': '#F5A623',
-  '--theme-transactions-priority-high-background-color': '#C9EDE5',
-  '--theme-transactions-priority-high-text-color': '#17D1AA',
-
   '--theme-wallet-add-title-color': '#ffffff',
   '--theme-wallet-add-sub-title-color': '#ffffff',
   '--theme-wallet-add-option-dialog-item-title-color': '#2B2C32',