AnkiWeb
- Rating
- 415 (👍 373 · 👎 42)
- Updated
- 2025-12-17
- Anki versions
- 24.11~
- Description language
- en
Custom Background Image and Gear Icon
AnkiWeb addon 1210908941
Customizes the main Anki screen background image and replaces the gear icon with an image, with config options and reviewer support.
Open on AnkiWeb GitHub Ask about alternatives
Maintenance
stale
- Last update or commit was 288 days before the snapshot (2025-12-17).
- The repository has 3 GitHub Actions workflows.
GitHub
- Repository
- anking-memberships/custom-background-image-and-gear-icon · more by anking-memberships
- Stars
- ⭐ 29 · forks 10 · open issues 11
- Last commit
- 2025-12-17
- Languages
- Python, CSS
- Tests
- 0
Will it work on my Anki?
Version branches
| Min Anki | Max Anki | Updated |
|---|---|---|
| 2.1.22 | 2.1.40 | 2023-04-19 |
| 2.1.41 | 24.11+ | 2025-12-17 |
History across monthly snapshots
Loading…
Similar addons
Customizes Anki desktop colors through a dialog with preset themes and advanced HTML color input, optionally paired with a background/icon add-on.
Sets and changes background images for Anki’s main window, Add cards, Edit current card, and Card previewer dialogs on the fly.
Transforms Anki's default interface into a polished, minimalist theme with light/dark modes, redesigned deck browser, consistent styling, and native menu support.
Lets you add custom PNG icons to decks by placing files named after each deck in user_files, with default.png fallback.
Restyles the reviewer with a calm Tactile theme and optional press-and-hold amplitude gesture replacing grading buttons, while keeping keyboard shortcuts and offering settings toggles.
Customizes main screen and answer buttons with colors, font size, and movable confirmation tooltip.
README
Custom background image and gear icon
Customize the background image in the main Anki screen as well as replace the gear icon with an image
See this link for Ankiweb download and details: https://ankiweb.net/shared/info/1210908941
<img src="https://raw.githubusercontent.com/AnKingMed/Custom-background-image-and-gear-icon/master/screenshots/Backgrounds.jpg?raw=true"> <img src="https://raw.githubusercontent.com/AnKingMed/Custom-background-image-and-gear-icon/master/screenshots/Backgrounds.gif?raw=true">
<b>Background images</b> were obtained from Pexels.com
<b>Gear icons</b> were obtained from Wikimedia Commons
Add image to ipad background
Add this code to the note styling to add a background image to the ipad when reviewing:
/*IPAD custom background image - */
.ipad .card {
background-image: url(“insert link to any image from online.png”);
}
Please consider supporting us via:
<center><div style="vertical-align:middle;"><a href="https://www.theanking.com"><img src="https://raw.githubusercontent.com/AnKingMed/My-images/master/AnKing/TheAnKing-New.png?raw=true"></a></div></center>
<center> <a href="https://www.facebook.com/ankingmed"><img src="https://raw.githubusercontent.com/AnKingMed/My-images/master/Social/FB.png?raw=true"></a> <a href="https://www.instagram.com/ankingmed"><img src="https://raw.githubusercontent.com/AnKingMed/My-images/master/Social/Instagram.png?raw=true"></a> <a href="https://www.youtube.com/theanking"><img src="https://raw.githubusercontent.com/AnKingMed/My-images/master/Social/YT.png?raw=true"></a> <a href="https://www.tiktok.com/@ankingmed"><img src="https://raw.githubusercontent.com/AnKingMed/My-images/master/Social/TikTok.png?raw=true"></a> <a href="https://www.twitter.com/ankingmed"><img src="https://raw.githubusercontent.com/AnKingMed/My-images/master/Social/Twitter.png?raw=true"></a></center>
<div><center><a href="https://www.theanking.com/vip"><img src="https://raw.githubusercontent.com/AnKingMed/My-images/master/AnKing/Patreon.jpg?raw=true"></a></center></div>
<div><center><a href="https://courses.theanking.com"><img src="https://raw.githubusercontent.com/AnKingMed/My-images/master/AnKing/MasteryCourse.png?raw=true"></a></center></div>