sjg/trx-rs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[fix](trx-frontend-http): style theme toggle button as the opposite theme

Browse Source 
When in dark mode the button has a light appearance; when in light mode
it has a dark appearance. This makes the button a preview of what
clicking will switch to, rather than mirroring the current theme.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
Stan Grams
2026-02-28 01:55:21 +01:00
parent 4930e5cc45
commit 51c1d6b912
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+11
View File
@@ -490,6 +490,17 @@ small { color: var(--text-muted); }
font-size: 0.78rem; font-size: 0.78rem;
white-space: nowrap; white-space: nowrap;
} }
/* Theme toggle: always styled as the opposite theme so it previews what clicking will do */
#theme-toggle {
background: #dde3ed;
color: #1a2336;
border-color: #a0aec0;
}
[data-theme="light"] #theme-toggle {
background: #1e2a3a;
color: #e7edf9;
border-color: #3a5274;
}
.header-style-pick { .header-style-pick {
display: flex; display: flex;
align-items: center; align-items: center;