docs: UI branding — dark sidebar + YARIS-OBD Racing Sans One logo

This commit is contained in:
Mathieu Moran
2026-08-12 04:33:46 -04:00
parent 2989f60f9c
commit b69ae3a229
+12
View File
@@ -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 companion, not a standalone tool. Cached trip data from the last sync is a nice-to-have
but not required for v1. 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 ## Working Notes / Environment Gotchas
- **Pi credentials/SSH**: `ssh yaris@<pi-ip>`. Confirm current IP before connecting (varies by - **Pi credentials/SSH**: `ssh yaris@<pi-ip>`. Confirm current IP before connecting (varies by