"New tab" text to lowercase

Custom CSS & Theme Design
1

Hi!

Can you please tell me how to make the text “New tab” to be written with a small letter when opening a new tab?

I’m not a programmer, and I’m not familiar with CSS at all, so when I have to adjust something with CSS, it’s often done rather randomly, and using someone else’s code as a reference.

In the case of the Properties header, this code worked for me:

.cm-s-obsidian .metadata-properties-title {
    visibility: hidden;
}

.cm-s-obsidian .metadata-properties-title:before {
	visibility: visible;
	content: "properties";
}

But in the case of the new tab title, it doesn’t work as it even starts displaying “new tab” instead of the name of open files, which is quite logical.

I tried taking help from artificial intelligence and it gave me the following code:

.workspace-tab-header-inner-title:is([content="New tab"]) {
  text-transform: lowercase;
}

… but it doesn’t work.

I also thought about @if and @else, but I couldn’t find any examples that fit me where I could just replace certain places in the source code with what I need and have it work. The code itself is a bit different there.

Please help.

2

Code:

.workspace-tab-header-inner-title {
  text-transform: lowercase;
}

… works, but it applies to absolutely all file names, not just the “New tab” text.

At the same time, these options do not work either:

.workspace-tab-header-inner-title:matches("New tab") {
  text-transform: lowercase;
}

.workspace-tab-header-inner-title:matches([content=attr(data-content)]) {
  text-transform: lowercase;
}

.workspace-tab-header-inner-title[content="New tab"] {
  text-transform: lowercase;
}

.workspace-tab-header-inner-title:matches([content="New tab"]) {
  text-transform: lowercase;
}