Profiles
...

Profiles define the displayed name of each theorem environment (theorem/definition/lemma/...) and proofs.
Click on the Manage profiles button in a local settings pop-up to open the profile manager.
Here, you can edit an existing profile, create a new one from scratch, copy an existing one, or delete one.

For example, the default "English" profile displays exercise as "Exercise."
If you want to change it to "Problem" inside a specific folder, define a new profile:

  1. Create a new profile by copying the "English" profile.
  2. Modify the "exercise" field of the new profile to "Problem."
  3. Apply the profile to the folder.

Tags
...

Each profile has tags. Tags are used to generate CSS classes.

For example, the preset profiles "English" and "Japanese" have "en" and "ja" as their tags, respectively.
In these cases, tags indicate the language used for the note, making it possible to use different styles depending on it. I recommend defining language tags for your custom profiles, too.

Here's a list of the CSS classes generated from tags:

  • .math-booster-{tag}: (New in 0.6.9) Applies to an entire note. This is very powerful... It acts just like Obsidian's built-in cssclasses property (see here), but you don't need to type in the YAML frontmatter manually. Also, remember that profiles have a cascaded structure determined by the folder hierarchy, just like other local settings.
  • .theorem-callout-{tag}: Applies to theorem callouts.
  • .math-booster-begin-proof-{tag}/.math-booster-end-proof-{tag}: Applies to proofs.

Now that we have .math-booster-{tag}, the last two might be unnecessary, but I will keep them to ensure backward compatibility and also let users use, for example, .theorem-callout-en as a handy alias for .math-booster-en .theorem-callout.

Here's a demonstration of how .math-booster-{tag} works (in the right pane, I'm using the CSS editor plugin).

tag.gif

Use case
...

You can use this note-level CSS class, for example, to switch font families depending on whether each note is mathematical.
I prefer the default font for non-mathematical notes in my use case, but I would like more stylish fonts such as CMU Serif and Noto Serif JP for mathematical ones. The following CSS snippet does exactly what I want (it includes additional lines for different line spacing between mathematical/non-mathematical notes).

/* Mathematical notes in Japanese */
.math-booster-ja:not(.math-booster-nonmath) {
  --font-text: CMU Serif, Noto Serif JP;
  --line-height-normal: 1.8;
}

/* Non-mathematical notes in Japanese */
.math-booster-ja.math-booster-nonmath {
  --line-height-normal: 1.6;
}