(Market): update colors to new theme - dusk off

LedgerHQ · Feb 2, 2022 · cf1e8f1 · cf1e8f1
1 parent 872589d
commit cf1e8f1
Show file tree

Hide file tree

Showing 45 changed files with 115 additions and 115 deletions.
diff --git a/src/preloader/logo.svg b/src/preloader/logo.svg
diff --git a/src/renderer/components/Exporter/ExportInstructions.js b/src/renderer/components/Exporter/ExportInstructions.js
@@ -13,7 +13,7 @@ const BulletRowIcon = styled(Box).attrs(() => ({
   color: "wallet",
   pl: 2,
 }))`
-  background-color: rgba(100, 144, 241, 0.2);
+  background-color: rgba(138, 128, 219, 0.2);
   border-radius: 12px;
   display: inline-flex;
   height: 18px;
@@ -30,7 +30,7 @@ const Plus = styled(Box).attrs(() => ({
   pl: 2,
 }))`
   display: inline-flex;
-  background-color: rgba(100, 144, 241, 0.2);
+  background-color: rgba(138, 128, 219, 0.2);
   border-radius: 4px;
   height: 14px;
   line-height: 14px;

diff --git a/src/renderer/components/Onboarding/Alerts/shared.js b/src/renderer/components/Onboarding/Alerts/shared.js
@@ -1,8 +1,8 @@
 import styled from "styled-components";
 
 export const AlertIconContainer = styled.div`
-  color: #6490f1;
-  background-color: #6490f120;
+  color: #8a80db;
+  background-color: #8a80db20;
   border-radius: 50%;
   display: flex;
   align-items: center;

diff --git a/src/renderer/components/Onboarding/Help/HideRecoverySeed.js b/src/renderer/components/Onboarding/Help/HideRecoverySeed.js
@@ -21,8 +21,8 @@ const PointIconContainer = styled.div`
   align-items: center;
   justify-content: center;
   border-radius: 50%;
-  color: #6490f1;
-  background-color: #6490f110;
+  color: #8a80db;
+  background-color: #8a80db10;
 `;
 
 type PointProps = {

diff --git a/src/renderer/components/Onboarding/Help/RecoverySeed.js b/src/renderer/components/Onboarding/Help/RecoverySeed.js
@@ -23,8 +23,8 @@ const PointIconContainer = styled.div`
   align-items: center;
   justify-content: center;
   border-radius: 50%;
-  color: #6490f1;
-  background-color: #6490f110;
+  color: #8a80db;
+  background-color: #8a80db10;
 `;
 
 type PointProps = {

diff --git a/src/renderer/components/Onboarding/Quizz/assets/WtfIsThis.svg b/src/renderer/components/Onboarding/Quizz/assets/WtfIsThis.svg
diff --git a/src/renderer/components/Onboarding/Screens/SelectDevice/DeviceSelectorOption.js b/src/renderer/components/Onboarding/Screens/SelectDevice/DeviceSelectorOption.js
@@ -20,7 +20,7 @@ const Container = styled.div`
   outline: none;
   width: 100%;
   height: 100%;
-  background-color: rgba(100, 144, 241, 0.2);
+  background-color: rgba(138, 128, 219, 0.2);
   border-radius: 4px;
   overflow: hidden;
   position: relative;

diff --git a/src/renderer/components/Onboarding/Screens/SelectUseCase/Separator.js b/src/renderer/components/Onboarding/Screens/SelectUseCase/Separator.js
@@ -11,11 +11,11 @@ const SeparatorContainer: ThemedComponent<*> = styled.div`
   padding: 50px 0px;
   width: 100%;
   align-items: center;
-  color: rgba(100, 144, 241, 0.7);
+  color: rgba(138, 128, 219, 0.7);
 `;
 
 const SeparatorLine = styled.div`
-  background-color: rgba(100, 144, 241, 0.7);
+  background-color: rgba(138, 128, 219, 0.7);
   height: 1px;
   flex: 1;
 `;

