Rebrand to Plebeian Signer with updated colors and UI improvements

- Fix project name from "Plebian" to "Plebeian" throughout codebase
- Replace gooti logo with Plebeian Market logo across all screens
- Update color scheme to match Plebeian Market (pink accent #ff3eb5)
- Add IBM Plex Mono fonts and Reglisse heading font
- Center vault create/import screen content vertically
- Reduce spacing on sync preference screen to prevent scrolling
- Add Enter key support on vault login password field
- Update options page with new logo and color scheme
- Bump version to 0.0.5

Files modified:
- package.json (version bump, name fix)
- projects/*/public/{logo.svg,options.html,manifest.json}
- projects/*/src/app/components/vault-*/*.{html,scss}
- projects/*/src/app/components/welcome/*.html
- projects/common/src/lib/styles/*.scss
- Various component files for branding updates

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

projects/chrome/src/app/app.component.ts

@@ -14,7 +14,7 @@ export class AppComponent implements OnInit {
   readonly #logger = inject(LoggerService);
 
   ngOnInit(): void {
-    this.#logger.initialize('Plebian Signer Chrome Extension');
+    this.#logger.initialize('Plebeian Signer Chrome Extension');
 
     this.#startup.startOver(getNewStorageServiceConfig());
   }

projects/chrome/src/app/components/home/home.component.scss

@@ -25,18 +25,20 @@
       justify-content: center;
       font-size: 24px;
 
-      color: gray;
+      color: var(--muted-foreground);
       border-top: 3px solid transparent;
+      transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
 
       cursor: pointer;
 
       &:hover {
         background: var(--background-light-hover);
+        color: var(--foreground);
       }
 
       &.active {
-        color: #ffffff;
-        border-top: 3px solid #0d6efd;
+        color: var(--foreground);
+        border-top: 3px solid var(--primary);
       }
     }
   }

projects/chrome/src/app/components/home/info/info.component.html

@@ -1,5 +1,5 @@
 <div class="sam-text-header">
-  <span> Plebian Signer </span>
+  <span> Plebeian Signer </span>
 </div>
 
 <span>Version {{ version }}</span>

projects/chrome/src/app/components/home/settings/settings.component.ts

@@ -81,7 +81,7 @@ export class SettingsComponent extends NavComponent implements OnInit {
     const jsonVault = this.#storage.exportVault();
 
     const dateTimeString = DateHelper.dateToISOLikeButLocal(new Date());
-    const fileName = `Plebian Signer Chrome - Vault Export - ${dateTimeString}.json`;
+    const fileName = `Plebeian Signer Chrome - Vault Export - ${dateTimeString}.json`;
 
     this.#downloadJson(jsonVault, fileName);
   }

projects/chrome/src/app/components/vault-create/home/home.component.html

@@ -1,12 +1,10 @@
-<div class="sam-text-header">
-  <span>Plebian Signer</span>
-</div>
-
 <div class="vertically-centered">
   <div class="sam-flex-column center">
     <div class="sam-flex-column gap" style="align-items: center">
+      <span class="title">Plebeian Signer</span>
+
       <div class="logo-frame">
-        <img src="gooti.svg" height="120" width="120" alt="" />
+        <img src="logo.svg" height="120" width="120" alt="" />
       </div>
 
       <button

projects/chrome/src/app/components/vault-create/home/home.component.scss

@@ -10,6 +10,17 @@
     align-items: center;
   }
 
+  .title {
+    font-size: 20px;
+    font-weight: 500;
+    margin-bottom: var(--size);
+  }
+
+  .logo-frame {
+    border: 2px solid var(--secondary);
+    border-radius: 100%;
+  }
+
   .file-input {
     position: absolute;
     visibility: hidden;

projects/chrome/src/app/components/vault-create/new/new.component.html

@@ -1,11 +1,11 @@
 <div class="sam-text-header">
-  <span>Plebian Signer</span>
+  <span>Plebeian Signer</span>
 </div>
 
 <div class="content">
   <div class="sam-flex-column gap" style="align-items: center">
     <div class="logo-frame">
-      <img src="gooti.svg" height="120" width="120" alt=""/>
+      <img src="logo.svg" height="120" width="120" alt=""/>
     </div>
 
     <span class="sam-mt-2"> Please define a password for your vault. </span>

projects/chrome/src/app/components/vault-create/new/new.component.scss

@@ -42,7 +42,7 @@
   }
 
   .logo-frame {
-    border: 2px solid #0d6efd;
+    border: 2px solid var(--secondary);
     border-radius: 100%;
   }
 }

projects/chrome/src/app/components/vault-login/vault-login.component.html

@@ -1,11 +1,11 @@
 <div class="sam-text-header">
-  <span class="brand">Plebian Signer</span>
+  <span class="brand">Plebeian Signer</span>
 </div>
 
 <div class="content-login-vault">
   <div class="sam-flex-column gap" style="align-items: center">
     <div class="logo-frame">
-      <img src="gooti.svg" height="120" width="120" alt="" />
+      <img src="logo.svg" height="120" width="120" alt="" />
     </div>
 
     <div class="sam-mt-2 input-group">
@@ -15,6 +15,7 @@
         class="form-control"
         placeholder="vault password"
         [(ngModel)]="loginPassword"
+        (keyup.enter)="loginPassword && loginVault()"
       />
       <button
         class="btn btn-outline-secondary"

projects/chrome/src/app/components/vault-login/vault-login.component.scss

@@ -5,7 +5,7 @@
   justify-items: center;
 
   .logo-frame {
-    border: 2px solid #0d6efd;
+    border: 2px solid var(--secondary);
     border-radius: 100%;
   }
 

projects/chrome/src/app/components/welcome/welcome.component.html

@@ -1,9 +1,9 @@
-<div class="sam-text-header sam-mb-2">
-  <span>Plebian Signer Setup - Sync Preference</span>
+<div class="sam-text-header sam-mb-h">
+  <span>Plebeian Signer Setup - Sync Preference</span>
 </div>
 
 <span class="sam-text-muted sam-text-md sam-text-align-center2">
-  Plebian Signer always encrypts sensitive data like private keys and site permissions
+  Plebeian Signer always encrypts sensitive data like private keys and site permissions
   independent of the chosen sync mode.
 </span>
 
@@ -22,7 +22,7 @@
   <span> Sync ON</span>
 </button>
 
-<span class="sam-mt-2 sam-text-lg">Offline</span>
+<span class="sam-mt sam-text-lg">Offline</span>
 
 <span class="sam-text-muted sam-text-md">
   Your encrypted data is never uploaded to any servers. It remains in your local