I originally posted this template on Reddit, but I decided to move it here to help people find it more easily and keep things for organized.
This template won't change the appearence of said buttons on Desktop App, only on mobile browser and desktop browser. In order to change them in the Desktop App, I used Beautify add-on.
It seems to be working on the ios app. If someone tests it on android, please let me know if works.
The timer button is not synchronized with Anki's timer, so pausing it will not pause Anki's timer.
There are five fields: front, back, extra, tip, and source. Empty fields won't be displayed, so there is no need to fill them all.
In the upper left corner, the first button is for tips, and it is used to show or hide the tip field. Next to the tip button, there is a timer that indicates the time elapsed since the card was opened, you can pause it by clicking on it.
Below these two icons, there is a tag field that shows the card's tags as follows:
The tag "ENEM/UECE::Humanas::História::Brasil::Brasil_império," for example, will be displayed as "Brasil Império".
Just below, there are the following self-explanatory fields: Front, Back, Extra, and Tip.
You can do it by creating a note type on Anki and pasting the code from the HTML and CSS folders.
This template uses Material Design icons by Google and Poppins font by Indian Type Foundry and Jonny Pinhorn