diff --git a/src/renderer/components/Onboarding/Screens/SelectUseCase/UseCaseOption.js b/src/renderer/components/Onboarding/Screens/SelectUseCase/UseCaseOption.js
@@ -15,7 +15,7 @@ const Container = styled.div`
   width: 100%;
   padding: 24px;
   box-sizing: border-box;
-  background-color: #6490f120;
+  background-color: #8a80db20;
   border-radius: 4px;
   position: relative;
   display: flex;

diff --git a/src/renderer/components/Onboarding/Screens/Terms/TermsExternalLink.js b/src/renderer/components/Onboarding/Screens/Terms/TermsExternalLink.js
@@ -17,7 +17,7 @@ const ExternalLink: ThemedComponent<{}> = styled(ExternalLinkButton)`
 
   &:hover {
     border: 1px solid ${p => p.theme.colors.wallet};
-    background-color: rgba(100, 144, 241, 0.2);
+    background-color: rgba(138, 128, 219, 0.2);
   }
 `;
 

diff --git a/src/renderer/components/Onboarding/Screens/Tutorial/assets/quizFailure.svg b/src/renderer/components/Onboarding/Screens/Tutorial/assets/quizFailure.svg
diff --git a/src/renderer/components/Onboarding/Screens/Tutorial/index.js b/src/renderer/components/Onboarding/Screens/Tutorial/index.js
@@ -64,7 +64,7 @@ const RightContainer = styled.div`
   flex: 1;
   background: ${({ bgTheme, theme }) => {
     if (bgTheme === "light") {
-      return "rgba(100, 144, 241, 0.1)";
+      return "rgba(138, 128, 219, 0.1)";
     }
     if (bgTheme === "dark") {
       return theme.colors.palette.primary.main;

diff --git a/src/renderer/components/Onboarding/Screens/Tutorial/screens/DeviceHowTo.js b/src/renderer/components/Onboarding/Screens/Tutorial/screens/DeviceHowTo.js
@@ -38,8 +38,8 @@ const StepIndexContainer = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  background: rgba(100, 144, 241, 0.1);
-  color: #6490f1;
+  background: rgba(138, 128, 219, 0.1);
+  color: #8a80db;
 `;
 
 const StepContainer = styled.div`

diff --git a/src/renderer/components/Onboarding/Screens/Tutorial/screens/DeviceHowTo2.js b/src/renderer/components/Onboarding/Screens/Tutorial/screens/DeviceHowTo2.js
@@ -38,8 +38,8 @@ const StepIndexContainer = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  background: rgba(100, 144, 241, 0.1);
-  color: #6490f1;
+  background: rgba(138, 128, 219, 0.1);
+  color: #8a80db;
 `;
 
 const StepContainer = styled.div`

diff --git a/src/renderer/components/Onboarding/Screens/Tutorial/screens/HowToGetStarted.js b/src/renderer/components/Onboarding/Screens/Tutorial/screens/HowToGetStarted.js
@@ -71,7 +71,7 @@ export function HowToGetStarted({ sendEvent }: Props) {
         </Text>
         <Row>
           <IconContainer>
-            <Clock size={12} color="#6490F1" />
+            <Clock size={12} color="#8a80db" />
           </IconContainer>
           <Text
             ml="20px"
@@ -85,7 +85,7 @@ export function HowToGetStarted({ sendEvent }: Props) {
         </Row>
         <Row>
           <IconContainer>
-            <Pen size={12} color="#6490F1" />
+            <Pen size={12} color="#8a80db" />
           </IconContainer>
           <Text
             ml="20px"
@@ -99,7 +99,7 @@ export function HowToGetStarted({ sendEvent }: Props) {
         </Row>
         <Row>
           <IconContainer>
-            <Flower size={12} color="#6490F1" />
+            <Flower size={12} color="#8a80db" />
           </IconContainer>
           <Text
             ml="20px"

diff --git a/src/renderer/components/Onboarding/Screens/Tutorial/screens/PinCodeHowTo.js b/src/renderer/components/Onboarding/Screens/Tutorial/screens/PinCodeHowTo.js
@@ -49,8 +49,8 @@ const StepIndexContainer = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  background: rgba(100, 144, 241, 0.1);
-  color: #6490f1;
+  background: rgba(138, 128, 219, 0.1);
+  color: #8a80db;
 `;
 
 const StepContainer = styled.div`

diff --git a/src/renderer/components/Onboarding/Screens/Tutorial/screens/RecoveryHowTo1.js b/src/renderer/components/Onboarding/Screens/Tutorial/screens/RecoveryHowTo1.js
@@ -40,8 +40,8 @@ const StepIndexContainer = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  background: rgba(100, 144, 241, 0.1);
-  color: #6490f1;
+  background: rgba(138, 128, 219, 0.1);
+  color: #8a80db;
 `;
 
 const StepContainer = styled.div`

diff --git a/src/renderer/components/Onboarding/Screens/Tutorial/screens/RecoveryHowTo2.js b/src/renderer/components/Onboarding/Screens/Tutorial/screens/RecoveryHowTo2.js
@@ -40,8 +40,8 @@ const StepIndexContainer = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  background: rgba(100, 144, 241, 0.1);
-  color: #6490f1;
+  background: rgba(138, 128, 219, 0.1);
+  color: #8a80db;
 `;
 
 const StepContainer = styled.div`

diff --git a/src/renderer/components/Onboarding/Screens/Tutorial/screens/RecoveryHowTo3.js b/src/renderer/components/Onboarding/Screens/Tutorial/screens/RecoveryHowTo3.js
@@ -40,8 +40,8 @@ const StepIndexContainer = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  background: rgba(100, 144, 241, 0.1);
-  color: #6490f1;
+  background: rgba(138, 128, 219, 0.1);
+  color: #8a80db;
 `;
 
 const StepContainer = styled.div`

diff --git a/src/renderer/components/Onboarding/Screens/Tutorial/screens/UseRecoverySheet.js b/src/renderer/components/Onboarding/Screens/Tutorial/screens/UseRecoverySheet.js
@@ -36,8 +36,8 @@ const StepIndexContainer = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  background: rgba(100, 144, 241, 0.1);
-  color: #6490f1;
+  background: rgba(138, 128, 219, 0.1);
+  color: #8a80db;
 `;
 
 const StepContainer = styled.div`

diff --git a/src/renderer/components/SelectFeeStrategy.js b/src/renderer/components/SelectFeeStrategy.js
@@ -44,7 +44,7 @@ const FeesWrapper = styled(Box)`
     `1px solid ${
       p.selected ? p.theme.colors.palette.primary.main : p.theme.colors.palette.divider
     }`};
-  ${p => (p.selected ? "box-shadow: 0px 0px 0px 4px rgba(100, 144, 241, 0.3);" : "")}
+  ${p => (p.selected ? "box-shadow: 0px 0px 0px 4px rgba(138, 128, 219, 0.3);" : "")}
   padding: 20px 16px;
   width: 100%;
   font-family: "Inter";

diff --git a/src/renderer/components/StepperNumber.js b/src/renderer/components/StepperNumber.js
@@ -17,15 +17,15 @@ const Container: ThemedComponent<{}> = styled(Box).attrs(() => ({
   ff: "Inter",
   color: "palette.text.shade80",
 }))`
-  background-color: rgba(100, 144, 241, 0.1);
+  background-color: rgba(138, 128, 219, 0.1);
   border-radius: 12px;
   display: inline-flex;
   height: 24px;
   padding: 0 3px;
 `;
 
 const Btn = styled(Box).attrs(p => ({
-  bg: p.disabled ? "rgba(100, 144, 241, 0.5)" : "wallet",
+  bg: p.disabled ? "rgba(138, 128, 219, 0.5)" : "wallet",
   color: "white",
   alignItems: "center",
   justifyContent: "center",

diff --git a/src/renderer/components/ToastOverlay/TimeBasedProgressBar.js b/src/renderer/components/ToastOverlay/TimeBasedProgressBar.js
@@ -46,7 +46,7 @@ export function TimeBasedProgressBar({ duration, onComplete, nonce = 1 }: Props)
             height: 5,
             width: "100%",
             transformOrigin: "left center",
-            background: "#6490F1", // "#00000022",
+            background: "#8a80db", // "#00000022",
           }}
         />
       ))}

diff --git a/src/renderer/components/WebPlatformPlayer/LiveAppDrawer.js b/src/renderer/components/WebPlatformPlayer/LiveAppDrawer.js
@@ -55,7 +55,7 @@ export const LiveAppDrawer = () => {
             <AppDetails manifest={manifest} />
             <Divider my={6} />
             <Text ff="Inter|SemiBold">{t(`platform.app.informations.website`)}</Text>
-            <Text ff="Inter" color="#6490F1">
+            <Text ff="Inter" color="#8a80db">
               <ExternalLink
                 label={manifest?.homepageUrl}
                 isInternal={false}

diff --git a/src/renderer/components/debug/DebugTheme.js b/src/renderer/components/debug/DebugTheme.js
@@ -32,7 +32,6 @@ const DebugTheme = () => {
         style={{ backgroundColor: "#FFFFFF" }}
         onClick={() => handleChangeTheme("light")}
       ></Item>
-      <Item style={{ backgroundColor: "#182532" }} onClick={() => handleChangeTheme("dusk")}></Item>
       <Item style={{ backgroundColor: "#1C1D1F" }} onClick={() => handleChangeTheme("dark")}></Item>
     </Box>
   );

diff --git a/src/renderer/drawers/NFTViewerDrawer/NFTProperties.js b/src/renderer/drawers/NFTViewerDrawer/NFTProperties.js
@@ -12,7 +12,7 @@ const NFTProperty = styled.div`
   display: inline-flex;
   flex-direction: column;
   padding: 8px 12px;
-  background: rgba(100, 144, 241, 0.1);
+  background: rgba(138, 128, 219, 0.1);
   border-radius: 4px;
 `;
 
@@ -61,13 +61,13 @@ export function NFTProperties({ nft, metadata }: NFTPropertiesProps) {
                 mb="2px"
                 lineHeight="12.1px"
                 fontSize={2}
-                color="rgba(100, 144, 241, 0.5);"
+                color="rgba(138, 128, 219, 0.5);"
                 ff="Inter|SemiBold"
                 uppercase
               >
                 {key}
               </Text>
-              <Text mb="2px" lineHeight="16.94px" fontSize={4} color="#6490F1" ff="Inter|Regular">
+              <Text mb="2px" lineHeight="16.94px" fontSize={4} color="#8a80db" ff="Inter|Regular">
                 {value}
               </Text>
             </NFTProperty>

diff --git a/src/renderer/icons/CheckFull.js b/src/renderer/icons/CheckFull.js
@@ -4,7 +4,7 @@ import React from "react";
 
 const CheckFull = ({
   size,
-  color = "#6490f1",
+  color = "#8a80db",
   tickColor = "white",
 }: {
   size: number,

diff --git a/src/renderer/icons/Delegation.js b/src/renderer/icons/Delegation.js
@@ -3,7 +3,7 @@ import React from "react";
 
 const Delegation = ({ size }: { size: number }) => (
   <svg viewBox="0 0 76 32" width={size} height={(size * 32) / 76}>
-    <g fill="#6490F1" fillRule="evenodd">
+    <g fill="#8a80db" fillRule="evenodd">
       <g transform="translate(0 14)">
         <circle opacity=".2" cx="2" cy="2" r="2" />
         <circle opacity=".4" cx="9" cy="2" r="2" />

diff --git a/src/renderer/icons/Experimental.js b/src/renderer/icons/Experimental.js
@@ -4,9 +4,9 @@ const ExperimentalIcon = props => (
   <svg viewBox="0 0 18 18" width={16} height={16} {...props}>
     <path
       d="M16.246 1.77c-.954-.953-2.618-1.024-4.695-.196-.827.33-1.689.81-2.551 1.378-.862-.567-1.724-1.048-2.551-1.378-2.072-.827-3.738-.76-4.695.195C.385 3.135.942 5.983 2.926 9 .942 12.018.385 14.865 1.754 16.231c.513.512 1.231.769 2.108.769.754 0 1.627-.19 2.587-.574.827-.33 1.689-.81 2.551-1.377.862.566 1.724 1.047 2.551 1.377.96.383 1.831.574 2.588.574.876 0 1.594-.257 2.107-.769 1.369-1.365.812-4.213-1.172-7.23 1.984-3.018 2.541-5.866 1.172-7.232zm-4.268.865c1.597-.637 2.857-.658 3.459-.058.82.818.46 2.94-1.07 5.413a22.2 22.2 0 00-2.03-2.32 22.127 22.127 0 00-2.328-2.003c.667-.412 1.33-.778 1.969-1.032zm-9.414-.058c.291-.29.737-.435 1.3-.435.601 0 1.335.164 2.159.493.638.254 1.301.62 1.969 1.032A22.2 22.2 0 005.663 5.67a22.2 22.2 0 00-2.03 2.32c-1.53-2.473-1.89-4.595-1.07-5.413zm3.458 12.788c-1.595.638-2.854.659-3.459.058-.82-.818-.46-2.94 1.07-5.413a22.2 22.2 0 002.03 2.32c.75.748 1.536 1.406 2.328 2.003-.667.412-1.33.778-1.969 1.032zm.45-3.843A20.664 20.664 0 014.316 9 20.882 20.882 0 019 4.331a20.91 20.91 0 014.685 4.67A20.882 20.882 0 019 13.67a20.942 20.942 0 01-2.527-2.148zm8.964 3.9c-.602.601-1.862.581-3.459-.057-.638-.254-1.301-.62-1.969-1.032a22.2 22.2 0 002.329-2.003 22.2 22.2 0 002.03-2.32c1.53 2.473 1.89 4.595 1.07 5.413h0zM9 7a2.005 2.005 0 00-2.005 2 2.005 2.005 0 004.01 0c0-1.103-.9-2-2.005-2zm0 2.857a.858.858 0 11-.002-1.716A.858.858 0 019 9.857z"
-      stroke="#6490F1"
+      stroke="#8a80db"
       strokeWidth={0.6}
-      fill="#6490F1"
+      fill="#8a80db"
       fillRule="nonzero"
     />
   </svg>