pranavdeshai / anki-prettify

Collection of customizable Anki flashcard templates with modern and clean themes.

Prettify

Collection of customizable Anki flashcard templates with modern and clean themes.

Contents

• About
• Features
• Themes
• Instructions
• Add-on support
• Compatibility
• Requirements
• Plans for future
• Support development

About

Designed all the way from scratch, the goal is to make flashcards much more interesting to look at and reduce distractions, all while preserving the robust functionality Anki offers or even improving upon it.

Features

Responsive design

Supported on desktop, mobile and web!

Image expansion to card width on hover

Image expansion to screen width on click

Tags for quick context

Breadcrumbs to current deck

More useful features

• Dark and light themes
• Customizable color palettes
• Preferences for tweaking styles
• Fast rendering using CSS with minimal JavaScript

Themes

Theme	Download	Font
	Minimal	Inter
	Nord	Rubik
	Dracula	Source Sans Pro

Instructions

Installation

Direct download (Recommended)

• Click on link in the above table to download the deck with the specific theme.

• Download prettify.apkg to install all the themes in one master deck.

• To download decks for specific note type, choose the note type folder from the notetypes directory under the theme directory. (themes/THEME/notetypes/NOTETYPE)

Note: Download links to accompanying fonts to themes are provided above. Refer to Anki Manual - Installing Fonts for instructions.

Manual method

Source code (templates and themes) is located in the src directory.

1. Create a new note type (See Adding a note type)
2. Click on Cards in browser mode
3. Copy the contents of NOTETYPE-front.html and NOTETYPE-back.html (from templates directory) into the Front and Back templates of the note type where
4. Copy the content of THEME.css (from css directory) into the Styling section where THEME is the name of the theme
5. You can now use the new note type in your collection!

Usage

1. Download the deck package
2. Open Anki and click on Import File (⋮ -> Import in AnkiDroid)
3. Select the downloaded file
4. The new note type(s), THEME-NOTETYPE should be created automatically
5. Use the note type(s) or clone to adapt to your needs

Update

To update to the latest version of Prettify (themes/note types), just download the required decks again.

Warning: The already existing templates and styles will be overwritten once you import the deck with updated content. To avoid any loss of edits, it is highly recommended that you use clones of the downloaded note types. (Refer to Anki manual - Adding a note type for instructions on cloning a note type).

Add-on support

The following add-ons are currently supported

• Clickable Tags
• Edit Field During Review (Cloze)

Note: Add-ons are optional and not necessary. The templates work as expected with or without the add-ons.

Compatibility

Tested on

• Desktop: Anki 2.1.49+ (Mac)
• Mobile: AnkiDroid 2.15+
• Browsers (AnkiWeb): Chrome (97.0.4692.71+), Safari (15.0+)

Note: Although tested on relatively newer versions of Anki, all the themes should work as expected with all versions of Anki 2.1+.

Requirements

• Anki 2.1 or higher (should work with Anki 2.0)

Plans for future

• New theme
• Documentation
• "Type in the answer" note type
• Out of the box support for popular note types (E.g. AnKing note types)
• More themes!

Support development

If you like my work, you can support the development by

• Starring the project on GitHub
• Following me on GitHub
• Buying me a coffee
• Donating on Ko-fi