From cde66e9556c06cd3f41ecfa3967e40bfa6d1c7ba Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Fri, 6 Mar 2020 20:35:36 +0100
Subject: [PATCH] favorites -> default highlight

---
 packages/page-accounts/src/Account.tsx          | 2 +-
 packages/page-address-book/src/Address.tsx      | 2 +-
 packages/page-staking/src/Overview/Address.tsx  | 2 +-
 packages/page-staking/src/Targets/Validator.tsx | 2 +-
 packages/react-components/src/Table.tsx         | 4 ++++
 5 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/page-accounts/src/Account.tsx b/packages/page-accounts/src/Account.tsx
index 31fb3aa2b2..7a9cee32eb 100644
--- a/packages/page-accounts/src/Account.tsx
+++ b/packages/page-accounts/src/Account.tsx
@@ -164,7 +164,7 @@ function Account ({ address, className, filter, isFavorite, toggleFavorite }: Pr
     <tr className={className}>
       <td className='favorite'>
         <Icon
-          className={`${isFavorite && 'ui--highlight--color'}`}
+          className={`${isFavorite && 'isSelected isColorHighlight'}`}
           name={isFavorite ? 'star' : 'star outline'}
           onClick={_onFavorite}
         />
diff --git a/packages/page-address-book/src/Address.tsx b/packages/page-address-book/src/Address.tsx
index 8ebd8bf3fa..89f0e15738 100644
--- a/packages/page-address-book/src/Address.tsx
+++ b/packages/page-address-book/src/Address.tsx
@@ -157,7 +157,7 @@ function Address ({ address, className, filter, isFavorite, toggleFavorite }: Pr
     <tr className={className}>
       <td className='favorite'>
         <Icon
-          className={`${isFavorite && 'ui--highlight--color'}`}
+          className={`${isFavorite && 'isSelected isColorHighlight'}`}
           name={isFavorite ? 'star' : 'star outline'}
           onClick={_onFavorite}
         />
diff --git a/packages/page-staking/src/Overview/Address.tsx b/packages/page-staking/src/Overview/Address.tsx
index a2bc0a69f4..7223c02e1b 100644
--- a/packages/page-staking/src/Overview/Address.tsx
+++ b/packages/page-staking/src/Overview/Address.tsx
@@ -136,7 +136,7 @@ export default function Address ({ address, className, filterName, hasQueries, h
     <tr className={`${className} ${isAuthor && 'isHighlight'} ${!isVisible && 'staking--hidden'}`}>
       <td className='favorite'>
         <Icon
-          className={`${isFavorite && 'ui--highlight--color'}`}
+          className={`${isFavorite && 'isSelected isColorHighlight'}`}
           name={isFavorite ? 'star' : 'star outline'}
           onClick={_onFavorite}
         />
diff --git a/packages/page-staking/src/Targets/Validator.tsx b/packages/page-staking/src/Targets/Validator.tsx
index d6964dad11..d5a4eb51f7 100644
--- a/packages/page-staking/src/Targets/Validator.tsx
+++ b/packages/page-staking/src/Targets/Validator.tsx
@@ -27,7 +27,7 @@ export default function Validator ({ info: { accountId, bondOther, bondOwn, bond
     <tr className={`${isNominating && 'isHighlight'}`}>
       <td className='favorite'>
         <Icon
-          className={`${isFavorite && 'ui--highlight--color'}`}
+          className={`${isFavorite && 'isSelected isColorHighlight'}`}
           name={isFavorite ? 'star' : 'star outline'}
           onClick={_onFavorite}
         />
diff --git a/packages/react-components/src/Table.tsx b/packages/react-components/src/Table.tsx
index 620957c292..498029df2f 100644
--- a/packages/react-components/src/Table.tsx
+++ b/packages/react-components/src/Table.tsx
@@ -170,6 +170,10 @@ export default styled(Table)`
           border-right-width: 1px;
           border-radius: 0 0.25rem 0.25rem 0;
         }
+
+        &.favorite i.icon.isSelected {
+          color: darkorange;
+        }
       }
 
       th {