chore: update logo and color

packages/site/gatsby-config.ts

@@ -13,8 +13,8 @@ const config: GatsbyConfig = {
       resolve: 'gatsby-plugin-manifest',
       options: {
         name: 'Template Snap',
-        icon: 'src/assets/logo.svg',
-        theme_color: '#6F4CFF',
+        icon: 'src/assets/RSS3.svg',
+        theme_color: '#0072FF',
         background_color: '#FFFFFF',
         display: 'standalone',
       },

packages/site/src/components/Footer.tsx

@@ -4,7 +4,7 @@ export const Footer = () => {
       <span>
         {' '}
         Powered by{' '}
-        <a className="text-[#0072ff]" href="https://rss3.io" about="_blank">
+        <a className="text-RSS3" href="https://rss3.io" about="_blank">
           RSS3
         </a>{' '}
       </span>

packages/site/src/components/Header.tsx

@@ -2,7 +2,7 @@ import { useContext } from 'react';
 import { MetamaskActions, MetaMaskContext } from '../hooks';
 import { connectSnap, getSnap } from '../utils';
 import { HeaderButtons } from './Buttons';
-import { SnapLogo } from './SnapLogo';
+import { RSS3Logo } from './RSS3Logo';
 
 export const Header = () => {
   const [state, dispatch] = useContext(MetaMaskContext);
@@ -25,7 +25,9 @@ export const Header = () => {
     <div className="flex flex-row justify-between items-center p-4 border-b border-solid">
       <div className="flex flex-row items-center space-x-4">
         <a href="/">
-          <SnapLogo />
+          <RSS3Logo />
+        </a>
+        <a href="/">
           <p>RSS3 Social Notifier Snap</p>
         </a>
       </div>

packages/site/src/components/RSS3Logo.tsx

@@ -0,0 +1,29 @@
+export const RSS3Logo = () => (
+  <svg
+    width="35"
+    height="35"
+    viewBox="0 0 792 792"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect width="792" height="792" fill="#0072FF" />
+    <path
+      d="M523.325 410.285C514.417 397.052 492.928 390.011 477.552 385.863C475.754 385.389 473.898 384.915 471.913 384.431H471.755C463.469 382.337 454.068 380.017 446.75 376.047C438.365 371.455 434.257 365.5 434.257 357.846C434.257 356.602 434.366 355.367 434.603 354.143V353.925C434.721 353.362 434.869 352.809 435.047 352.256C435.067 352.177 435.087 352.108 435.116 352.039V351.96C436.203 348.79 438.02 345.916 440.419 343.576C446.631 337.285 456.556 333.75 467.676 333.75H468.022C476.209 333.927 484.267 335.823 491.684 339.319C499.09 342.677 505.776 347.427 511.405 353.303L511.543 369.242V369.41H525.379V321.395H511.573V332.278C511.573 332.436 511.494 332.594 511.356 332.673C511.227 332.673 511.059 332.594 510.98 332.505C505.134 328.061 498.626 324.555 491.703 322.116C484.277 319.578 476.495 318.225 468.644 318.117C459.637 318.117 452.28 319.163 446.137 321.168C441.032 322.867 436.282 325.513 432.144 328.96C427.64 332.476 424.026 336.999 421.587 342.154C419.227 347.131 417.992 352.563 417.962 358.063C417.893 361.322 418.298 364.571 419.167 367.722C420.234 371.198 421.824 374.496 423.888 377.498C424.066 377.785 424.273 378.051 424.461 378.328C424.648 378.604 424.658 378.595 424.757 378.723L424.885 378.891C433.951 391.413 454.196 396.963 468.96 401.042L469.365 401.15L472.643 402.059L476.199 403.017C483.892 404.903 491.427 407.411 498.715 410.522C502.517 412.201 505.875 414.739 508.512 417.959C510.951 420.931 512.61 424.476 513.321 428.259C514.012 432.031 513.726 435.922 512.491 439.547C511.04 443.724 508.64 447.516 505.48 450.607C502.013 453.698 497.935 456.029 493.52 457.461C489.225 458.843 484.761 459.643 480.248 459.841C473.029 460.186 465.8 459.367 458.847 457.421C447.056 453.688 436.291 446.489 429.309 437.69C429.072 437.404 428.905 437.078 428.796 436.722L428.658 423.015V422.837H414.822V473.025H428.668V458.35C434.455 463.436 441.15 467.376 448.419 469.944C456.912 473.074 465.859 474.783 474.905 475H476.031C483.714 475 501.688 475 515.79 463.06C519.691 459.683 522.93 455.604 525.32 451.022C527.621 446.617 529.122 441.838 529.754 436.91C530.396 432.189 530.179 427.39 529.102 422.748C528.085 418.235 526.12 413.979 523.335 410.285H523.325Z"
+      fill="white"
+    />
+    <path
+      d="M386.693 410.285C377.963 397.121 356.385 390.04 340.92 385.873C339.162 385.409 337.335 384.964 335.399 384.48C318.631 380.343 297.744 375.168 297.507 357.806C297.507 355.189 298.06 352.602 299.136 350.222C300.292 347.714 301.901 345.442 303.877 343.517C310.167 337.315 320.033 333.75 331.064 333.75H331.41C339.597 333.927 347.645 335.823 355.052 339.319C362.429 342.677 369.085 347.427 374.655 353.303L374.931 369.242V369.42H388.767V321.395H374.961V332.278C374.961 332.436 374.882 332.584 374.754 332.673C374.645 332.673 374.526 332.673 374.368 332.505C368.522 328.061 362.014 324.555 355.091 322.116C347.665 319.578 339.883 318.225 332.032 318.117C322.976 318.117 315.599 319.163 309.476 321.168C304.38 322.877 299.66 325.513 295.532 328.96C291.028 332.476 287.414 336.999 284.975 342.154C282.605 347.141 281.36 352.582 281.331 358.103C281.262 361.362 281.666 364.601 282.516 367.751C283.563 371.208 285.113 374.496 287.108 377.498C295.798 391.038 317.06 396.854 332.575 401.111L332.94 401.21L336.022 402.059L339.271 402.928L339.577 403.007C347.27 404.893 354.805 407.402 362.093 410.512C365.915 412.211 369.282 414.779 371.949 417.998C374.398 421.01 376.067 424.585 376.778 428.397C377.459 432.179 377.163 436.07 375.919 439.695C374.457 443.872 372.038 447.654 368.868 450.736C365.421 453.817 361.362 456.138 356.958 457.54C352.652 458.922 348.178 459.703 343.655 459.87C342.727 459.87 341.749 459.93 340.762 459.93C334.441 459.949 328.151 459.09 322.067 457.382C321.366 457.165 320.655 456.918 319.974 456.671H319.865C318.453 456.167 317.031 455.624 315.668 454.982C308.824 451.98 302.573 447.803 297.191 442.628L296.914 442.361C296.075 441.522 295.226 440.633 294.406 439.695L293.774 438.974C293.408 438.539 293.053 438.124 292.727 437.68C292.5 437.394 292.332 437.068 292.223 436.722L292.085 423.015V422.837H278.052V473.025H292.036V458.35C297.823 463.436 304.518 467.376 311.787 469.944C320.28 473.074 329.227 474.783 338.273 475H339.399C347.043 475 364.937 475 379.158 463.06C383.059 459.683 386.298 455.604 388.688 451.022C390.989 446.647 392.5 441.897 393.142 436.999C393.784 432.278 393.566 427.479 392.49 422.837C391.483 418.284 389.508 414.008 386.703 410.275L386.693 410.285Z"
+      fill="white"
+    />
+    <path
+      d="M244.784 461.084L206.96 403.905C213.369 404.152 219.749 402.917 225.595 400.29C233.861 396.093 240.507 390.78 244.586 382.919C247.904 376.431 249.623 369.242 249.593 361.953C249.593 350.488 245.07 339.496 237.012 331.339C228.272 323.419 217.359 319.558 203.632 319.558H130.365V335.378H145.919V461.282H129.002V474.515H178.114V461.282H162.293V404.142H188.76L225.813 461.282H208.975V474.515H261.829V461.282H245.297C245.1 461.292 244.912 461.223 244.774 461.094L244.784 461.084ZM202.832 334.667C215.285 334.667 224.845 339.615 229.684 348.118C234.424 356.798 234.256 367.336 229.239 375.868C224.272 384.252 218.396 388.884 205.38 388.884H162.283V334.667H202.832Z"
+      fill="white"
+    />
+    <path
+      d="M656 428.693C656 409.712 646.41 395.995 630.501 390.119C643.991 383.028 649.946 371.375 649.946 359.376C649.946 331.675 626.709 317 596.401 317C579.859 317.128 562.231 322.629 550.183 339.536L562.764 347.743C569.499 338.677 579.108 331.675 596.401 331.675C618.413 331.675 634.036 340.612 634.036 357.638C634.036 374.663 618.374 383.038 602.336 383.038H580.491V398.76H603.6C624.052 398.76 640.218 409.781 639.715 428.515C638.569 448.434 621.02 459.129 598.05 459.129C583.266 459.129 566.853 454.478 554.597 441.373L554.275 440.993L543.54 452.744L543.734 453.016C559.14 467.474 577.459 474.95 598.04 474.95C629.74 474.891 656 457.737 656 428.703V428.693Z"
+      fill="white"
+    />
+    <path d="M118.808 388.775H79V405.03H118.808V388.775Z" fill="white" />
+    <path d="M712.382 388.775H672.574V405.03H712.382V388.775Z" fill="white" />
+  </svg>
+);

packages/site/src/pages/index.tsx

@@ -187,15 +187,15 @@ const Index = () => {
     <div className="container my-12">
       <h1 className="text-3xl font-bold leading-tight tracking-tighter md:text-5xl lg:leading-[1.1]">
         Welcome to{' '}
-        <span className="text-[#0072ff] drop-shadow-md">
+        <span className="text-text-RSS3 drop-shadow-md">
           RSS3 Social Notifier -
         </span>
-        <span className="text-[#E97C23] drop-shadow-md"> A MetaMask Snap</span>
+        <span className="text-MetaMask drop-shadow-md"> A MetaMask Snap</span>
       </h1>
       <h2 className="mt-5 mb-10 text-base text-left max-2xl text-muted-foreground sm:text-lg">
         <p>
-          This Snap for <span className="text-[#E97C23]">MetaMask</span> offers
-          a quick and easy way to stay on top of your frens' social activities.
+          This Snap for <span className="text-MetaMask">MetaMask</span> offers a
+          quick and easy way to stay on top of your frens' social activities.
         </p>
         <p>1. Connect to the Snap and install.</p>
         <p>

packages/site/src/pages/monitor/create.tsx

@@ -1,7 +1,6 @@
 import { useState, useEffect, useMemo, useContext } from 'react';
-import { formatAddressAndNS } from '@rss3/js-sdk';
 import * as z from 'zod';
-import { type Profile } from '@rss3/js-sdk';
+import { type Profile, formatAddressAndNS } from '@rss3/js-sdk';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { navigate } from 'gatsby';

packages/site/tailwind.config.js

@@ -17,6 +17,8 @@ module.exports = {
     },
     extend: {
       colors: {
+        RSS3: '#0072FF',
+        MetaMask: '#E97C23',
         border: 'hsl(var(--border))',
         input: 'hsl(var(--input))',
         ring: 'hsl(var(--ring))',