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>
This commit is contained in:
2025-12-17 11:47:38 +01:00
parent 3c63e6555c
commit fe886d2101
64 changed files with 378 additions and 100 deletions

View File

@@ -2,7 +2,7 @@
<html data-bs-theme="dark">
<head>
<title>Plebian Signer - Options</title>
<title>Plebeian Signer - Options</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
<script src="scripts.js"></script>
<style>
@@ -35,7 +35,7 @@
height: 60px;
width: 60px;
border-radius: 100%;
border: 2px solid var(--primary);
border: 2px solid var(--secondary);
img {
height: 100%;
@@ -47,7 +47,7 @@
font-weight: 700;
font-size: 1.5rem;
letter-spacing: 4px;
color: #b9d6ff;
color: var(--secondary);
}
.main-header {
@@ -64,8 +64,8 @@
line-height: 1.4;
.accent {
color: #d63384;
border: 1px solid #d63384;
color: var(--secondary);
border: 1px solid var(--secondary);
border-radius: 4px;
padding: 2px 4px;
}
@@ -102,9 +102,9 @@
<div class="page">
<div class="container sam-flex-row gap" style="margin-top: 16px">
<div class="logo">
<img src="gooti.svg" alt="" />
<img src="logo.svg" alt="" />
</div>
<span class="brand-name">Plebian Signer</span>
<span class="brand-name">Plebeian Signer</span>
<span>OPTIONS</span>
</div>