The coinos mark in the header

Inline single-color SVG of the brand symbol (ring + half-moon) that
inherits the ink color, next to the lowercase wordmark.

Co-Authored-By: Claude Fable 5 <[email protected]>

3 files changed, 3 insertions, 4 deletions

diff --git a/src/app.js b/src/app.js
index d5f277b..65b4a08 100644
--- a/src/app.js
+++ b/src/app.js
@@ -1362,7 +1362,7 @@ function brandHeader(withLock) {
     h(
       'div',
       { class: 'brand', style: 'cursor:pointer', title: t('home'), onClick: goHome },
-      h('div', { class: 'logo' }, '₿'),
+      h('div', { class: 'logo', html: '<svg viewBox="0 0 72 72" width="30" height="30" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M36 4.23529C18.4568 4.23529 4.23529 18.4568 4.23529 36C4.23529 53.5432 18.4568 67.7647 36 67.7647C53.5432 67.7647 67.7647 53.5432 67.7647 36C67.7647 18.4568 53.5432 4.23529 36 4.23529ZM0 36C0 16.1177 16.1177 0 36 0C55.8823 0 72 16.1177 72 36C72 55.8823 55.8823 72 36 72C16.1177 72 0 55.8823 0 36Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M36 58.5882C48.4751 58.5882 58.5882 48.4751 58.5882 36C58.5882 23.5248 48.4751 13.4117 36 13.4117C23.5249 13.4117 13.4118 23.5248 13.4118 36C13.4118 48.4751 23.5249 58.5882 36 58.5882ZM36 54C45.9411 54 54 45.9411 54 36C54 26.0589 45.9411 18 36 18C26.0589 18 18 26.0589 18 36C18 45.9411 26.0589 54 36 54Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M36.0001 22.8988C36.0001 22.8988 36 22.8988 36 22.8988C28.7644 22.8988 22.8988 28.7644 22.8988 36C22.8988 43.2356 28.7644 49.1012 36 49.1012C36 49.1012 36.0001 49.1012 36.0001 49.1012V22.8988Z"/></svg>' }),
       h('h1', {}, t('appTitle'))
     ),
     withLock &&
diff --git a/src/i18n.js b/src/i18n.js
index 14d5c8a..0c78e3d 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -33,7 +33,7 @@ export const isRTL = (l) => RTL.has(l || lang);
 
 const STR = {
   en: {
-    appTitle: 'Coinos',
+    appTitle: 'coinos',
     home: 'Home',
     logout: 'Logout',
     accounts: 'Accounts',
diff --git a/src/style.css b/src/style.css
index ca81a3c..6afbde0 100644
--- a/src/style.css
+++ b/src/style.css
@@ -104,8 +104,7 @@ summary { cursor: pointer; }
 /* ---- brand / header ---- */
 .brand { display: flex; align-items: center; gap: 10px; }
 .logo {
-  width: 34px; height: 34px; border-radius: 9px; flex: none;
-  background: var(--accent); color: var(--accent-fg); font-weight: 800; font-size: 20px;
+  width: 34px; height: 34px; flex: none; color: var(--ink);
   display: grid; place-items: center;
 }
 .brand h1 { font-size: 19px; }