Does anyone know where I can find all the changeable attributes for CSS variables on Obsidian?

[NoorNuit]

What I’m trying to do

---

I want to know every possible thing I can change on the UI for Obsidian. Does anyone know where I can find a list, “cheatsheet”, or a boilerplate? I know some obvious ones like changing the background, but I don’t know exactly what Obsidian uses so I can’t call.

I know my question sounds vague and that’s because I’m kind of ignorant about everything with CSS and only know basics, but here’s some clarification.

:root {
   --background-primary: white;
}

Basically, I’m trying to figure out attributes like --background-primary: white; so I can quickly go through the code. If I am naming it incorrectly or I sound ignorant, please kindly correct me if you want. Please be kind.

---

Things I have tried

---

I tried looking up stuff on GitHub and the great ol search engine but I couldn’t find a thing. I’ve also gone through other people’s code’s but that is a bit dodgy and irritating to me because I don’t understand it really.

---

[ariehen]

A few links:

Obsidian CSS Inspector Workflow

Obsidian CSS Inspector Workflow This was originally called “Obsidian CSS Quick Guide” but it ended up being more focused on the inspector. As a retrospective change to help people use this as a resource, it has been renamed. – FireIsGood 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. …

CSS variables - Developer Documentation

For the latest variables (sometimes the above docs are a bit behind), their default values, and the rest of the css, I recommend grabbing a copy of the app.css and saving it somewhere for reference. You won’t edit this as it won’t do anything; it’s just a quick reference for if you don’t want to use that section of the dev tools.

Open the DevTools “Sources” tab →

Click on app.css →

Select all of this and paste it into a file somewhere.

---

@NoorNuit

:root {
   --background-primary: white;
}

Also, most of the custom variables in the default theme are declared on body, not :root, so I’d go with

body {
    --background-primary: gold;
}

or

.theme-light {
    --background-primary: gold;
}

in this case.

[NoorNuit]

Thank you!