CSS-formatting stacked tabs

[RolWg]

I switched the view from Tabs to Stacks (vertical divided tabs).

I see a little badly. That’s why I would like to format the side bar in which the tab name can be read vertikal with other colors or shades of gray.

I know CSS and to put my changes into a snippets.css, but I can’t find the element name of this sidebar or the names for its background color and font color.

[CawlinTeffid]

I renamed the post so people can see more clearly what it’s about (was “CSS-formatting the apearance”).

[CawlinTeffid]

This thread has a snippet you could examine to find the selectors you need:

Switch orientation on stacked tabs using CSS?

On mobile I’m usually using portrait mode, and I’m wondering if it would be possible to switch around the orientation of stacked tabs. That is to make them stacked top to bottom, instead of left to right. I’ve seen a discussion on vertical tabs, which is similar, but I wonder if this is possible to achieve using the stacked tabs. Things I have tried I’m on vacation just now so the need suddenly presented it self with a little less availability of tools and stuff. I do know some CSS, but not …

And here’s a general guide to finding that sort of info:

Obsidian CSS Quick Guide

Obsidian CSS Quick Guide Hi friends! CSS in Obsidian can be confusing to get into, so this is a guide to get you started with information on the tools, methods, and some background knowledge! Let’s get started by looking at how you can look behind the curtain of Obsidian’s visuals. The Developer Console Obsidian is technically like a website. As such, you can view the source like any other browser. While you are inside the Obsidian window, you can press ctrl+shift+i to bring up the developer …

[ariehen]

I don’t know if this is what you were thinking of or going for, but give this a try. Adjust as desired.

/* stacked tabs background color */
.workspace .mod-root .mod-stacked .workspace-tab-header-inner {
    background-color: rgb(224,224,224);
}

/* stacked tabs background color on hover */
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
     background-color: rgb(232,232,232);
}

/* stacked tabs - text orientation, font-weight, color */
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-title {
    text-orientation: upright;
    font-weight: 600;
    color: red;
}

[RolWg]

@ariehen

/* stacked tabs - text orientation, font-weight, color */
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-title {
    text-orientation: upright;
    font-weight: 600;
    color: red;
}

exactly what I needed