Prax brand integration (#947)

* Prax brand integration

* use transparency for favicons

.changeset/red-bikes-ring.md

@@ -0,0 +1,5 @@
+---
+'chrome-extension': major
+---
+
+Prax brand integration and renaming

README.md

@@ -6,9 +6,11 @@ The [Penumbra](https://penumbra.zone/) monorepo for all things web.
 
 ### Technical Documentation
 
-[Visit docs](./docs/README.md) to see guiding principles, technical decisions, and general architecture of the apps and packages in this repo.
+[Visit docs](./docs/README.md) to see guiding principles, technical decisions, and general architecture of the apps and
+packages in this repo.
 
 ### Links
 
-- [Penumbra Wallet](https://chrome.google.com/webstore/detail/penumbra-wallet/lkpmkhpnhknhmibgnmmhdhgdilepfghe) - chrome extension for custodying, proving, and signing transactions.
+- [Prax Wallet](https://chrome.google.com/webstore/detail/penumbra-wallet/lkpmkhpnhknhmibgnmmhdhgdilepfghe) - chrome
+  extension for custodying, proving, and signing transactions.
 - [Testnet Penumbra Dapp](https://app.testnet.penumbra.zone/) - Swap, stake, & send on Penumbra.

apps/extension/public/manifest.json

@@ -1,13 +1,18 @@
 {
   "manifest_version": 3,
-  "name": "Penumbra wallet",
+  "name": "Prax wallet",
   "version": "6.3.0",
   "description": "For use in interacting with the Penumbra blockchain",
   "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvnucOJi878TGZYnTNTrvXd9krAcpSDR/EgHcQhvjNZrKfRRsKA9O0DnbyM492c3hiicYPevRPLPoKsLgVghGDYPr8eNO7ee165keD5XLxq0wpWu14gHEPdQSRNZPLeawLp4s/rUwtzMcxhVIUYYaa2xZri4Tqx9wpR7YR1mQTAL8UsdjyitrnzTM20ciKXq1pd82MU74YaZzrcQCOmcjJtjHFdMEAYme+LuZuEugAgef9RiE/8kLQ6T7W9feYfQOky1OPjBkflpRXRgW6cACdl+MeYhKJCOHijglFsPOXX6AvnoJSeAJYRXOMVJi0ejLKEcrLpaeHgh+1WXUvc5G4wIDAQAB",
   "action": {
-    "default_icon": "icon.png",
     "default_popup": "popup.html"
   },
+  "icons": {
+    "16": "favicon/icon16.png",
+    "32": "favicon/icon32.png",
+    "48": "favicon/icon48.png",
+    "128": "favicon/icon128.png"
+  },
   "content_scripts": [
     {
       "matches": ["<all_urls>"],

apps/extension/src/routes/page/onboarding/start.tsx

@@ -7,7 +7,6 @@ import {
   CardTitle,
 } from '@penumbra-zone/ui/components/ui/card';
 import { FadeTransition } from '@penumbra-zone/ui/components/ui/fade-transition';
-import { CompressedVideoLogo } from '@penumbra-zone/ui/components/ui/logo/compressed-video';
 import { usePageNav } from '../../../utils/navigate';
 import { PagePath } from '../paths';
 
@@ -16,7 +15,7 @@ export const OnboardingStart = () => {
 
   return (
     <FadeTransition>
-      <CompressedVideoLogo className='mb-10 self-center' />
+      <img src='/prax-white-vertical.svg' alt='prax logo' className='mb-5 w-60 self-center' />
       <Card className='w-[400px] ' gradient>
         <CardHeader className='items-center'>
           <CardTitle>Explore private trading</CardTitle>

apps/extension/src/routes/popup/login.tsx

@@ -41,7 +41,7 @@ export const Login = () => {
     <FadeTransition className='flex flex-col items-stretch justify-start'>
       <div className='flex h-screen flex-col justify-between p-[30px] pt-10 '>
         <div className='mx-auto my-0 h-[100px] w-[200px]'>
-          <img src='/logo.svg' alt='logo' />
+          <img src='/prax-white-vertical.svg' alt='prax logo' />
         </div>
         <form onSubmit={handleUnlock} className='grid gap-4'>
           <PasswordInput

apps/extension/webpack.config.ts

@@ -128,14 +128,14 @@ const config: webpack.Configuration = {
     }),
     // html entry points
     new HtmlWebpackPlugin({
-      favicon: 'public/icon.png',
-      title: 'Penumbra Wallet',
+      favicon: 'public/favicon/icon128.png',
+      title: 'Prax Wallet',
       template: 'react-root.html',
       filename: 'page.html',
       chunks: ['page-root'],
     }),
     new HtmlWebpackPlugin({
-      title: 'Penumbra Wallet',
+      title: 'Prax Wallet',
       template: 'react-root.html',
       rootId: 'popup-root',
       filename: 'popup.html',