obsidian-plugin/firstsun-dev_git-files-sync
1
0
Fork 0
mirror of https://github.com/firstsun-dev/git-files-sync.git synced 2026-07-22 17:20:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(ui): connection status badge text invisible on some themes

Browse source 
Some Obsidian themes define --background-modifier-success/error
identically to --text-success/error, so the badge's colored chip
background exactly matched its own text color, making the label
invisible (confirmed via computed style: both resolved to the same
rgb() value). Use the same neutral --background-secondary as the
checking state for connected/disconnected too, relying only on the
state-colored text and dot for contrast.
This commit is contained in:
ClaudiaFang 2026-07-14 11:20:03 +00:00
parent c7ae0f6754
commit 12cce6497e
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
styles.css
View file

@ -595,14 +595,18 @@
background: var(--background-secondary); background: var(--background-secondary);
} }
/* Background intentionally stays the same neutral --background-secondary as
* the checking state rather than --background-modifier-success/error: some
* themes define those modifier colors identically to --text-success/error,
* which would make the label text invisible against its own background. */
.gfs-connection-status.is-connected { .gfs-connection-status.is-connected {
color: var(--text-success); color: var(--text-success);
background: var(--background-modifier-success); background: var(--background-secondary);
} }
.gfs-connection-status.is-disconnected { .gfs-connection-status.is-disconnected {
color: var(--text-error); color: var(--text-error);
background: var(--background-modifier-error); background: var(--background-secondary);
} }
/* ── Global status bar connection indicator ────────────────────── */ /* ── Global status bar connection indicator ────────────────────── */