10 2
Sign in to rate

Customize Editor Stylesheet

<10kB. Updated 2018-09-05.
The author has shared 65 other item(s).


Allows you to customize the stylesheet of the Editor widget in Anki. COMPATIBILITY Initial tests have shown this add-on to both work on Anki 2.0.x and Anki 2.1.x. However, as the Anki 2.1.x line of releases is still in beta, I cannot provide any kind of official support for this platform. Please do not report issues with Anki 2.1 in the review section below. Instead, please report all issues you encounter on GitHub. USAGE Create an _editor.css file in your media collection, add your custom CSS rules to it, and restart Anki. Use the css class .field to format all fields in the Editor widget. The addon can be switched on and off in the main window via Tools - "Custom Editor Styling" (hotkey Shift+E in the Deck View). After changing this setting, reopen all Browser and Add windows. Compatibility with the addon Night Mode (Version 2017-03-06): By default this addon is disabled when the Night Mode is activated. Compatibility with the addon Power Format Pack (Version 2017-05-14 ): If you have set a background-color in the class .field in your _editor.css, this overrides the orange background color that PFP applies in Markdown Mode. If you would like to restore that color you can modify your _editor.css as follows: /* applies to all fields that are not in markdown mode */ .field:not(.mdstyle){ /* place your custom field background color here: */ background-color: #F5F6CE ! important; } /* applies to all fields in markdown mode */ .mdstyle { /* The default color PFP uses is #FFEDD3 */ background-color: #FFEDD3 ! important; } Compatibility with future versions of Night Mode and Power Format Pack is not guaranteed. No further updates of this addon are planned. CHANGELOG 2018-09-04 – Fix issues with %-signs and other format string chars (thanks to Lu Zhe) 2017-08-23 – Initial 2.1 compatibility 2017-08-04 – Initial release SUPPORT Please do not report issues or bugs in the review section below, as I will not be able to reply to them nor help you. Instead, please report all issues you encounter either on GitHub, or by posting a new thread on the Anki add-on support forums while mentioning the name of the affected add-on in your thread title. CREDITS AND LICENSE Copyright © 2017 Glutanimate This add-on was commissioned by a fellow Anki user. All credit for the original idea goes to them. Licensed under the GNU AGPL v3. The code for this add-on is available on GitHub. MORE RESOURCES A lot of my add-ons were commissioned by other Anki users. If you enjoy my work and would like to hire my services to work on an add-on or new feature, please feel free to reach out to me at: ankiglutanimate [αt] gmail . com Want to stay up-to-date with my latest add-on releases and updates? Feel free to follow me on Twitter: @Glutanimate New to Anki? Make sure to check out my YouTube channel where I post weekly tutorials on Anki add-ons and related topics: / Glutanimate


As add-ons are programs downloaded from the internet, they are potentially malicious. You should only download add-ons you trust.

Supported Anki versions:

To download this add-on, please copy and paste the following code into Anki 2.1:


If you were linked to this page from the internet, please open Anki on your computer, go to the Tools menu and then Add-ons>Browse & Install to paste in the code.

All Anki 2.1.x Add-Ons


on 1617649502
Can you tell me how I can hide the toggle buttons using this odd, and if possible , the option to hide the deck name or note type.

I want to create a minimalist editor, distraction free.

Thanks in advance.
on 1614140238
Causes error in the addon remove linebreaks / do word wrap (fork for 2.1). https://ankiweb.net/shared/info/2028179508
on 1609602485
Unfortunately, it doesn’t work with ⁨2.1.38 :(
on 1603161121
Makes editing easier for wordy cards that need complex styling.
on 1586706858
So .field is the only css class we can change?

How to find out more class name?
on 1574505660
Is anybody willing to share their stylsheet?
I'm not familiar with css.
on 1573643528
I wish I could watch a video to see how it works and looks like
on 1536062151
Thanks! Just a small issue if there are any python format string chars in _editor.css e.g. '%' the editor crashes.
Comment from author
Thanks for the reminder! I've uploaded the new release (which I probably should have done a few months ago...). All credits for the fix go to Lu Zhe on GitHub.
on 1522454400
on 1503273600
on 1503187200
on 1502755200
Millions of thanks

Oh, my god, I already can't count how many your addons I'm using, I sincerely and subjectively think you are the greatest contributor in anki history.
Although I have edited the card mainly in sublime text (and paste back into anki), in order to use the vim movement to improve the efficiency of creating cards.