Skip to content

[Bug] Vault name in Vault Switcher is barely visible with Sapphire theme #375

@JoelAnderson-UU

Description

@JoelAnderson-UU

Describe the bug
At the bottom of the left sidebar, the Vault name (in "Vault Switcher") – and sometimes the icons for Help and Settings – are barely visible, e.g., in Sapphire theme.

To Reproduce
Select the Sapphire theme and you'll see it.

Expected behavior
The color should match the icons at the top of the left sidebar (for folders, search, etc.).
Screenshots
Image

Additional context
Here's a solution I came up with. It would be great if you could somehow integrate this into the next release of the theme.

/* Vault profile (bottom-left): make text match standard icon color */
body:not(.is-mobile) {
  --vault-profile-color: var(--icon-color);
  --vault-profile-color-hover: var(--icon-color-hover);
}

/* Scope once */
body:not(.is-mobile) .workspace-sidedock-vault-profile {
  /* Optional: if a theme dims this region */
  opacity: 1;
}

/* Action icons: use Obsidian's icon variables (normal/hover/active) */
body:not(.is-mobile) .workspace-sidedock-vault-profile .clickable-icon {
  color: var(--icon-color);
  opacity: var(--icon-opacity);
}

body:not(.is-mobile) .workspace-sidedock-vault-profile .clickable-icon:hover {
  color: var(--icon-color-hover);
  opacity: var(--icon-opacity-hover);
}

body:not(.is-mobile) .workspace-sidedock-vault-profile .clickable-icon.is-active {
  color: var(--icon-color-active);
  opacity: var(--icon-opacity-active);
}

/* Lucide safety: don't force-fill; follow currentColor stroke */
body:not(.is-mobile) .workspace-sidedock-vault-profile .clickable-icon svg {
  fill: none;
  stroke: currentColor;
}

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions