How to remove this fade from the view-header?

Custom CSS & Theme Design
1

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?

2

What theme or CSS snippets are you using?

There’s nothing like that in the default theme:

Screenshot 2025-07-04 132928

3

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.

4

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;
}