fix: use recoveryPasswordOutline for light themes

updated to use building block svgs

ts/components/icon/Icons.tsx

@@ -411,15 +411,15 @@ export const icons: Record<SessionIconType, IconProps> = {
     ratio: 1,
   },
   recoveryPasswordFill: {
-    path: 'M49.34 1.05C50.83.35 52.38 0 53.97 0l.03.04c1.54 0 3.05.34 4.57 1.03 1.85.87 3.75 1.7 5.64 2.52l2.2.96 10.28 4.6 10.04 4.48a8052.21 8052.21 0 0 0 14.54 6.46c4.57 2.03 7.07 6.16 6.7 10.96-.04.26-.03.62-.02 1.01l.01.69c.03.56.03 1.14.03 1.8-.07 6.1-.07 12.3 0 18.4v.11l-.03.11v2.16c-.02 2.15-.04 4.33-.1 6.44a72.31 72.31 0 0 1-2.13 14.91l-.07.27-.08.26a100.5 100.5 0 0 1-2.9 8.62 82.83 82.83 0 0 1-6.36 12.37l-.11.18-.14.18a79.46 79.46 0 0 1-9.32 11.54 68.99 68.99 0 0 1-17.47 12.79l-.31.18a27.43 27.43 0 0 1-.32.17l-.33.18-.34.16a74.88 74.88 0 0 1-10.93 4.02l-.09.04h-.09a12.24 12.24 0 0 1-5.93-.02c-3.81-1-7.7-2.46-11.53-4.3l-.07-.07h-.07a69.91 69.91 0 0 1-27.06-24.13l-.31-.36-.33-.56c-2.44-4-4.27-7.48-5.76-10.94a94.94 94.94 0 0 1-3-8.38l-.06-.17-.33-1.03-.16-.51-.1-.51-.2-1-.21-1-.05-.24c-.45-2.2-.92-4.46-1.2-6.85a86.6 86.6 0 0 1-.49-11.21v-26.2c-.18-4.33 2.1-8 6.22-9.9 4.4-1.94 8.79-3.9 13.17-5.85l13.18-5.86L40.55 5l.33-.16.56-.26.18-.1 1.03-.45 1.89-.84 1.4-.62a183.58 183.58 0 0 0 3.4-1.52zm11.4 57.7 10.4 5.69a15 15 0 0 1 5.68 5.47 14.76 14.76 0 0 1 2.09 7.56 13.7 13.7 0 0 1-4.09 9.72 14.04 14.04 0 0 1-9.85 4.04H40.35a11.24 11.24 0 0 1-4.3-.8 11.13 11.13 0 0 1-3.65-2.37 10.98 10.98 0 0 1-2.44-3.58 10.87 10.87 0 0 1 0-8.47 10.98 10.98 0 0 1 2.44-3.58 11.13 11.13 0 0 1 3.65-2.37 11.24 11.24 0 0 1 4.3-.8h7.06L37 63.56a15 15 0 0 1-5.7-5.47 14.76 14.76 0 0 1-2.08-7.56 13.7 13.7 0 0 1 4.08-9.73 14.04 14.04 0 0 1 9.85-4.03h24.62c2.95 0 5.78 1.16 7.87 3.22a10.92 10.92 0 0 1 3.26 7.77 10.92 10.92 0 0 1-3.26 7.76 11.2 11.2 0 0 1-7.87 3.22h-7.05zm-26.39-2.27a11.57 11.57 0 0 0 4.32 4.1l13.68 7.49v-11.2c0-.41.16-.8.45-1.08a1.55 1.55 0 0 1 1.08-.45h13.9c1.04 0 2.07-.21 3.03-.62a7.69 7.69 0 0 0 2.53-1.74 7.58 7.58 0 0 0 1.64-2.6c.36-.95.52-1.98.47-3-.2-4.09-3.76-7.2-7.89-7.2H43.42c-5.92 0-10.88 4.78-10.74 10.62a11.4 11.4 0 0 0 1.67 5.68zm6.22 31.35h24.14c5.92 0 10.89-4.79 10.75-10.63a11.4 11.4 0 0 0-1.68-5.68 11.57 11.57 0 0 0-4.31-4.1l-13.68-7.49v11.21a1.5 1.5 0 0 1-.45 1.08 1.54 1.54 0 0 1-1.09.44h-13.9c-1.04 0-2.07.21-3.03.62a7.68 7.68 0 0 0-2.53 1.74 7.58 7.58 0 0 0-1.64 2.6 7.5 7.5 0 0 0-.47 3c.2 4.08 3.76 7.2 7.89 7.2z',
-    viewBox: '0 0 108 128',
+    path: 'M14.78.73c.45-.21.91-.33 1.39-.33v.02c.47 0 .92.1 1.37.32l1.7.8.65.3 3.07 1.44a3394.44 3394.44 0 0 1 7.36 3.43 3.4 3.4 0 0 1 2 3.45V17.78c0 .68-.01 1.36-.03 2.02a23.75 23.75 0 0 1-.64 4.69l-.02.08-.02.08a32.7 32.7 0 0 1-.87 2.71c-.48 1.23-1.1 2.5-1.9 3.89l-.04.05-.04.06a24.75 24.75 0 0 1-2.79 3.62A20.72 20.72 0 0 1 20.75 39l-.1.06-.09.05-.1.06-.1.05c-.93.43-2.05.92-3.27 1.26l-.03.01h-.02a3.48 3.48 0 0 1-1.78 0c-1.14-.32-2.3-.78-3.45-1.36l-.02-.02h-.02c-3.28-1.72-6-4.28-8.1-7.58l-.09-.11-.1-.18a28.05 28.05 0 0 1-1.72-3.43c-.37-.9-.64-1.78-.9-2.63l-.02-.06-.1-.32-.04-.16-.04-.16-.06-.31-.06-.31-.01-.08c-.14-.7-.28-1.4-.36-2.15-.15-1.24-.15-2.4-.15-3.53V9.87a3.2 3.2 0 0 1 1.87-3.1l3.94-1.84 3.94-1.84 2.38-1.12.1-.05.17-.08.05-.03.31-.14.57-.26a135.73 135.73 0 0 1 1.43-.68Zm3.41 18.12 3.11 1.79c.7.4 1.3 1 1.7 1.72.41.72.63 1.54.63 2.37 0 1.15-.44 2.25-1.22 3.06a4.1 4.1 0 0 1-2.95 1.26h-7.37a3.22 3.22 0 0 1-2.38-1 3.46 3.46 0 0 1-.98-2.45 3.56 3.56 0 0 1 .98-2.45 3.32 3.32 0 0 1 2.38-1h2.11l-3.1-1.79c-.71-.4-1.3-1-1.71-1.71a4.81 4.81 0 0 1-.63-2.38c0-1.14.44-2.24 1.23-3.05a4.1 4.1 0 0 1 2.94-1.27h7.37c.88 0 1.73.36 2.35 1.01a3.52 3.52 0 0 1 0 4.88 3.27 3.27 0 0 1-2.35 1.01h-2.11Zm-7.9-.7c.32.53.77.97 1.3 1.28l4.1 2.35v-3.52c0-.13.04-.25.13-.34.08-.09.2-.14.32-.14h4.16a2.23 2.23 0 0 0 1.66-.74 2.4 2.4 0 0 0 .63-1.76 2.38 2.38 0 0 0-2.36-2.26h-7.22a3.26 3.26 0 0 0-3.21 3.34c.01.63.18 1.24.5 1.78Zm1.87 9.84h7.22c1.77 0 3.26-1.5 3.22-3.34a3.7 3.7 0 0 0-.5-1.79 3.54 3.54 0 0 0-1.3-1.28l-4.09-2.36v3.52a.5.5 0 0 1-.13.34.46.46 0 0 1-.33.14H12.1a2.23 2.23 0 0 0-1.66.74 2.4 2.4 0 0 0-.63 1.76A2.38 2.38 0 0 0 12.16 28Z',
+    viewBox: '0 0 33 41',
     ratio: 1,
     clipRule: 'evenodd',
     fillRule: 'evenodd',
   },
   recoveryPasswordOutline: {
-    path: 'm14.55 13.08-1.5-.85h1.02c.42 0 .83-.18 1.13-.49a1.69 1.69 0 0 0 0-2.34c-.3-.31-.71-.49-1.13-.49h-3.54c-.53 0-1.04.22-1.41.61-.38.4-.6.92-.6 1.47 0 .4.11.8.3 1.14.2.34.49.63.83.82l1.49.86h-1.01a1.55 1.55 0 0 0-1.15.48 1.66 1.66 0 0 0-.47 1.18 1.71 1.71 0 0 0 .47 1.18 1.6 1.6 0 0 0 1.15.47h3.53c.53 0 1.04-.22 1.42-.6.37-.4.58-.92.58-1.47 0-.4-.1-.8-.3-1.14a2.2 2.2 0 0 0-.81-.83Zm-4.67-.58a1.7 1.7 0 0 1-.62-.61 1.78 1.78 0 0 1-.24-.86c-.02-.88.7-1.6 1.55-1.6h3.46a1.14 1.14 0 0 1 1.07 1.54 1.15 1.15 0 0 1-.6.65c-.14.06-.29.1-.43.1h-2a.22.22 0 0 0-.16.06.23.23 0 0 0-.06.16v1.7L9.88 12.5Zm3.74 4.11h-3.46a1.14 1.14 0 0 1-1.07-1.54 1.15 1.15 0 0 1 .6-.65c.14-.06.29-.1.44-.1h2a.21.21 0 0 0 .15-.06.23.23 0 0 0 .06-.17V12.4l1.97 1.13a1.78 1.78 0 0 1 .86 1.48c.02.88-.7 1.6-1.55 1.6ZM12.07 3.18c-.23 0-.45.05-.67.16l-.68.33c-.15.06-.29.13-.42.2h-.02v.01l-.09.04-.05.03L9 4.49 5.22 6.3c-.6.3-.92.86-.9 1.52v3.91c0 .58 0 1.2.07 1.85.04.38.11.74.18 1.09l.06.3.02.08.02.08.05.16c.12.42.26.86.43 1.31.22.54.48 1.07.83 1.69l.05.08.04.06a10.3 10.3 0 0 0 3.89 3.7h.01v.02c.56.28 1.12.5 1.67.66a1.6 1.6 0 0 0 .85 0h.02c.59-.17 1.12-.4 1.57-.62l.05-.03.05-.02.09-.06a9.97 9.97 0 0 0 2.5-1.97c.46-.49.89-1.05 1.35-1.77l.02-.03.01-.02a13.1 13.1 0 0 0 1.33-3.23l.01-.04.01-.04c.14-.62.3-1.43.3-2.3.02-.32.02-.66.02-1V7.96c.06-.74-.3-1.37-.96-1.68l-3.53-1.69-1.47-.7-.32-.15c-.27-.13-.54-.25-.8-.39-.23-.1-.44-.16-.67-.16Zm0 18.3-.11-.01a7.52 7.52 0 0 1-1.43-.57 8.98 8.98 0 0 1-3.4-3.25l-.03-.06-.03-.03c-.31-.56-.55-1.04-.74-1.5-.15-.4-.27-.8-.4-1.2l-.04-.16-.06-.32c-.07-.34-.13-.65-.17-.99-.06-.55-.06-1.1-.06-1.67V7.76c0-.07 0-.14.13-.21l3.8-1.8 1.13-.55h.02l.01-.01.05-.03.08-.04.42-.2c.24-.1.47-.22.71-.34l.12-.03c.03 0 .07 0 .13.03l.83.4.3.15 1.48.7 3.54 1.7c.2.09.2.2.2.32v3.81l-.01.98a10.84 10.84 0 0 1-.65 3.22c-.2.53-.47 1.09-.82 1.7-.41.64-.8 1.14-1.2 1.57a8.63 8.63 0 0 1-2.17 1.72l-.05.02-.04.03-.04.02a9.05 9.05 0 0 1-1.5.56Z',
-    viewBox: '0 0 24 25',
+    path: 'm21.3 20.64-3.11-1.79h2.11c.88 0 1.73-.36 2.35-1a3.52 3.52 0 0 0 0-4.89 3.27 3.27 0 0 0-2.35-1.01h-7.37A4.1 4.1 0 0 0 10 13.22a4.41 4.41 0 0 0-1.23 3.05c0 .84.22 1.66.63 2.38.4.72 1 1.31 1.7 1.71l3.11 1.8h-2.1a3.22 3.22 0 0 0-2.39.99 3.46 3.46 0 0 0-.98 2.45 3.56 3.56 0 0 0 .98 2.46 3.32 3.32 0 0 0 2.38 1h7.37a4.1 4.1 0 0 0 2.95-1.27 4.41 4.41 0 0 0 1.22-3.06c0-.83-.22-1.65-.63-2.37a4.6 4.6 0 0 0-1.7-1.72Zm-9.71-1.21c-.53-.3-.98-.75-1.3-1.29a3.7 3.7 0 0 1-.5-1.78 3.26 3.26 0 0 1 3.22-3.34h7.22a2.38 2.38 0 0 1 2.22 3.2 2.4 2.4 0 0 1-1.25 1.37c-.28.13-.59.2-.9.2h-4.16a.45.45 0 0 0-.32.13.49.49 0 0 0-.14.34v3.52l-4.1-2.35Zm7.79 8.56h-7.22a2.38 2.38 0 0 1-2.22-3.21 2.4 2.4 0 0 1 1.25-1.36c.28-.13.59-.2.9-.2h4.16a.45.45 0 0 0 .33-.14.48.48 0 0 0 .13-.34v-3.52l4.1 2.36c.52.3.97.75 1.28 1.28.32.54.5 1.16.5 1.79a3.26 3.26 0 0 1-3.21 3.34Z M16.15 0c-.48 0-.94.11-1.4.34-.46.23-.95.45-1.43.68l-.87.42-.03.01-.02.02-.17.08-.1.05-2.38 1.14-7.89 3.75A3.27 3.27 0 0 0 0 9.66v8.13c0 1.22-.01 2.5.15 3.85.09.8.23 1.55.37 2.28l.12.63.04.17.04.16.1.33c.27.89.54 1.8.92 2.74.45 1.1 1 2.22 1.72 3.5l.1.18.1.12a21.46 21.46 0 0 0 8.09 7.73h.02l.02.02c1.15.6 2.3 1.06 3.45 1.38a3.35 3.35 0 0 0 1.78 0h.05c1.22-.36 2.33-.85 3.27-1.3l.1-.05.1-.05.19-.12a20.78 20.78 0 0 0 5.22-4.1c.95-1.02 1.84-2.19 2.8-3.7l.03-.05.03-.06c.81-1.4 1.43-2.7 1.9-3.96.36-.96.63-1.88.87-2.76l.03-.08.02-.09c.28-1.28.6-2.98.64-4.77.02-.68.02-1.38.03-2.08V16.96a289.3 289.3 0 0 1 0-5.9V9.96a3.48 3.48 0 0 0-2-3.51l-7.36-3.5-3.08-1.48-.65-.3-1.69-.82c-.45-.22-.9-.33-1.37-.33V0Zm-.02 38.13c-.05 0-.12 0-.22-.03-.97-.27-1.97-.67-2.97-1.18a18.71 18.71 0 0 1-7.07-6.76l-.08-.13-.05-.07a24.85 24.85 0 0 1-1.55-3.14c-.32-.81-.56-1.63-.82-2.5l-.1-.32-.13-.66c-.13-.7-.26-1.36-.34-2.05-.14-1.17-.13-2.3-.13-3.5v-7.31c0-.3.02-.6 0-.94 0-.14-.01-.29.28-.43l7.88-3.75 2.39-1.14.02-.02.03-.01.1-.05.17-.09.88-.41 1.48-.7c.12-.07.2-.07.25-.07.06 0 .14 0 .26.06l1.73.83.64.3 3.08 1.48c2.46 1.17 4.9 2.35 7.36 3.51.43.2.44.45.43.69a7 7 0 0 0 0 .84v7.1l-.03 2.04a22.57 22.57 0 0 1-.57 4.2 34 34 0 0 1-.79 2.5c-.41 1.1-.97 2.27-1.7 3.53a22.66 22.66 0 0 1-2.48 3.3 17.99 17.99 0 0 1-4.55 3.56l-.1.05-.09.06-.06.04c-.84.4-1.84.84-2.88 1.14l-.26.03Z',
+    viewBox: '0 0 33 41',
     ratio: 1,
   },
   star: {

ts/components/leftpane/LeftPaneSectionHeader.tsx

@@ -4,6 +4,7 @@ import { recoveryPhraseModal } from '../../state/ducks/modalDialog';
 import { SectionType } from '../../state/ducks/section';
 import { disableRecoveryPhrasePrompt } from '../../state/ducks/userConfig';
 import { getFocusedSection, getIsMessageRequestOverlayShown } from '../../state/selectors/section';
+import { getTheme } from '../../state/selectors/theme';
 import { getShowRecoveryPhrasePrompt } from '../../state/selectors/userConfig';
 import { isSignWithRecoveryPhrase } from '../../util/storage';
 import { Flex } from '../basic/Flex';
@@ -50,7 +51,7 @@ const StyledBanner = styled(Flex)`
 
   svg {
     margin-top: -3px;
-    margin-left: var(--margins-sm);
+    margin-left: var(--margins-xs);
   }
 `;
 
@@ -68,6 +69,7 @@ const StyledLeftPaneBanner = styled.div`
 `;
 
 export const LeftPaneBanner = () => {
+  const theme = useSelector(getTheme);
   const section = useSelector(getFocusedSection);
   const isSignInWithRecoveryPhrase = isSignWithRecoveryPhrase();
 
@@ -97,7 +99,7 @@ export const LeftPaneBanner = () => {
         <Flex container={true} width={'100%'} alignItems="flex-start">
           <StyledBannerTitle>{window.i18n('saveRecoveryPassword')}</StyledBannerTitle>
           <SessionIcon
-            iconType="recoveryPasswordFill"
+            iconType={theme.includes('dark') ? 'recoveryPasswordFill' : 'recoveryPasswordOutline'}
             iconSize="medium"
             iconColor="var(--text-primary-color)"
           />