General markdown styling

[Max.A]

Is there some manual how to edit this styles? I’m ok with css, but I have someSting in markup orange bold with grey background and absolutely not clear what to edit. Just found Mb css in active theme. May be I can view the source?

[Hampton]

Do any of the links below help?

From the menu bar, View > Toggle Developer Tools allows users to inspect CSS variables / the source.

This is a short guide on using the developer tools:

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. …

Creating CSS snippets:

CSS snippets - Obsidian Help

Styling:

About styling - Developer Documentation

Obsidian’s CSS variables:

CSS variables - Developer Documentation

And a collection of CSS-related posts:

Meta Post - Common CSS Hacks

This thread is now closed. It has helped people for 4 years, but Obsidian has changed a lot over that time, rendering many of the 600+ posts obsolete. Today you can change Obsidian’s color scheme, use a custom theme created by our community, or customize further by using CSS snippets. Some community resources: Obsidian CSS Quick Guide on the forum (mostly about using the inspector) Large collection of CSS snippets on GitHub The #appearance channel on Discord. — @CawlinTeffid (moderator) 202…

[Max.A]

OMG, thanks a lot, basically DevTools is what I need? That’s my everyday environment.
I research other articles, too of course

[Max.A]

One question only, where the View menu in Topaz Blue theme? )

I called Ctrl+Shift+i, but what to find this View also

[Max.A]

I need to edit theme.css in theme folder. How to reload the page to see the changes in the right way?
Snippets - please clarify.

1. The snippets locate in vault/.obsidian/snippets folder as snippets.css globally or file.css in theme folder to overwrite the theme style (what I need) and again, how to reload the page correctly, livereload is not actual here

[ariehen]

I wouldn’t edit the theme’s theme.css file – any changes you make will be overwritten if and when you update the theme. Use CSS snippets instead (Hampton shared the link above). CSS snippets are loaded after community themes, so you can override a theme’s styling in a snippet instead of changing the theme itself.

If you followed the steps in the CSS snippets link, most often the CSS is applied immediately. i.e. as soon as you save the .css file you’ll see a change if the CSS is written correctly. There are a few cases (e.g. changing callout custom icons) where you need to close-open a note to see the change, but those are the exception.

---

If you are uncomfortable using an external editor to create and edit the .css file, the GitHub - Zachatoo/obsidian-css-editor: Edit CSS snippets in Obsidian. plugin is great for creating and editing snippets from within Obsidian (really convenient on mobile where working with another app and the file system requires a few extra steps).

I’m going to move this to the custom CSS and theme category at this point.

[Max.A]

O, yes, that’s exactly what I need, strong quick way and “livereload” works perfectly also.
I left the css file in snippets folder for now as for dev stage, will move it to theme later.
Local editor is not actual for me, I use Webstorm and even created the project in .obsidian folder to open environment quickly

Thanks a lot and have a good day!