mortii / anki-morphs

A MorphMan fork rebuilt from the ground up with a focus on simplicity, performance, and a codebase with minimal technical debt.
https://mortii.github.io/anki-morphs/
Mozilla Public License 2.0
52 stars 7 forks source link

Add in the styling example for the am-highlighted section an example to change colors for the dark theme #123

Closed cocowash closed 7 months ago

cocowash commented 7 months ago

What is the current documentation?

At the moment, the styling presented in the am-highlighted section is shared between light and dark theme of Anki

https://mortii.github.io/anki-morphs/user_guide/setup/settings/extra-fields.html

What changes do you suggest?

Recommend the use of a class to make specific changes only for the dark theme.
For example, I use:

[morph-status=unknown] { background-color: #f7867e; } /* red */
[morph-status=learning] { background-color: #ffff99; } /* yellow */
[morph-status=known] { background-color: #49f53e; } /* green */
body.nightMode [morph-status=unknown] { background-color: #b74d4d; } /* red */
body.nightMode [morph-status=learning] { background-color: #ccad50; } /* yellow */
body.nightMode [morph-status=known] { background-color: #27961f; } /* green */

In this way this is tweaked so the color is best for each theme.

mortii commented 7 months ago

@cocowash Great idea, thank you!

cocowash commented 7 months ago

@cocowash Great idea, thank you! On the contrary, thank you for such a great add-on

mortii commented 7 months ago

Done: https://mortii.github.io/anki-morphs/user_guide/setup/settings/extra-fields.html#using-am-highlighted

Thanks!

github-actions[bot] commented 6 months ago

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.