How to have multiple stylings for a single Note Type

Hi there,

I was designing the aesthetic of my flashcards, and I tried different color palettes. I liked them all, but a Note Type can only have one styling, so I have a distinct Note Type for every theme. This clutters the list of Note Types. The only difference between all of these Note Types is their css.

Is there a way to easily manage this and be able to save multiple styles somewhere and apply different styles for the same Note Type in Anki?

1 Like

You can simply make classes for each style. Example:

.style1 b { color: red; }
.style2 b { color: green; }

Then wrap the front/back with a div of the class you want to use. You can also use field replacements to change the style per note:

<div class={{Style}}>
{{Front}}
</div>
5 Likes

good idea. thank you!

1 Like