How to remove this fade from the view-header?

image

Just as a text, I wanted to make the entire view-header white, but there’s this fade and I just don’t know what this is or how to remove it.

I’ve tried applying opacity: 0 to a few places, such as:

  • .view-header-title-container
  • .mod-at-start
  • .mod-fade

But it would only disappear while also removing the breadcrumbs text. Does anyone know how to make it disappear while maintaining the breadcrumbs?

What theme or CSS snippets are you using?

There’s nothing like that in the default theme:

Screenshot 2025-07-04 132928

Most themes don’t. I am creating my own. Got the base theme from Obsidian’s official website. I remember it being there as soon as I changed the background color…

I guess I’ll have to review the entire code to find what and how this is happening.

edit: No snippets, by the way.

Found what was causing it: an ::after. I didn’t set this after, also couldn’t find it anywhere on the code, but it was an after. The solution was:

.view-header-title-container.mod-at-start::after {
opacity: 0;
}

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.