fix: purchases and settings page header text style & pro theme modal …

…overlay color
tonkeeper · Apr 1, 2024 · 51b63d2 · 51b63d2
1 parent ad2e53c
commit 51b63d2
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/packages/uikit/src/desktop-pages/purchases/DesktopPurchases.tsx b/packages/uikit/src/desktop-pages/purchases/DesktopPurchases.tsx
@@ -89,7 +89,7 @@ export const DesktopPurchases = () => {
     return (
         <DesktopViewPageLayout ref={scrollRef}>
             <DesktopViewHeader borderBottom={!closeTop}>
-                {t('page_header_purchases')}
+                <Label2>{t('page_header_purchases')}</Label2>
             </DesktopViewHeader>
             <NFTPageBody>{nfts && <NftsListStyled nfts={nfts} />}</NFTPageBody>
         </DesktopViewPageLayout>

diff --git a/packages/uikit/src/desktop-pages/settings/DesktopWalletSettingsPage.tsx b/packages/uikit/src/desktop-pages/settings/DesktopWalletSettingsPage.tsx
@@ -55,7 +55,9 @@ export const DesktopWalletSettingsPage = () => {
 
     return (
         <DesktopViewPageLayout>
-            <DesktopViewHeader borderBottom>{t('settings_title')}</DesktopViewHeader>
+            <DesktopViewHeader borderBottom>
+                <Label2>{t('settings_title')}</Label2>
+            </DesktopViewHeader>
             <SettingsListBlock>
                 <SettingsListItem onClick={onRenameOpen}>
                     <WalletEmoji containerSize="16px" emojiSize="16px" emoji={wallet.emoji} />

diff --git a/packages/uikit/src/styles/proTheme.ts b/packages/uikit/src/styles/proTheme.ts
@@ -12,9 +12,9 @@ export const proTheme: DefaultTheme = {
     backgroundContent: '#17171A',
     backgroundContentTint: '#222224',
     backgroundContentAttention: '#2F2F33',
-    backgroundOverlayStrong: 'rgb(15 15 15 / 72%)',
-    backgroundOverlayLight: 'rgb(15 15 15 / 48%)',
-    backgroundOverlayExtraLight: 'rgb(15 15 15 / 24%)',
+    backgroundOverlayStrong: 'rgba(20, 20, 20, 0.72)',
+    backgroundOverlayLight: 'rgba(20, 20, 20, 0.48)',
+    backgroundOverlayExtraLight: 'rgba(20, 20, 20, 0.24)',
     backgroundHighlighted: 'rgb(255 255 255 / 4%)',
 
     iconPrimary: '#EBEBEB',