docs: UI branding — dark sidebar + YARIS-OBD Racing Sans One logo
This commit is contained in:
@@ -2212,6 +2212,18 @@ The app reuses the existing Pi REST API surface with no changes:
|
||||
companion, not a standalone tool. Cached trip data from the last sync is a nice-to-have
|
||||
but not required for v1.
|
||||
|
||||
### UI Branding (2026-08-12)
|
||||
|
||||
- **Sidebar background**: changed from dark navy (`#1a1a2e`) to dark gray (`#1c1c1e`).
|
||||
- **Logo**: replaced `fa-car` icon + text with a styled **YARIS-OBD** wordmark using
|
||||
**Racing Sans One** (free Google Font, SIL OFL license, DMCA-safe). White italic text
|
||||
with a red (`#e63946`) underline accent on the dark sidebar.
|
||||
- **Applied to both**: Pi (`templates/base.html`) and remote server
|
||||
(`server/templates/base.html`) + mobile topbar on both.
|
||||
- **CSS**: new `.sidebar-brand-logo` class in `static/yaris.css` with `::after`
|
||||
pseudo-element for the accent underline. Collapsed sidebar shrinks the logo and
|
||||
hides the underline.
|
||||
|
||||
## Working Notes / Environment Gotchas
|
||||
|
||||
- **Pi credentials/SSH**: `ssh yaris@<pi-ip>`. Confirm current IP before connecting (varies by
|
||||
|
||||
Reference in New Issue
Block a user