sneak/AutistMask
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Darker section header background to visually delimit sections
All checks were successful
check / check (push) Successful in 15s
Details

Browse Source 
Add --color-section (#dddddd) distinct from --color-well (#f5f5f5).
Section headers on the home screen use bg-section so they stand out
as visual dividers rather than blending with the price well.
This commit is contained in:
Jeffrey Paul
2026-02-26 16:53:10 +07:00
parent 24f04e509a
commit 59eb02a022
3 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/popup/index.html
View File

@@ -220,7 +220,7 @@
<!-- recent transactions across all addresses --> <!-- recent transactions across all addresses -->
<div> <div>
<div <div
class="font-bold bg-well py-1 px-2 mb-1" class="font-bold bg-section py-1 px-2 mb-1"
style="margin-left: -0.5rem; margin-right: -0.5rem" style="margin-left: -0.5rem; margin-right: -0.5rem"
> >
Recent Transactions Recent Transactions

1
src/popup/styles/main.css
View File

@@ -11,6 +11,7 @@
--color-border-light: #cccccc; --color-border-light: #cccccc;
--color-hover: #eeeeee; --color-hover: #eeeeee;
--color-well: #f5f5f5; --color-well: #f5f5f5;
--color-section: #dddddd;
} }
body { body {

2
src/popup/views/home.js
View File

@@ -252,7 +252,7 @@ function render(ctx) {
let html = ""; let html = "";
state.wallets.forEach((wallet, wi) => { state.wallets.forEach((wallet, wi) => {
html += `<div class="mb-3">`; html += `<div class="mb-3">`;
html += `<div class="flex justify-between items-center bg-well py-1 px-2" style="margin:0 -0.5rem">`; html += `<div class="flex justify-between items-center bg-section py-1 px-2" style="margin:0 -0.5rem">`;
html += `<span class="font-bold cursor-pointer wallet-name underline decoration-dashed" data-wallet="${wi}">${wallet.name}</span>`; html += `<span class="font-bold cursor-pointer wallet-name underline decoration-dashed" data-wallet="${wi}">${wallet.name}</span>`;
if (wallet.type === "hd") { if (wallet.type === "hd") {
html += `<button class="btn-add-address border border-border px-1 hover:bg-fg hover:text-bg cursor-pointer text-xs" data-wallet="${wi}" title="Add another address to this wallet">+</button>`; html += `<button class="btn-add-address border border-border px-1 hover:bg-fg hover:text-bg cursor-pointer text-xs" data-wallet="${wi}" title="Add another address to this wallet">+</button>`;