diff --git a/.changeset/angry-seals-drop.md b/.changeset/angry-seals-drop.md
new file mode 100644
index 000000000000..f39f5f799018
--- /dev/null
+++ b/.changeset/angry-seals-drop.md
@@ -0,0 +1,5 @@
+---
+"ledger-live-desktop": minor
+---
+
+Update navigator side bar icons
diff --git a/apps/ledger-live-desktop/src/renderer/components/MainSideBar/TopGradient.tsx b/apps/ledger-live-desktop/src/renderer/components/MainSideBar/TopGradient.tsx
index 831f590a36a3..3ce6a590297c 100644
--- a/apps/ledger-live-desktop/src/renderer/components/MainSideBar/TopGradient.tsx
+++ b/apps/ledger-live-desktop/src/renderer/components/MainSideBar/TopGradient.tsx
@@ -3,7 +3,7 @@ import styled from "styled-components";
const TopGradientBox = styled.div`
width: 100%;
- height: 80px;
+ height: 70px;
position: absolute;
top: 0;
left: 0;
diff --git a/apps/ledger-live-desktop/src/renderer/components/MainSideBar/index.tsx b/apps/ledger-live-desktop/src/renderer/components/MainSideBar/index.tsx
index 96eb19fecd91..e7061651cbd3 100644
--- a/apps/ledger-live-desktop/src/renderer/components/MainSideBar/index.tsx
+++ b/apps/ledger-live-desktop/src/renderer/components/MainSideBar/index.tsx
@@ -7,7 +7,7 @@ import styled from "styled-components";
import { useDeviceHasUpdatesAvailable } from "@ledgerhq/live-common/manager/useDeviceHasUpdatesAvailable";
import { useRemoteLiveAppManifest } from "@ledgerhq/live-common/platform/providers/RemoteLiveAppProvider/index";
import { FeatureToggle, useFeature } from "@ledgerhq/live-common/featureFlags/index";
-import { IconsLegacy, Tag as TagComponent } from "@ledgerhq/react-ui";
+import { Icons, Tag as TagComponent } from "@ledgerhq/react-ui";
import { accountsSelector, starredAccountsSelector } from "~/renderer/reducers/accounts";
import {
sidebarCollapsedSelector,
@@ -20,9 +20,7 @@ import { openModal } from "~/renderer/actions/modals";
import { setSidebarCollapsed } from "~/renderer/actions/settings";
import useExperimental from "~/renderer/hooks/useExperimental";
import { setTrackingSource } from "~/renderer/analytics/TrackPage";
-import { darken, rgba } from "~/renderer/styles/helpers";
-import IconChevron from "~/renderer/icons/ChevronRightSmall";
-import IconExperimental from "~/renderer/icons/Experimental";
+import { darken } from "~/renderer/styles/helpers";
import { SideBarList, SideBarListItem } from "~/renderer/components/SideBar";
import Box from "~/renderer/components/Box";
import Space from "~/renderer/components/Space";
@@ -56,12 +54,12 @@ const Tag = styled(Link)`
font-family: "Inter";
font-weight: bold;
font-size: 10px;
- padding: 2px ${p => p.theme.space[3] - 1}px;
- min-height: 32px;
- border-radius: 4px;
- margin: ${p => p.theme.space[2]}px ${p => p.theme.space[3]}px;
+ min-height: 36px;
+ padding: 0 12px;
+ border-radius: 8px;
+ margin: 0px 16px 12px;
color: ${p => p.theme.colors.palette.text.shade100};
- background-color: ${p => p.theme.colors.palette.background.default};
+ background-color: ${p => p.theme.colors.palette.opacityPurple.c10};
text-decoration: none;
cursor: pointer;
border: solid 1px rgba(0, 0, 0, 0);
@@ -87,7 +85,7 @@ const Collapser = styled(Box).attrs(() => ({
collapsed?: boolean;
}>`
position: absolute;
- top: ${58 - collapserSize / 2}px;
+ top: ${48 - collapserSize / 2}px;
left: ${p => (p.collapsed ? collapsedWidth : MAIN_SIDEBAR_WIDTH) - collapserSize / 2}px;
width: ${collapserSize}px;
@@ -95,24 +93,27 @@ const Collapser = styled(Box).attrs(() => ({
cursor: pointer;
border-radius: 50%;
- background: ${p => p.theme.colors.palette.background.paper};
- color: ${p => p.theme.colors.palette.text.shade80};
- border-color: ${p => p.theme.colors.palette.divider};
+ background: linear-gradient(
+ ${p => p.theme.colors.palette.opacityDefault.c05} 0%,
+ ${p => p.theme.colors.palette.opacityDefault.c05} 100%
+ ),
+ ${p => p.theme.colors.palette.background.default};
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
- border: 1px solid;
+ border: 1px solid ${p => p.theme.colors.palette.opacityDefault.c05};
transition: all 0.5s;
z-index: 100;
&:hover {
- border-color: ${p => p.theme.colors.wallet};
- color: ${p => p.theme.colors.wallet};
- background: ${p => rgba(p.theme.colors.wallet, 0.1)};
+ background: linear-gradient(
+ ${p => p.theme.colors.palette.opacityDefault.c10} 0%,
+ ${p => p.theme.colors.palette.opacityDefault.c10} 100%
+ ),
+ ${p => p.theme.colors.palette.background.default};
}
& > * {
transform: ${p => (p.collapsed ? "" : "rotate(180deg)")};
margin-left: ${p => (p.collapsed ? "" : "-2px")};
-
transition: transform 0.5s;
}
`;
@@ -150,7 +151,11 @@ const SideBar = styled(Box).attrs(() => ({
}))`
flex: 0 0 auto;
width: auto;
- background-color: ${p => p.theme.colors.palette.background.paper};
+ background: linear-gradient(
+ ${p => p.theme.colors.palette.opacityDefault.c05} 0%,
+ ${p => p.theme.colors.palette.opacityDefault.c05} 100%
+ ),
+ ${p => p.theme.colors.palette.background.default};
transition: flex ${sideBarTransitionSpeed}ms;
will-change: flex;
transform: translate3d(0, 0, 10);
@@ -204,7 +209,7 @@ const TagContainerExperimental = ({ collapsed }: { collapsed: boolean }) => {
}}
onClick={() => setTrackingSource("sidebar")}
>
-
+
{t("common.experimentalFeature")}
) : null;
@@ -224,7 +229,7 @@ const TagContainerFeatureFlags = ({ collapsed }: { collapsed: boolean }) => {
}}
onClick={() => setTrackingSource("sidebar")}
>
-
+
{t("common.featureFlags")}
) : null;
@@ -385,20 +390,20 @@ const MainSideBar = () => {
onClick={handleCollapse}
data-testid="drawer-collapse-button"
>
-
+
+
{ldmkTransportFlag?.enabled && ldmkTransportFlag?.params?.warningVisible && (
{t("ldmkFeatureFlagWarning.title")}
)}
-
-
+
+
{
{
{
{
{
{
{
{
{
{
{
{
: null}
collapsed={secondAnim}
/>
-
@@ -575,10 +567,11 @@ const MainSideBar = () => {
-
+
+
-
+
);
}}
diff --git a/apps/ledger-live-desktop/src/renderer/components/SideBar/SideBarListItem.tsx b/apps/ledger-live-desktop/src/renderer/components/SideBar/SideBarListItem.tsx
index 5afeade225a7..70168363ab34 100644
--- a/apps/ledger-live-desktop/src/renderer/components/SideBar/SideBarListItem.tsx
+++ b/apps/ledger-live-desktop/src/renderer/components/SideBar/SideBarListItem.tsx
@@ -4,11 +4,15 @@ import Hide from "~/renderer/components/MainSideBar/Hide";
import Box, { Tabbable } from "~/renderer/components/Box";
import Tooltip from "~/renderer/components/Tooltip";
+interface IconProps {
+ size: "S" | "XS" | "M" | "L" | "XL" | undefined;
+}
+
export type Props = {
label: string | ((a: Props) => React.ReactNode);
desc?: (a: Props) => React.ReactNode;
- icon?: React.ComponentType<{ size?: number }>;
- iconSize?: number;
+ icon?: ({ size }: IconProps) => JSX.Element;
+ iconSize?: IconProps["size"];
disabled?: boolean;
iconActiveColor: string | undefined;
NotifComponent?: React.ReactNode;
@@ -22,7 +26,7 @@ class SideBarListItem extends PureComponent {
render() {
const {
icon: Icon,
- iconSize,
+ iconSize = "S",
label,
desc,
iconActiveColor,
@@ -56,7 +60,7 @@ class SideBarListItem extends PureComponent {
onClick={disabled ? undefined : onClick}
disabled={disabled}
>
- {!!Icon && }
+ {!!Icon && }
@@ -73,7 +77,7 @@ class SideBarListItem extends PureComponent {
}
const Container = styled(Tabbable).attrs(() => ({
alignItems: "center",
- borderRadius: 1,
+ borderRadius: 2,
ff: "Inter|SemiBold",
flow: 3,
horizontal: true,
@@ -87,25 +91,24 @@ const Container = styled(Tabbable).attrs(() => ({
width: 100%;
cursor: ${p => (p.disabled ? "not-allowed" : "pointer")};
color: ${p =>
- p.isActive ? p.theme.colors.palette.text.shade100 : p.theme.colors.palette.text.shade80};
- background: ${p => (p.isActive ? p.theme.colors.palette.action.hover : "")};
+ p.isActive ? p.theme.colors.palette.text.shade100 : p.theme.colors.palette.opacityDefault.c70};
+ background: ${p => (p.isActive ? p.theme.colors.palette.opacityDefault.c05 : "")};
opacity: ${p => (p.disabled ? 0.5 : 1)};
&:active {
- background: ${p => !p.disabled && p.theme.colors.palette.action.hover};
+ background: ${p => !p.disabled && p.theme.colors.palette.opacityDefault.c05};
}
&:hover {
- color: ${p => !p.disabled && p.theme.colors.palette.text.shade100};
+ background: ${p => !p.disabled && p.theme.colors.palette.opacityDefault.c05};
}
${p => {
const iconActiveColor =
p.theme.colors[p.iconActiveColor as keyof DefaultTheme["colors"]] || p.iconActiveColor;
- const color = p.isActive ? iconActiveColor : p.theme.colors.palette.text.shade60;
+ const color = p.isActive ? iconActiveColor : p.theme.colors.palette.opacityDefault.c70;
return `
svg { color: ${color}; }
- &:hover svg { color: ${p.disabled ? color : iconActiveColor}; }
`;
}};
`;
diff --git a/apps/ledger-live-desktop/src/renderer/icons/Experimental.tsx b/apps/ledger-live-desktop/src/renderer/icons/Experimental.tsx
deleted file mode 100644
index 10e7b3420141..000000000000
--- a/apps/ledger-live-desktop/src/renderer/icons/Experimental.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-const ExperimentalIcon = (props: React.ComponentProps<"svg">) => (
-
-);
-export default ExperimentalIcon;
diff --git a/apps/ledger-live-desktop/src/renderer/screens/dashboard/FeaturedButtons.tsx b/apps/ledger-live-desktop/src/renderer/screens/dashboard/FeaturedButtons.tsx
index 54427c8d6296..4cbfa350a8ef 100644
--- a/apps/ledger-live-desktop/src/renderer/screens/dashboard/FeaturedButtons.tsx
+++ b/apps/ledger-live-desktop/src/renderer/screens/dashboard/FeaturedButtons.tsx
@@ -1,5 +1,5 @@
import React, { useCallback } from "react";
-import { Grid, IconsLegacy } from "@ledgerhq/react-ui";
+import { Grid, Icons } from "@ledgerhq/react-ui";
import styled from "styled-components";
import { useTranslation } from "react-i18next";
import EntryButton from "~/renderer/components/EntryButton/EntryButton";
@@ -26,7 +26,7 @@ const FeaturedButtons = () => {
const { enabled: bannerEnabled } = bannerFeatureFlag || { enabled: false };
- const stakeDisabled = stakeProgramsFeatureFlag?.params?.list?.length === 0 ?? true;
+ const stakeDisabled = stakeProgramsFeatureFlag?.params?.list?.length === 0;
const startStakeFlow = useStakeFlow();
const handleClickExchange = useCallback(() => {
@@ -52,21 +52,21 @@ const FeaturedButtons = () => {
return (
}
+ Icon={() => }
title={t("dashboard.featuredButtons.buySell.title")}
body={t("dashboard.featuredButtons.buySell.description")}
onClick={handleClickExchange}
entryButtonTestId="buy-sell-entry-button"
/>
}
+ Icon={() => }
title={t("dashboard.featuredButtons.swap.title")}
body={t("dashboard.featuredButtons.swap.description")}
onClick={handleClickSwap}
entryButtonTestId="swap-entry-button"
/>
}
+ Icon={() => }
disabled={stakeDisabled}
title={stakeLabel}
body={t("dashboard.featuredButtons.earn.description")}
diff --git a/apps/ledger-live-desktop/static/i18n/en/app.json b/apps/ledger-live-desktop/static/i18n/en/app.json
index b04807f6c671..d8a229d56ee5 100644
--- a/apps/ledger-live-desktop/static/i18n/en/app.json
+++ b/apps/ledger-live-desktop/static/i18n/en/app.json
@@ -119,7 +119,7 @@
"addressCopied": "Address copied",
"addressCopiedSuspicious": "Mismatch between the copied address and the one in the clipboard.",
"experimentalFeature": "Experimental",
- "featureFlags": "Feature Flags",
+ "featureFlags": "Feature flag",
"information": "Information",
"search": "Search...",
"searchWithoutEllipsis": "Search",
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-deleteAccount-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-deleteAccount-linux.png
index 2eafa869b290..b8f350e33132 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-deleteAccount-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-deleteAccount-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-deleteAccountFromAccountsList-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-deleteAccountFromAccountsList-linux.png
index c60d4f90af50..f49ec8c783ab 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-deleteAccountFromAccountsList-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-deleteAccountFromAccountsList-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-firstAccountPage-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-firstAccountPage-linux.png
index 7a8cc5eafa2a..92c369149299 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-firstAccountPage-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-firstAccountPage-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-firstAccountPage-operations-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-firstAccountPage-operations-linux.png
index f07fdd9edd43..d3c8e21f02c3 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-firstAccountPage-operations-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ADA-firstAccountPage-operations-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-deleteAccount-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-deleteAccount-linux.png
index a59f29bda964..d05b69b6db14 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-deleteAccount-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-deleteAccount-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-deleteAccountFromAccountsList-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-deleteAccountFromAccountsList-linux.png
index c60d4f90af50..f49ec8c783ab 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-deleteAccountFromAccountsList-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-deleteAccountFromAccountsList-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-firstAccountPage-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-firstAccountPage-linux.png
index 102ff5a148f6..1b3bad57a73c 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-firstAccountPage-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-firstAccountPage-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-firstAccountPage-operations-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-firstAccountPage-operations-linux.png
index e9f05d9eb52f..22cba4424415 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-firstAccountPage-operations-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ATOM-firstAccountPage-operations-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-deleteAccount-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-deleteAccount-linux.png
index 3a61f02521b7..393212d70f8b 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-deleteAccount-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-deleteAccount-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-deleteAccountFromAccountsList-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-deleteAccountFromAccountsList-linux.png
index c60d4f90af50..f49ec8c783ab 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-deleteAccountFromAccountsList-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-deleteAccountFromAccountsList-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-firstAccountPage-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-firstAccountPage-linux.png
index c0a72777300e..c264b63d5ca7 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-firstAccountPage-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-firstAccountPage-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-firstAccountPage-operations-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-firstAccountPage-operations-linux.png
index 20748ffd8c88..74733994837c 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-firstAccountPage-operations-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/BTC-firstAccountPage-operations-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-deleteAccount-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-deleteAccount-linux.png
index 799eedf7b490..3b21d007f04b 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-deleteAccount-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-deleteAccount-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-deleteAccountFromAccountsList-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-deleteAccountFromAccountsList-linux.png
index c60d4f90af50..f49ec8c783ab 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-deleteAccountFromAccountsList-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-deleteAccountFromAccountsList-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-firstAccountPage-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-firstAccountPage-linux.png
index 1781df671642..d16ff98e06b2 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-firstAccountPage-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-firstAccountPage-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-firstAccountPage-operations-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-firstAccountPage-operations-linux.png
index bb3b980c3d56..f5d338c01cef 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-firstAccountPage-operations-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/DOT-firstAccountPage-operations-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-deleteAccount-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-deleteAccount-linux.png
index b5bf073acec0..a54b2de9ec6f 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-deleteAccount-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-deleteAccount-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-deleteAccountFromAccountsList-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-deleteAccountFromAccountsList-linux.png
index 5b604c6f627d..d56166a79b32 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-deleteAccountFromAccountsList-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-deleteAccountFromAccountsList-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-firstAccountPage-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-firstAccountPage-linux.png
index 189a1e83ead7..5c467345a459 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-firstAccountPage-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-firstAccountPage-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-firstAccountPage-operations-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-firstAccountPage-operations-linux.png
index 5f0443a8ccd4..d0cd0a00f48e 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-firstAccountPage-operations-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/ETH-firstAccountPage-operations-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-deleteAccount-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-deleteAccount-linux.png
index 08c84f69e255..6d464a95eca4 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-deleteAccount-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-deleteAccount-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-deleteAccountFromAccountsList-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-deleteAccountFromAccountsList-linux.png
index c60d4f90af50..f49ec8c783ab 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-deleteAccountFromAccountsList-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-deleteAccountFromAccountsList-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-firstAccountPage-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-firstAccountPage-linux.png
index c51990484975..bd0ef042ed2a 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-firstAccountPage-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-firstAccountPage-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-firstAccountPage-operations-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-firstAccountPage-operations-linux.png
index 5e904c1efdf2..8536c51f9c11 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-firstAccountPage-operations-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/LTC-firstAccountPage-operations-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-deleteAccount-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-deleteAccount-linux.png
index 565a38cdf3f1..dd7754f3b81b 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-deleteAccount-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-deleteAccount-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-deleteAccountFromAccountsList-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-deleteAccountFromAccountsList-linux.png
index 4c3ec86d9ab7..4e25ef1c7979 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-deleteAccountFromAccountsList-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-deleteAccountFromAccountsList-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-firstAccountPage-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-firstAccountPage-linux.png
index ba2e20ebcd5d..9ed88ed115db 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-firstAccountPage-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-firstAccountPage-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-firstAccountPage-operations-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-firstAccountPage-operations-linux.png
index 4bea1f8aa721..b5621b3c7fb9 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-firstAccountPage-operations-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/Tron-firstAccountPage-operations-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-deleteAccount-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-deleteAccount-linux.png
index 2fa7c262547f..73742a10d385 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-deleteAccount-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-deleteAccount-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-deleteAccountFromAccountsList-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-deleteAccountFromAccountsList-linux.png
index c60d4f90af50..f49ec8c783ab 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-deleteAccountFromAccountsList-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-deleteAccountFromAccountsList-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-firstAccountPage-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-firstAccountPage-linux.png
index 6e939c3901e9..30804988e865 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-firstAccountPage-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-firstAccountPage-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-firstAccountPage-operations-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-firstAccountPage-operations-linux.png
index 60c61e3f2745..6fb88ccd15d1 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-firstAccountPage-operations-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XRP-firstAccountPage-operations-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-deleteAccount-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-deleteAccount-linux.png
index bf1a013bea4b..77abc102063a 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-deleteAccount-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-deleteAccount-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-deleteAccountFromAccountsList-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-deleteAccountFromAccountsList-linux.png
index c60d4f90af50..f49ec8c783ab 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-deleteAccountFromAccountsList-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-deleteAccountFromAccountsList-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-firstAccountPage-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-firstAccountPage-linux.png
index 16df2a94f9ce..bb98fac1b676 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-firstAccountPage-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-firstAccountPage-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-firstAccountPage-operations-linux.png b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-firstAccountPage-operations-linux.png
index 13ef1a8c97f6..f00d6d710b0d 100644
Binary files a/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-firstAccountPage-operations-linux.png and b/apps/ledger-live-desktop/tests/specs/accounts/account.spec.ts-snapshots/XTZ-firstAccountPage-operations-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/deeplinks/discover.cold.spec.ts-snapshots/loaded-linux.png b/apps/ledger-live-desktop/tests/specs/deeplinks/discover.cold.spec.ts-snapshots/loaded-linux.png
index da87fae9b355..7fa1b7769a99 100644
Binary files a/apps/ledger-live-desktop/tests/specs/deeplinks/discover.cold.spec.ts-snapshots/loaded-linux.png and b/apps/ledger-live-desktop/tests/specs/deeplinks/discover.cold.spec.ts-snapshots/loaded-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/deeplinks/discover.spec.ts-snapshots/loaded-linux.png b/apps/ledger-live-desktop/tests/specs/deeplinks/discover.spec.ts-snapshots/loaded-linux.png
index 683accc579a3..7fa1b7769a99 100644
Binary files a/apps/ledger-live-desktop/tests/specs/deeplinks/discover.spec.ts-snapshots/loaded-linux.png and b/apps/ledger-live-desktop/tests/specs/deeplinks/discover.spec.ts-snapshots/loaded-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/general/keyboard-shortcuts.spec.ts-snapshots/no-native-menu-linux.png b/apps/ledger-live-desktop/tests/specs/general/keyboard-shortcuts.spec.ts-snapshots/no-native-menu-linux.png
index 964d18f2662d..89f70a747c61 100644
Binary files a/apps/ledger-live-desktop/tests/specs/general/keyboard-shortcuts.spec.ts-snapshots/no-native-menu-linux.png and b/apps/ledger-live-desktop/tests/specs/general/keyboard-shortcuts.spec.ts-snapshots/no-native-menu-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/accounts-linux.png b/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/accounts-linux.png
index 57d00f04ac92..39f1d5cbda7c 100644
Binary files a/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/accounts-linux.png and b/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/accounts-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/discover-linux.png b/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/discover-linux.png
index c14ef8a09912..62e7696902ef 100644
Binary files a/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/discover-linux.png and b/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/discover-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/discreet-mode-linux.png b/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/discreet-mode-linux.png
index b84db2431cb2..037e3725950a 100644
Binary files a/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/discreet-mode-linux.png and b/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/discreet-mode-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/experimental-features-linux.png b/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/experimental-features-linux.png
index c79a89a8c3e1..bac98e950626 100644
Binary files a/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/experimental-features-linux.png and b/apps/ledger-live-desktop/tests/specs/general/layout.spec.ts-snapshots/experimental-features-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/general/passwordlock.spec.ts-snapshots/lockscreen-unlocked-linux.png b/apps/ledger-live-desktop/tests/specs/general/passwordlock.spec.ts-snapshots/lockscreen-unlocked-linux.png
index 6f70aabbaebc..22d1ccd21320 100644
Binary files a/apps/ledger-live-desktop/tests/specs/general/passwordlock.spec.ts-snapshots/lockscreen-unlocked-linux.png and b/apps/ledger-live-desktop/tests/specs/general/passwordlock.spec.ts-snapshots/lockscreen-unlocked-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/general/passwordlock.spec.ts-snapshots/passwordlock-disabled-linux.png b/apps/ledger-live-desktop/tests/specs/general/passwordlock.spec.ts-snapshots/passwordlock-disabled-linux.png
index 6c2870235648..b9db60add58e 100644
Binary files a/apps/ledger-live-desktop/tests/specs/general/passwordlock.spec.ts-snapshots/passwordlock-disabled-linux.png and b/apps/ledger-live-desktop/tests/specs/general/passwordlock.spec.ts-snapshots/passwordlock-disabled-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/general/passwordlock.spec.ts-snapshots/passwordlock-enabled-linux.png b/apps/ledger-live-desktop/tests/specs/general/passwordlock.spec.ts-snapshots/passwordlock-enabled-linux.png
index b17b6e3a918b..b29dc36e1970 100644
Binary files a/apps/ledger-live-desktop/tests/specs/general/passwordlock.spec.ts-snapshots/passwordlock-enabled-linux.png and b/apps/ledger-live-desktop/tests/specs/general/passwordlock.spec.ts-snapshots/passwordlock-enabled-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/general/portfolio.spec.ts-snapshots/operations-linux.png b/apps/ledger-live-desktop/tests/specs/general/portfolio.spec.ts-snapshots/operations-linux.png
index 786b845e7351..163035440a6f 100644
Binary files a/apps/ledger-live-desktop/tests/specs/general/portfolio.spec.ts-snapshots/operations-linux.png and b/apps/ledger-live-desktop/tests/specs/general/portfolio.spec.ts-snapshots/operations-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/general/portfolio.spec.ts-snapshots/portfolio-linux.png b/apps/ledger-live-desktop/tests/specs/general/portfolio.spec.ts-snapshots/portfolio-linux.png
index f68a4fe0acac..a130de7d0b5c 100644
Binary files a/apps/ledger-live-desktop/tests/specs/general/portfolio.spec.ts-snapshots/portfolio-linux.png and b/apps/ledger-live-desktop/tests/specs/general/portfolio.spec.ts-snapshots/portfolio-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/general/terms.spec.ts-snapshots/terms-modal-linux.png b/apps/ledger-live-desktop/tests/specs/general/terms.spec.ts-snapshots/terms-modal-linux.png
index f40b3f0b8444..27b3b349bce7 100644
Binary files a/apps/ledger-live-desktop/tests/specs/general/terms.spec.ts-snapshots/terms-modal-linux.png and b/apps/ledger-live-desktop/tests/specs/general/terms.spec.ts-snapshots/terms-modal-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-error-with-carousel-linux.png b/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-error-with-carousel-linux.png
index 771cbee46b25..f99880e2ba3b 100644
Binary files a/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-error-with-carousel-linux.png and b/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-error-with-carousel-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-error-without-carousel-linux.png b/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-error-without-carousel-linux.png
index 74ae0e9875a0..7d4ab02b5f51 100644
Binary files a/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-error-without-carousel-linux.png and b/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-error-without-carousel-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-idle-linux.png b/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-idle-linux.png
index 505469b4a976..ad1d85523130 100644
Binary files a/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-idle-linux.png and b/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-idle-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-layout-linux.png b/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-layout-linux.png
index f85d63af1eac..59fbb02a8069 100644
Binary files a/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-layout-linux.png and b/apps/ledger-live-desktop/tests/specs/general/updater.spec.ts-snapshots/app-updater-layout-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/manager/devicelocalization.spec.ts-snapshots/manager-app-catalog-w-l10n-linux.png b/apps/ledger-live-desktop/tests/specs/manager/devicelocalization.spec.ts-snapshots/manager-app-catalog-w-l10n-linux.png
index 2cef7dec109d..6548530b0d45 100644
Binary files a/apps/ledger-live-desktop/tests/specs/manager/devicelocalization.spec.ts-snapshots/manager-app-catalog-w-l10n-linux.png and b/apps/ledger-live-desktop/tests/specs/manager/devicelocalization.spec.ts-snapshots/manager-app-catalog-w-l10n-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/manager/firmwareupdate.spec.ts-snapshots/modal-closed-linux.png b/apps/ledger-live-desktop/tests/specs/manager/firmwareupdate.spec.ts-snapshots/modal-closed-linux.png
index 70a5ab413a09..8209685b8a58 100644
Binary files a/apps/ledger-live-desktop/tests/specs/manager/firmwareupdate.spec.ts-snapshots/modal-closed-linux.png and b/apps/ledger-live-desktop/tests/specs/manager/firmwareupdate.spec.ts-snapshots/modal-closed-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-app-catalog-linux.png b/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-app-catalog-linux.png
index a90c8460ceb2..7db7ab548c21 100644
Binary files a/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-app-catalog-linux.png and b/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-app-catalog-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-install-tron-linux.png b/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-install-tron-linux.png
index e888c448d1b2..245df1fb6e4f 100644
Binary files a/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-install-tron-linux.png and b/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-install-tron-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-installed-apps-linux.png b/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-installed-apps-linux.png
index 3e2fc30b58bb..b2b980eeb91c 100644
Binary files a/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-installed-apps-linux.png and b/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-installed-apps-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-uninstall-tron-linux.png b/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-uninstall-tron-linux.png
index 198e60701784..a4b950aac052 100644
Binary files a/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-uninstall-tron-linux.png and b/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-uninstall-tron-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-uninstallAll-linux.png b/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-uninstallAll-linux.png
index 076368e067d6..4d24b730b7d8 100644
Binary files a/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-uninstallAll-linux.png and b/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-uninstallAll-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-updateAll-linux.png b/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-updateAll-linux.png
index 879d37dbe7de..7655522f379b 100644
Binary files a/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-updateAll-linux.png and b/apps/ledger-live-desktop/tests/specs/manager/manager.spec.ts-snapshots/manager-updateAll-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-btc-buy-page-linux.png b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-btc-buy-page-linux.png
index 2d42dd1a091f..e25a9dc05f1a 100644
Binary files a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-btc-buy-page-linux.png and b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-btc-buy-page-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-btc-page-linux.png b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-btc-page-linux.png
index f409d341363f..430397a77e00 100644
Binary files a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-btc-page-linux.png and b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-btc-page-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-7d-range-linux.png b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-7d-range-linux.png
index 386f1a0cbdc6..3bf96d64e433 100644
Binary files a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-7d-range-linux.png and b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-7d-range-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-btc-star-linux.png b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-btc-star-linux.png
index 8cecd45fd3aa..3fedb10c4417 100644
Binary files a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-btc-star-linux.png and b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-btc-star-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-filter-starred-linux.png b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-filter-starred-linux.png
index 19fcf17cb5cc..2575943b2bdf 100644
Binary files a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-filter-starred-linux.png and b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-filter-starred-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-no-scrollbar-linux.png b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-no-scrollbar-linux.png
index 9ffe395b056f..9d526691e49f 100644
Binary files a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-no-scrollbar-linux.png and b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-no-scrollbar-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-search-bitcoin-linux.png b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-search-bitcoin-linux.png
index 7b179f31f27f..14cb8b9f10d5 100644
Binary files a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-search-bitcoin-linux.png and b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-search-bitcoin-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-thb-countervalue-linux.png b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-thb-countervalue-linux.png
index 1a46cad69b4b..54f1e089d7fd 100644
Binary files a/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-thb-countervalue-linux.png and b/apps/ledger-live-desktop/tests/specs/market/market.spec.ts-snapshots/market-page-thb-countervalue-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/onboarding/connect-device.spec.ts-snapshots/v3-onboarding-complete-linux.png b/apps/ledger-live-desktop/tests/specs/onboarding/connect-device.spec.ts-snapshots/v3-onboarding-complete-linux.png
index c60d4f90af50..f49ec8c783ab 100644
Binary files a/apps/ledger-live-desktop/tests/specs/onboarding/connect-device.spec.ts-snapshots/v3-onboarding-complete-linux.png and b/apps/ledger-live-desktop/tests/specs/onboarding/connect-device.spec.ts-snapshots/v3-onboarding-complete-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/onboarding/restore-device.spec.ts-snapshots/v3-onboarding-complete-linux.png b/apps/ledger-live-desktop/tests/specs/onboarding/restore-device.spec.ts-snapshots/v3-onboarding-complete-linux.png
index c60d4f90af50..f49ec8c783ab 100644
Binary files a/apps/ledger-live-desktop/tests/specs/onboarding/restore-device.spec.ts-snapshots/v3-onboarding-complete-linux.png and b/apps/ledger-live-desktop/tests/specs/onboarding/restore-device.spec.ts-snapshots/v3-onboarding-complete-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/onboarding/setup-device.spec.ts-snapshots/v3-onboarding-complete-linux.png b/apps/ledger-live-desktop/tests/specs/onboarding/setup-device.spec.ts-snapshots/v3-onboarding-complete-linux.png
index c60d4f90af50..f49ec8c783ab 100644
Binary files a/apps/ledger-live-desktop/tests/specs/onboarding/setup-device.spec.ts-snapshots/v3-onboarding-complete-linux.png and b/apps/ledger-live-desktop/tests/specs/onboarding/setup-device.spec.ts-snapshots/v3-onboarding-complete-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/postOnboarding/post-onboarding.spec.ts-snapshots/custom-image-003-postonboarding-banner-in-dashboard-linux.png b/apps/ledger-live-desktop/tests/specs/postOnboarding/post-onboarding.spec.ts-snapshots/custom-image-003-postonboarding-banner-in-dashboard-linux.png
index d4eede55c33d..0f6b2d22b2bd 100644
Binary files a/apps/ledger-live-desktop/tests/specs/postOnboarding/post-onboarding.spec.ts-snapshots/custom-image-003-postonboarding-banner-in-dashboard-linux.png and b/apps/ledger-live-desktop/tests/specs/postOnboarding/post-onboarding.spec.ts-snapshots/custom-image-003-postonboarding-banner-in-dashboard-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/postOnboarding/post-onboarding.spec.ts-snapshots/custom-image-007-postonboarding-done-no-banner-in-dashboard-linux.png b/apps/ledger-live-desktop/tests/specs/postOnboarding/post-onboarding.spec.ts-snapshots/custom-image-007-postonboarding-done-no-banner-in-dashboard-linux.png
index fe8617cd6d66..522ddcc7abf2 100644
Binary files a/apps/ledger-live-desktop/tests/specs/postOnboarding/post-onboarding.spec.ts-snapshots/custom-image-007-postonboarding-done-no-banner-in-dashboard-linux.png and b/apps/ledger-live-desktop/tests/specs/postOnboarding/post-onboarding.spec.ts-snapshots/custom-image-007-postonboarding-done-no-banner-in-dashboard-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/services/buy.spec.ts-snapshots/buy-app-opened-linux.png b/apps/ledger-live-desktop/tests/specs/services/buy.spec.ts-snapshots/buy-app-opened-linux.png
index c27af4cb3f67..4cbd39f8fcf4 100644
Binary files a/apps/ledger-live-desktop/tests/specs/services/buy.spec.ts-snapshots/buy-app-opened-linux.png and b/apps/ledger-live-desktop/tests/specs/services/buy.spec.ts-snapshots/buy-app-opened-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/services/earn.spec.ts-snapshots/earn-app-opened-linux.png b/apps/ledger-live-desktop/tests/specs/services/earn.spec.ts-snapshots/earn-app-opened-linux.png
index 34cc8def0baf..7275540af486 100644
Binary files a/apps/ledger-live-desktop/tests/specs/services/earn.spec.ts-snapshots/earn-app-opened-linux.png and b/apps/ledger-live-desktop/tests/specs/services/earn.spec.ts-snapshots/earn-app-opened-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/account-page-with-stake-button-and-banner-linux.png b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/account-page-with-stake-button-and-banner-linux.png
index 8c19a7bf6fef..db233cfeb6a2 100644
Binary files a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/account-page-with-stake-button-and-banner-linux.png and b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/account-page-with-stake-button-and-banner-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/asset-page-with-stake-available-linux.png b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/asset-page-with-stake-available-linux.png
index e885fc6476d2..2324db2ab0c1 100644
Binary files a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/asset-page-with-stake-available-linux.png and b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/asset-page-with-stake-available-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/choose-account-panel-linux.png b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/choose-account-panel-linux.png
index 47720d7dcbcd..b82eecc9456d 100644
Binary files a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/choose-account-panel-linux.png and b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/choose-account-panel-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/choose-stake-provider-modal-from-account-page-linux.png b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/choose-stake-provider-modal-from-account-page-linux.png
index f619f94c393f..3b7b6c857b58 100644
Binary files a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/choose-stake-provider-modal-from-account-page-linux.png and b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/choose-stake-provider-modal-from-account-page-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/choose-stake-provider-modal-from-portfolio-page-linux.png b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/choose-stake-provider-modal-from-portfolio-page-linux.png
index 30a49e6d9b67..02cd0f65f0e9 100644
Binary files a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/choose-stake-provider-modal-from-portfolio-page-linux.png and b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/choose-stake-provider-modal-from-portfolio-page-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/market-loaded-with-eth-stake-button-available-linux.png b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/market-loaded-with-eth-stake-button-available-linux.png
index 37961085a96b..7fb18ae61fa0 100644
Binary files a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/market-loaded-with-eth-stake-button-available-linux.png and b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/market-loaded-with-eth-stake-button-available-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/portfolio-entry-buttons-linux.png b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/portfolio-entry-buttons-linux.png
index f68a4fe0acac..ce303cb77c33 100644
Binary files a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/portfolio-entry-buttons-linux.png and b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/portfolio-entry-buttons-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/stake-drawer-opened-from-market-page-linux.png b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/stake-drawer-opened-from-market-page-linux.png
index b41a7195fd36..1105e44615d5 100644
Binary files a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/stake-drawer-opened-from-market-page-linux.png and b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/stake-drawer-opened-from-market-page-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/stake-drawer-opened-from-portfolio-linux.png b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/stake-drawer-opened-from-portfolio-linux.png
index fe0f1eb87c2d..2334c3d55f98 100644
Binary files a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/stake-drawer-opened-from-portfolio-linux.png and b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/stake-drawer-opened-from-portfolio-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/stake-provider-dapp-has-opened-linux.png b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/stake-provider-dapp-has-opened-linux.png
index 5b27e6bce318..2f6448fd3464 100644
Binary files a/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/stake-provider-dapp-has-opened-linux.png and b/apps/ledger-live-desktop/tests/specs/services/ethereumStaking.spec.ts-snapshots/stake-provider-dapp-has-opened-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-allow-language-installation-linux.png b/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-allow-language-installation-linux.png
index 774b40ed3d1f..cddc472add6a 100644
Binary files a/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-allow-language-installation-linux.png and b/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-allow-language-installation-linux.png differ
diff --git "a/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-fran\303\247ais-linux.png" "b/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-fran\303\247ais-linux.png"
index 33d92f90a474..0e6007a04420 100644
Binary files "a/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-fran\303\247ais-linux.png" and "b/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-fran\303\247ais-linux.png" differ
diff --git "a/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-fran\303\247ais-with-device-l10n-linux.png" "b/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-fran\303\247ais-with-device-l10n-linux.png"
index f25152f2ba65..00a88efd90fc 100644
Binary files "a/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-fran\303\247ais-with-device-l10n-linux.png" and "b/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-fran\303\247ais-with-device-l10n-linux.png" differ
diff --git a/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-language-installation-complete-linux.png b/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-language-installation-complete-linux.png
index 22241539bec4..f447353ea71b 100644
Binary files a/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-language-installation-complete-linux.png and b/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-language-installation-complete-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-language-installation-progress-linux.png b/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-language-installation-progress-linux.png
index e05c4068585d..f526b74c4e85 100644
Binary files a/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-language-installation-progress-linux.png and b/apps/ledger-live-desktop/tests/specs/settings/localization.spec.ts-snapshots/settings-language-installation-progress-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-about-page-linux.png b/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-about-page-linux.png
index 62a19b7f5902..d8437479fa05 100644
Binary files a/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-about-page-linux.png and b/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-about-page-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-accounts-page-linux.png b/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-accounts-page-linux.png
index 92c2334d0d5c..d39772f184ff 100644
Binary files a/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-accounts-page-linux.png and b/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-accounts-page-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-experimental-page-linux.png b/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-experimental-page-linux.png
index 6f68df5e1d72..80736961fb06 100644
Binary files a/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-experimental-page-linux.png and b/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-experimental-page-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-general-page-linux.png b/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-general-page-linux.png
index 33ec9bee9ae0..537db5351d43 100644
Binary files a/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-general-page-linux.png and b/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-general-page-linux.png differ
diff --git a/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-help-page-linux.png b/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-help-page-linux.png
index ed0943dd6f83..ff324cb81080 100644
Binary files a/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-help-page-linux.png and b/apps/ledger-live-desktop/tests/specs/settings/settings.spec.ts-snapshots/settings-help-page-linux.png differ
diff --git a/libs/ui/packages/icons/src/svg/percentage.svg b/libs/ui/packages/icons/src/svg/percentage.svg
new file mode 100644
index 000000000000..fcc19aa380a0
--- /dev/null
+++ b/libs/ui/packages/icons/src/svg/percentage.svg
@@ -0,0 +1,3 @@
+