As Silver stated, workspace-leaf-content have a data-type (e.g. “markdown”) and they also have a data-mode="preview" when in preview mode (doesn’t look like there’s a data-mode for editor, not sure if intentional) within the main container, there is div with class .workspace which contains the ribbons ( .workspace-ribbon.side-dock-ribbon.mod-left and .workspace-ribbon.side-dock-ribbon.mod-right ), the sidebars ( .workspace-split.mod-left-split and .workspace-split.mod-right-split ) and the main “root” workspace ( .workspace-split.mod-root ). So, if you’re looking to target a note in a sidebar specifically, you’d probably be looking for something like .mod-left-split .worspace-leaf-content[data-type="markdown"]
.workspace { ... } --> selects the entire workspace
.theme-light { ... }–> use to control elements just in the light theme, can add this to the front of any selector (example - .theme-light .side-dock-ribbon)
/*background of graph view pane*/
.workspace-leaf-content[data-type = "graph"] .view-content{
background-color: var(--background-primary);
}
/*filled color for the circle when not hover*/
.graph-view.color-fill {
color: var(--background-secondary);
}
/*color for the circle stroke */
.graph-view.color-circle {
color: var(--text-normal);
}
/*color for the connecting line when not hover*/
.graph-view.color-line {
color: var(--background-modifier-border);
}
/*color for texts*/
.graph-view.color-text {
color: var(--text-normal);
}
/*filled color for the circle when hover*/
.graph-view.color-fill-highlight {
color: var(--interactive-accent);
}
/*color for the connecting line when hover*/
.graph-view.color-line-highlight {
color: rgb(var(--interactive-accent-rgb));
}
Hi, newbie to CSS here. I’m trying to change the color of the file extension in File Explorer. The dev window tells me it’s .nag-file-tag { } but I don’t see that in the obsidian.css file and can’t file it on the lists here either. Any idea how to edit it?
Hi, looking for selectors for the popover previews. Trying to eliminate the scroll bars on embeds showing in the popover preview, but can’t find the right selectors. Any info?
hi. can anyone help me on why all my light themes are actually kind of yellowish but not true white? been fiddling with the css file and reading these posts but I’m getting nowhere… sorry if this isn’t the right place for this question, my first time on the forum.
Hi @lizardmenfromspace is there any way to add a background in the modal-bg?
I wanted to put a picture or some interesting animation when I open the settings menu. Just to relax.
To change color of the ‘tag’ nodes on the graph. By the way, is there maybe separated css tag for labels of ‘tag’ nodes? I’ve changed color of the nodes with code posted above but would like to change labels color as well, bus cannot find any mentions of such option.
