Anki add-on: Advanced Card Styles

This add-on was updated using funds from the Anki Mastery Course. Please consider supporting our work using the links below so we can continue to fund add-on projects like this. Gone are the days where the average layman had to know CSS! Introducing Advanced Card Styles and Editor . This is a new addon that allows you to easily change the looks of your card and customize it the way you like. It also allows you to share card style with other users without having to manually copy and paste the text and/or having to import cards. It has two main parts : A - The card style chooser/importer/exporter B - The advanced card editor (with LIVE Preview) Here is a quick look at what you can do: A - To access the addon you just use the "Cards" button when editing the card: Here you see the Card Profile Chooser : You can: 1- Open the Advanced editor (B) 2- Choose and Apply a profile from the ones you have already* 3- Save the current profile ** 4- Import a profile 5- Export a profile When Applying a profile be sure to apply a [Cloze] profile only to a Cloze type card otherwise you might break it (All reversible by choosing a correct profile later). ** Saving the profile allows you to use it on other card types as well. Please SAVE YOUR CURRENT PROFILE before making changes as well to prevent any unreversible damages. B - In the Advanced Card Styler (editor) there are 6 sections: 1- Card style section: this will affect all the card and all its fields. 2- General Text Style : this will affect all text in card including Cloze and extra section unless a specific style is used for them (section 3 and 4) 3- Cloze Text Style : Will set cloze text style and (overrides section 2) 4- Extra Field Style : Will set the style the Extra field (overrides section 2) 5- Image style : Will affect how imaged show and adds special effects if needed 6- Misc : Can add/remove a timer to the card, can also fix the Extra Field (Use in case changes in section 4 do not affect the Extra field of your card) NB 1. Any changes made in the editor will be directly reflected in the card - Live preview. NB 2. When pressing the "..." button a color chooser will show up. NB 3. Any extra custom field style manually added to the CSS will be conserved but cannot be edited using the advanced editor. NB 4. The editor does not access your database in any way and thus is it a safer and totally reversible way of changing and sharing card styles. Possible Issues v1.0 : Sometimes the addon does not work if you have nightmode installed. Changelog v1.0 Initial Release. 19-09-21: Uploaded version for 2.1.28+, Fixed version for 2.1.26 22-09-21: Fixed incompatibility with Advanced Styles 28-12-2021: Updated to work with 2.1.50, including PyQt6 GitHub Link HERE . Please submit all issues to GitHub to allow easier follow up. CREDITS AND LICENSE Copyright (c) 2019 A. HARB, 2021 the Anki Palace, LLC Uses TinyCss2 and all its dependencies: Copyright 2013-2019, Simon Sapin. Please consider checking out our: YouTube Channel - How to use Anki for beginners and advanced users. Instagram / Facebook : @Ankingmed www.TheAnKing.com - Recommended add-ons, tutorials and more including how to download 40+ add-ons in < 5min Patreon/VIP - Support our work and get individualized Anki help!

GitHub repository: ankipalace/advanced-card-styles
Languages: Python, CSS