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

@@ -0,0 +1,86 @@
// Plebeian Market Font Definitions
// Reglisse - Heading font
@font-face {
font-family: 'reglisse';
src: url('../assets/fonts/Reglisse_Fill.otf') format('opentype');
font-weight: 700;
font-style: normal;
font-display: swap;
font-synthesis: none;
}
// IBM Plex Mono - Body font
@font-face {
font-family: 'IBM Plex Mono';
src: url('../assets/fonts/IBMPlexMono-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'IBM Plex Mono';
src: url('../assets/fonts/IBMPlexMono-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'IBM Plex Mono';
src: url('../assets/fonts/IBMPlexMono-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'IBM Plex Mono';
src: url('../assets/fonts/IBMPlexMono-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
// TheYLive - Display font
@font-face {
font-family: 'theylive';
src: url('../assets/fonts/theylive.otf') format('opentype');
font-weight: normal;
font-style: normal;
font-display: swap;
font-synthesis: none;
}
// Font utility classes
.font-heading {
font-family: var(--font-heading);
font-weight: 700;
letter-spacing: 0.1rem;
font-synthesis: none;
}
.font-theylive {
font-family: var(--font-theylive);
font-weight: normal;
letter-spacing: 0.1em;
font-synthesis: none;
}
.font-mono {
font-family: var(--font-sans);
}
// Heading sizes
h1.font-heading {
font-size: 2rem;
}
h2.font-heading {
font-size: 1.6rem;
}
h3.font-heading {
font-size: 1.4rem;
}