Update sequence logo color (#566)

Author: yigiterdev

packages/connect/src/connectors/sequence/SequenceLogo.tsx

@@ -8,27 +8,27 @@ export const SequenceLogo: FunctionComponent<LogoProps> = props => {
       <g clip-path="url(#clip0_29_10159)">
         <path
           d="M496.448 181.441C496.448 158.416 478.089 139.75 455.442 139.75C432.796 139.75 414.437 158.416 414.437 181.441C414.437 204.467 432.796 223.132 455.442 223.132C478.089 223.132 496.448 204.467 496.448 181.441Z"
-          fill="#7C3AED"
+          fill="var(--seq-color-primary)"
         />
         <path
           d="M82.0114 42.2523C82.0114 19.227 63.6525 0.561279 41.0057 0.561279C18.3589 0.561279 0 19.227 0 42.2523C0 65.2776 18.3589 83.9433 41.0057 83.9433C63.6525 83.9433 82.0114 65.2776 82.0114 42.2523Z"
-          fill="#7C3AED"
+          fill="var(--seq-color-primary)"
         />
         <path
           d="M82.0114 322.846C82.0114 299.821 63.6525 281.155 41.0057 281.155C18.3589 281.155 0 299.821 0 322.846C0 345.871 18.3589 364.537 41.0057 364.537C63.6525 364.537 82.0114 345.871 82.0114 322.846Z"
-          fill="#7C3AED"
+          fill="var(--seq-color-primary)"
         />
         <path
           d="M500 320.63C500 301.412 484.677 285.833 465.775 285.833H161.879C142.977 285.833 127.654 301.412 127.654 320.63C127.654 339.848 142.977 355.427 161.879 355.427H465.775C484.677 355.427 500 339.848 500 320.63Z"
-          fill="#7C3AED"
+          fill="var(--seq-color-primary)"
         />
         <path
           d="M368.794 181.441C368.794 162.223 353.471 146.644 334.569 146.644H34.2255C15.3234 146.644 0.000265708 162.223 0.000265708 181.441C0.000265708 200.659 15.3234 216.238 34.2255 216.238H334.569C353.471 216.238 368.794 200.659 368.794 181.441Z"
-          fill="#7C3AED"
+          fill="var(--seq-color-primary)"
         />
         <path
           d="M500 42.2523C500 23.0343 484.677 7.45507 465.775 7.45507H161.879C142.977 7.45507 127.654 23.0343 127.654 42.2523C127.654 61.4703 142.977 77.0495 161.879 77.0495H465.775C484.677 77.0495 500 61.4703 500 42.2523Z"
-          fill="#7C3AED"
+          fill="var(--seq-color-primary)"
         />
       </g>
       <defs>

packages/connect/src/styles.ts

@@ -2533,4 +2533,4 @@ export const styles = String.raw`
   }
 }
 
-`
+`

packages/wallet-widget/src/components/ConnectorLogos/SequenceLogo.tsx

@@ -8,27 +8,27 @@ export const SequenceLogo: React.FC = () => {
     >
       <path
         d="M496.448 181.441C496.448 158.416 478.089 139.75 455.442 139.75C432.796 139.75 414.437 158.416 414.437 181.441C414.437 204.467 432.796 223.132 455.442 223.132C478.089 223.132 496.448 204.467 496.448 181.441Z"
-        fill="#7C3AED"
+        fill="var(--seq-color-primary)"
       />
       <path
         d="M82.0114 42.2523C82.0114 19.227 63.6525 0.561279 41.0057 0.561279C18.3589 0.561279 0 19.227 0 42.2523C0 65.2776 18.3589 83.9433 41.0057 83.9433C63.6525 83.9433 82.0114 65.2776 82.0114 42.2523Z"
-        fill="#7C3AED"
+        fill="var(--seq-color-primary)"
       />
       <path
         d="M82.0114 322.846C82.0114 299.821 63.6525 281.155 41.0057 281.155C18.3589 281.155 0 299.821 0 322.846C0 345.871 18.3589 364.537 41.0057 364.537C63.6525 364.537 82.0114 345.871 82.0114 322.846Z"
-        fill="#7C3AED"
+        fill="var(--seq-color-primary)"
       />
       <path
         d="M500 320.63C500 301.412 484.677 285.833 465.775 285.833H161.879C142.977 285.833 127.654 301.412 127.654 320.63C127.654 339.848 142.977 355.427 161.879 355.427H465.775C484.677 355.427 500 339.848 500 320.63Z"
-        fill="#7C3AED"
+        fill="var(--seq-color-primary)"
       />
       <path
         d="M368.794 181.441C368.794 162.223 353.471 146.644 334.569 146.644H34.2255C15.3234 146.644 0.000265708 162.223 0.000265708 181.441C0.000265708 200.659 15.3234 216.238 34.2255 216.238H334.569C353.471 216.238 368.794 200.659 368.794 181.441Z"
-        fill="#7C3AED"
+        fill="var(--seq-color-primary)"
       />
       <path
         d="M500 42.2523C500 23.0343 484.677 7.45507 465.775 7.45507H161.879C142.977 7.45507 127.654 23.0343 127.654 42.2523C127.654 61.4703 142.977 77.0495 161.879 77.0495H465.775C484.677 77.0495 500 61.4703 500 42.2523Z"
-        fill="#7C3AED"
+        fill="var(--seq-color-primary)"
       />
     </svg>
   )