diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/features/nwc.js | 2 | ||||
| -rw-r--r-- | src/format.js | 2 | ||||
| -rw-r--r-- | src/nwc-respond.js | 2 | ||||
| -rw-r--r-- | src/style.css | 18 |
4 files changed, 13 insertions, 11 deletions
diff --git a/src/features/nwc.js b/src/features/nwc.js index ec85463..5c49273 100644 --- a/src/features/nwc.js +++ b/src/features/nwc.js @@ -326,7 +326,7 @@ export function nwcFeature(ctx) { if (method === 'get_info') { return { result: { - alias: 'Coinos', color: '#f7931a', network: getNetwork() === 'mainnet' ? 'mainnet' : getNetwork(), + alias: 'Coinos', color: '#15171a', network: getNetwork() === 'mainnet' ? 'mainnet' : getNetwork(), block_height: 0, block_hash: '', methods: METHODS, }, }; diff --git a/src/format.js b/src/format.js index b553f5c..a7f49c2 100644 --- a/src/format.js +++ b/src/format.js @@ -17,7 +17,7 @@ export const ARK_ICON = (px = 16) => const BTC_DISC = 'm63.033,39.744c-4.274,17.143-21.637,27.576-38.782,23.301-17.138-4.274-27.571-21.638-23.295-38.78,4.272-17.145,21.635-27.579,38.775-23.305,17.144,4.274,27.576,21.64,23.302,38.784z'; const BTC_B = 'm46.103,27.444c0.637-4.258-2.605-6.547-7.038-8.074l1.438-5.768-3.511-0.875-1.4,5.616c-0.923-0.23-1.871-0.447-2.813-0.662l1.41-5.653-3.509-0.875-1.439,5.766c-0.764-0.174-1.514-0.346-2.242-0.527l0.004-0.018-4.842-1.209-0.934,3.75s2.605,0.597,2.55,0.634c1.422,0.355,1.679,1.296,1.636,2.042l-1.638,6.571c0.098,0.025,0.225,0.061,0.365,0.117-0.117-0.029-0.242-0.061-0.371-0.092l-2.296,9.205c-0.174,0.432-0.615,1.08-1.609,0.834,0.035,0.051-2.552-0.637-2.552-0.637l-1.743,4.019,4.569,1.139c0.85,0.213,1.683,0.436,2.503,0.646l-1.453,5.834,3.507,0.875,1.439-5.772c0.958,0.26,1.888,0.5,2.798,0.726l-1.434,5.745,3.511,0.875,1.453-5.823c5.987,1.133,10.489,0.676,12.384-4.739,1.527-4.36-0.076-6.875-3.226-8.515,2.294-0.529,4.022-2.038,4.483-5.155zm-8.022,11.249c-1.085,4.36-8.426,2.003-10.806,1.412l1.928-7.729c2.38,0.594,10.012,1.77,8.878,6.317zm1.086-11.312c-0.99,3.966-7.1,1.951-9.082,1.457l1.748-7.01c1.982,0.494,8.365,1.416,7.334,5.553z'; export const BITCOIN_ICON = (px = 16) => - `<svg width="${px}" height="${px}" viewBox="0 0 64 64" style="display:inline-block;vertical-align:-3px"><path fill="#f7931a" d="${BTC_DISC}"/><path fill="#fff" d="${BTC_B}"/></svg>`; + `<svg width="${px}" height="${px}" viewBox="0 0 64 64" style="display:inline-block;vertical-align:-3px"><path fill="currentColor" d="${BTC_DISC}"/><path fill="var(--paper)" d="${BTC_B}"/></svg>`; export function btc(sats) { return (Number(sats) / SATS).toFixed(8); diff --git a/src/nwc-respond.js b/src/nwc-respond.js index 6289b01..fbbb98c 100644 --- a/src/nwc-respond.js +++ b/src/nwc-respond.js @@ -181,7 +181,7 @@ export async function respondFromBg(data, { await publish({ result_type: 'get_info', result: { - alias: 'Coinos', color: '#f7931a', + alias: 'Coinos', color: '#15171a', network: rec.ark.network === 'mainnet' ? 'mainnet' : rec.ark.network, block_height: 0, block_hash: '', methods: ['get_info', 'get_balance', 'pay_invoice', 'list_transactions'], diff --git a/src/style.css b/src/style.css index 4fe0394..17735eb 100644 --- a/src/style.css +++ b/src/style.css @@ -8,9 +8,10 @@ --faint: #9aa1ac; --line: #e6e8ec; --line-strong: #d4d8de; - --accent: #f7931a; /* bitcoin orange */ - --accent-ink: #b5670a; - --accent-soft: #fff3e2; + --accent: #15171a; /* coinos black */ + --accent-fg: #ffffff; /* text on accent */ + --accent-ink: #000000; + --accent-soft: #ececef; --green: #14935a; --green-soft: #e7f6ee; --green-line: #c4e7d4; @@ -38,9 +39,10 @@ --faint: #6f7782; --line: #2a2f37; --line-strong: #3a414b; - --accent: #f7931a; - --accent-ink: #f7a942; - --accent-soft: #2e2412; + --accent: #ffffff; /* coinos white on dark */ + --accent-fg: #0f1216; /* text on accent */ + --accent-ink: #e7e9ee; + --accent-soft: #262b33; --green: #2dbd80; --green-soft: #14271d; --green-line: #235340; @@ -101,7 +103,7 @@ summary { cursor: pointer; } .brand { display: flex; align-items: center; gap: 10px; } .logo { width: 34px; height: 34px; border-radius: 9px; flex: none; - background: var(--accent); color: #fff; font-weight: 800; font-size: 20px; + background: var(--accent); color: var(--accent-fg); font-weight: 800; font-size: 20px; display: grid; place-items: center; } .brand h1 { font-size: 19px; } @@ -153,7 +155,7 @@ button, .btn { button:hover { background: var(--surface2); } button:active { transform: translateY(1px); } button:disabled { opacity: .5; cursor: not-allowed; } -.btn-primary { background: var(--accent); border-color: var(--accent); color: #fff; } +.btn-primary { background: var(--accent); border-color: var(--accent); color: var(--accent-fg); } .btn-primary:hover { background: #ec8a12; } .btn-ghost { background: transparent; } .btn-sm { padding: 7px 11px; font-size: 13px; border-radius: 9px; } |