197 5
Contact Author Sign in to rate

Custom Background Image and Gear Icon

16.65MB. Updated 2021-07-26. Only supports Anki 2.1.x.
The author has shared 7 other item(s).

This item is large, and may take some time to download.

Description

KNOWN ISSUE: I've had many reports of the screen flashing white or black (depending on if you're on nightmode or not). This is due to Anki reloading the images when you click "deck" and is not something I can fix. The best solution is to use a smaller file size image for the background so that it loads faster and the flash is less noticeable. HUGE thank you to u/ijgnord for helping me learn bits of python and helping make this add-on. Also thanks to u/dollajas for the original idea. (NOTE: This can only be used on Anki 2.1.22+ which was released a day prior to this add-on) If you like this add-on, please give it a like :) There is a link in the AnKing menu for the folders to put your own images or css in. I recommend making them 20-50% transparent (you will need to use photoshop or another photo editing software). To configure the background, go to the config If you want to edit the main anki css (change colors, etc), you can change the files in the "sources" folder, but they will overwrite when updating the add-on. Any css added to the files in the user_files folder will remain after updating. If you choose to style the toolbars, the top toolbar will remained styled during review. If you'd prefer to hide this, I would recommend checking out this No Distractions add-on. This Dancing Baloney add-on can also be used to customize the background, although in a different way. Background images were obtained from Pexels.com Gear icons were obtained from Wikimedia Commons Problems, Bugs, Errors, Improvements If you find a serious bug, please submit it on Github or email us at ankingmed@gmail.com. Please remember that we are not great coders and thus may not be able to provide support. Changelog 2020-3-19: Initial Release 2020-03-20: Added an option in the menu bar to link the config 2020-04-17: Added config options to keep the image in reviewer, make the toolbars look better with the bottom toolbar showing the bottom of the image and top toolbar showing the top of the image, and an option to change the background color. 2020-12-27: Quick fix for 2.1.36+. All features have not been tested. If you want to try the next version's beta, please visit our Patreon 2021-01-02: Imported update from our Patreon beta testing. Added a new "AnKing" menu at the top bar that has the config. Config will update the background in real time. Images can be shown in reviewer. 2021-07-22: Added better support for future anki versions and compatibility with other add-ons. 2021-07-25: Pushed a fix that wasn't allowing download on 2.1.40. Also uploaded a change that fixes coloring on the background of current deck on 2.1.41+ Please consider checking out our: YouTube Channel- How to use Anki for beginners and advanced users. Instagram/Facebook: @Ankingmed www.AnKingMed.com- Recommended add-ons, tutorials and more including how to download 40+ add-ons in < 5min Patreon- Support our work and get individualized Anki help! images/master/AnKing/AnKingSmall.png?raw=true">                              Check out our Anki Mastery Course!        https://courses.ankipalace.com

Download

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:

1210908941

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 Contact Author

Reviews

on 1627387732
Great addon. Though I hope there will be a feature that could blur the background at the top and bottom to make the cropped part a little more appealing.
on 1627227771
It works perfectly now. Awesome add-on! Keep it up
on 1627222339
Awesome addon!
on 1627156682
If you are using Anki 2.1.40 and the add-on stopped working, there is a simple way to fix it:

On Anki, go to:

Tools --> Add-ons. Select the add-on and press "View Files"

Now open the file "meta.json" with a text editor and change "max_point_version": -38 to "max_point_version": -40.

Save the file and restart Anki, the add-on will work now.

-----

PS: To open the file "meta.json" on Windows use, for example, the app NotePad. On macOS you don't need additional software.
on 1627064565
please help I am not going to dislike it i appreciate your good work please resolve my problem i have Version ⁨2.1.40 (cf446733)⁩ i got this error message:

"One or more errors occurred:

1210908941: Invalid code, or add-on not available for your version of Anki."
Comment from author
Thank you for not disliking. This should be fixed now. In the future, email is the fastest way to notify me because I don’t actually get notifications when reviews are posted
on 1627063813
Thanks for update! love this
on 1626893072
Don't work in linux version
Comment from author
Can you please give me a bit more information as to what isn't working? Happy to look into it. A negative review on here (especially without any details) doesn't do anything to help me get it working. You can submit an issue on GitHub or email me at ankingmed@gmail.com and I'll try and look into it so you can turn this into a like :)
on 1625742521
Works as expected! 😋

It works just as in the description. One small annoyance I had with it was the additional useless menu category of options it added. I just commented the lines from the code and now my Menu bar is clutter-free.
on 1625703775
very nice, thank you so much
on 1625583865
Taking the time to do this.
on 1624930052
Awesome
on 1624778937
Hi I’m on version 2.1.46 and the background gear option is not showing up in the tools. Can you help me fix that?
on 1623740626
觉得换了背景后字看不清的朋友！可以先下载“nightmode”，在偏好设置中打开夜间模式，背景一下子就协调了!
Comment from author
謝謝你分享這個建議!
on 1623246567
I love it so much <3. Thanks you x3000 aahhhhh
on 1623245121
Great addon.
on 1623214265
👍
on 1623113392
Like it!
on 1622636223
It makes the quality of life when AnKing way better!

Edit 2021-06-02: Absolutely loved the recent changes where you can change the opacity of the main and review images separately.
The first day I graduate and get a job, I'll be supporting your work as a way to express my gratitude!
Comment from author before post was edited
Unfortunately it will always show in the reviewer because the top bar is always the top bar by Anki's settings and doesn't change for the review screen. I'd recommend using the No Distractions add-on if its annoying. Thanks for the feedback though!
on 1622572204
Amazing!
on 1622480872
This works great!

Suggestion: Idk if this is possible, or if it'd make peoples Anki lag a bit, but it would be cool if there was a feature within this to download images from an RSS feed. That way, you could download the daily NASA wallpaper or something like that.
on 1622142508
I wish I could make jpegs transparent as well
on 1622139611
Great addon.
Can you please give a guide on editing the CSS files (mine are empty).
To be precise, I want to change the colour of the horizontal lines that separate decks on the deck browser from Black to White (or maybe grey).
on 1622120872
Feels great not staring at a grey screen when you use the app about an hour every day :)
on 1621709249
For some reason when I downloaded the add-on the color of all fonts stayed black so I can't read anything and couldn't figure out how to make it white
Comment from author before post was edited
Shoot me an email at ankingmed@gmail.com and we can get this resolved so you can turn this into a like :) Try switching to nightmode or off of nightmode and that should fix your issue
on 1621508082
Amazing it supports gifs thank you so much!
on 1621167245
A great add-on!
on 1620560006
A very nice add on, but could we not have the AnKing menu at the top?
Comment from author
If it bothers you so much that you're going to post a dislike, I can explain to you how to remove it. Email me at ankingmed@gmail.com
on 1620452243
Works great! I only use it for my main screen however, as it can glitch a bit in reviews (half the screen goes black and covers up the card)
on 1620299769
Game changer
on 1620049059
Worked perfect without any problems! Thank you!
on 1619251612
Great addon. Only change I would like to see implemented is the ability to have a different background in normal and night mode.
Comment from author
That's a great idea. I'll consider that for future versions!
on 1619217392
.
on 1618775953
beautiful
on 1618642531
great ad-on
on 1618524135
Thanks once again!
on 1618311494
Thank you very much!
on 1617719578
Love it!
on 1617700392
i like it
on 1617472732
Its different for windows, but very good
on 1617439892
So easy thanks to this addon, thanks you so much!!
on 1617403652
Excellent update!
on 1617390919
Love it!
on 1617381893
Great update Anking and the mates, the changing of wallpaper and customizing became so easy
👏👏👏
on 1617283090
Should be implemented in Anki
Must have add-on
on 1616894139
Gj
on 1616497128
cool
on 1615688255
goood
on 1615423810
Great add-on
on 1614961941
Like
on 1614840793
Very nice, however, is there a way for me to cycle through my own custom background images, or do I only get to stick to 1 image if I use my own one

Edit: nevermind i found out it changes every time you open the app not when the app is open
on 1614693766
Cool
on 1613872614
cool
on 1613659225
works well
on 1613031902
How do I change the settings for Mac please?
on 1612907995
its nice
on 1612812396
Good background
Comment from author
Was this accidentally a dislike? If not, please email me and I'd be happy to help work through whatever you don't like
on 1612734081
Hi looks/works great, but when I use in night mode when I go to study a deck the portion where the question is shown is grey & the question is written out in white making it hard to see, do you know how to fix this?
on 1612708161
Good Add on
on 1612599341
Thanks！
on 1612008285
Easy to use, love it!
on 1611941452
Great!
on 1611257736
Very nice!
on 1610381408
Thank you so much this is useful
on 1610254609
Thanks, of a lot helps
on 1610206223
good
on 1609949832
does exactly what it says it does. although when I collapse or expand a deck, the background goes away briefly and returns
on 1609608846
01/01/2020 Firstly, the dislike was chosen only due to lack of better option. I am trying to use a image of my own. However, it is not working. The format is PNG by the way. Is there any requirement in regards to the image features?


02/01/2020I fixed it. The transparency needs to be on point for Anki to be able to use the image as a background. I changed the dislike for a like. Thanks a lot. Your support was very prompt. Great Job, AnKing.
Comment from author before post was edited
You should be able to use a PNG or JPEG or GIF. Are you configuring it properly? Have you seen this video that goes over it? https://www.youtube.com/watch?v=5XAq0KpU3Jc&feature=youtu.be

The best method, in your case, would be to submit an issue on github or email me at ankingmed@gmail.com and I can try to help you.

I'm more than happy to assist and would appreciate if you change this to a like.
on 1609188950
I get the following error when I try to add it:
"One or more errors occurred:

1210908941: Invalid code, or add-on not available for your version of Anki."

Thank you so much, apologies for disliking. Also I really appreciate the work you guys do on here and with the anking decks <3
Comment from author before post was edited
I'm working on the update right now (as stated in the add-on description). If you want to change this from a dislike to a like, I'd be happy to send you a beta version
UPDATE: I just uploaded a quick fix for you.
on 1609124920
It works now. Thank you for your great effort. Sorry for disliking.
Comment from author before post was edited
I'm working on the update right now (as stated in the add-on description). If you want to change this from a dislike to a like, I'd be happy to send you a beta version.
UPDATE: I just uploaded a quick fix for you.
on 1609108754
Thanks, I hope that's updated now

Side note: I really appreciate the work you guys do!
on 1608474449
It flashes white whenever I click onto a deck. I'm not sure how to fix this as I'm new to Anki. When I switched to night mode it flashes black. Really unfortunate since this looks amazing.

Edit: Made the image file size smaller but there is still a white flash which is an eye-strain. It's slightly better than what it was before though. I'll just try to deal with it
Comment from author before post was edited
This is due to Anki reloading the page and is an issue with Anki, not the add-on. If you try to use a smaller file size image as the background, it should decrease that. Feel free to email me at ankingmed@gmail.com and I'd be happy to troubleshoot it with you and then you can turn this dislike into a like :)
on 1607792744
رائع شكرا جزيلا
on 1607541112
nice
on 1606762925
I don't know why but the pictures are blurred and for some reason a white screen appears when i click on something... It's really frustrating because it's a great add on but it doesn't work for me :(
Comment from author before post was edited
I'd be happy to troubleshoot this for you if you wanna switch the dislike to a like :) The white screen issue has been determined to be due to having really large file size images (which the default are). Unfortunately using a lower file size image usually means decreased quality. Feel free to shoot me an email at ankingmed@gmail.com and mention this discussion
on 1606535380
How amazing!
on 1606254670
Very aesthetically pleasing
on 1606122419
خیلی خوبه
on 1605736045
Nice looking!
on 1604770396
A great add-on, but I'm also having a white-flash whenever I click on a deck. Did anybody ever find a fix to this issue?
Comment from author
You need to use smaller file size images for the background and that will resolve it.
on 1604536876
Add-on looks good, and changing the background works.

But for some reason, I can't change the gear icon (it's still the same default gear icon even after restarting Anki).

Running Anki version 2.1.35
on 1603739286
nice
on 1603354803
gg
on 1602378835
good thx a lot
on 1601748233
Thank you!
on 1601553666
Thank you!
on 1601481628
good
on 1600218853
Cool !
on 1599710571
this makes anki look 1000x better, it doesn't look like 1990s anymore if you pick a good image!
on 1599603522
It looks really good but it flashes white every time I change screen or open a folder of decks
Comment from author
Mine doesn't do that, but I'd be happy to look into it for you and see if there is a bug! My first thought is that maybe it works better with nightmode. Can you email me at ankingmed@gmail.com? Then you can change this to a like :)
on 1599248160
It looks really good
on 1599171179
Good
on 1598923288
Nice
on 1598782328
I love it. I feel excited with them.
on 1598355497
Amazing add on to make the anki experience more enjoyable and pleasant! ;)
on 1598236748
Nice
on 1597220144
Great
on 1597182722
awesome feature
on 1597025690
I did report an issue that may be caused by my carelessness, and the Add-on creator solved it patiently and efficiently. Thanks to the author~
on 1596975699
After nightmode addon was deprecated I was at a loss but thanks to this addon I can choose any background I want back again. Thank you for your work.
on 1596820081
Amazing and simple to use!
on 1596779480
Works great
on 1596770273
very nice!
on 1596724201
Beautiful
on 1596478646
cool idea
on 1596227588
Cool addition
on 1595552014
Excellent!
on 1595367889
Makes the interface more apealing
on 1595350883
super!!!!
on 1595135501
Very pretty. Thanks!
Also, for those wondering, put Anki on night-view.
on 1594463127
WORKS WELL, but how can I change the color of the title of the decks (like A-missed Qs)?
Comment from author
Check out the video linked above. It'll explain how to use the custom css files to change things like that!
on 1594256632
Works great
on 1593922467
¡¡¡BUENA!!!
on 1593391771
Fab!
on 1593390112
Very handy addon!I wonder if there anyway to make toolbar and background a whole image?
on 1593363720
Cool add on. Definitely an improvement beyond the sort of bland and ugly white screen.
on 1592962871
really cool and can add own backrounds!! i suggest doing that (sorry but the preset backrounds are really ugly lmao)
on 1592718995
tnx
on 1592593895
ganggang
on 1592474349
Amazing and very cool
on 1592391212
thank you! beautiful
on 1591790328
good!
on 1590958218
This my motivation to study more big. Thank you for all your work.

Edit: How do I change the background?
I know, I'm newbie in information.
on 1590952572
Thanks you very much from Peru!!! I love this add-on :)
on 1590950727
Exactly what I needed! Thanks
on 1590856733
Makes studying a bit better :)
on 1590596014
nice feature
on 1590092815
It is a good complement but I do not know how to change the image it only opens the files but I do not know how to make it change the image, what do I do?
on 1589569648
Makes it less boring
on 1589528034
wonderful
on 1589457919
Super amazing, makes anki little less boring! :D
on 1589158784
The background image changes size slightly every time a card displays an image, is there any way to prevent this? Otherwise absolutely incredible addon
Comment from author
Hmm.. I'd have to evaluate your settings and see pics of what's going on. Feel free to submit on github or email me at ankingmed@gmail.com and I'll look into it
on 1589103805
Excellent add on man,but I can't get the image for full screen in my windows.
Do you have any idea why..
Comment from author
Check the config for background-size. You can set it to "cover" instead of "contain"
on 1588663349
Thanks!
on 1588451258
good addon
on 1588190564
EXCELLENT. How did you get your heatmap to look like that? Did you customize the code?
Comment from author
Nope, I just altered the settings in the heatmap options :)
on 1587991791
great add-on, however, I found the addition of the background image to the review cards annoying as I already had a bunch of customized card styles that worked well on desktop + mobile.

If anyone wants to disable the background during reviews, set "Reviewer image": false. Thanks for the add-on!
on 1587908591
awesome, but is there a way for me to upload my own custom background?
on 1587722550
It's great!
on 1587683196
Thanks for this Add-On!
on 1587669895
Works great but I do have a question
If I don't want the background to show on the review cards, I set it to false. However, it still shows the top and bottom bars as the background image. Is there any way to fix this?
on 1587328014
That little extra that keeps me going! Thank you so much
on 1587281962
Fantastic add on, took a little playing with to figure out what each setting really did. Lastly I liked how before this most recent update the toolbar image was only the top in the reviewer. Im sure a lot of people probably wanted both, but could there maybe be a setting to turn top or bottom toolbar on seperately for both main overview screens and then reviewer, so basically toolbars would be 4 settings rather than just 1.
on 1587227408
Love this add-on!! The ability to now have the image displayed in the reviewer as well as in both toolbars makes it even better!
on 1586215034
good
on 1586150150
wow! I wonder what's the name of your add on for the design on the desk overview page!?
on 1585751060
Very sweet to have a nice background image!
on 1585749179
Great stuff!
on 1585681214
Awesome
on 1585670104
Amazing add-on. Only problem is I can't get the image to follow onto review cards as well, even after your 3/21/20 update. Any tips? Tried messing with my card templates but this hasn't worked either.
Comment from author
The version with images in the reviewer is currently a beta on my patreon. Once I get time to finish cleaning it up and testing it I'll release it on here :)
on 1585599967
Love it and thank you! Any idea why the image isn't taking up the whole screen though? I'd say about 80% is covered by the pic and then the rest is just the normal anki background.

EDIT: Went to your youtube video (awesome video btw) and figured it out. Thank you kindly!
on 1585569675
I can't change the gear icon. The rest is working perfectly.
Comment from author
It seems there's been some conflicts with the enhance main window add-on. If that's not your case, you can submit it on github or email me and I can look into it if you want?
on 1585363464
Great!!
on 1585330055
Awesome!
on 1585306777
The add-on refused to download, and I checked that I had Anki 2.1.
Comment from author
You have to have Anki 2.1.22 or later, unfortunately. Update to the lastest version of Anki on Ankiweb and then you can change this to a like cause you'll love it :) (in the future, I and all other add-on authors would appreciate if you comment on github or send an email instead of a dislike for issues like this)
on 1585280975
beautiful!!! (i am curious though how to include the background during review also.)
on 1585194154
!!!!
on 1585155513
Great work
on 1585098589
yooooooo
on 1585089798
This is what I was wanting for years! Awesome work!
on 1585072879
sorry for the dislike, man:(
thanks for all your effort
Comment from author
No worries! Glad you got it working and thank you for changing it to a like! :)
on 1585068673
Great
on 1585059946
Superbe ! Merci beaucoup !
on 1585032917
it works!
on 1585011061
coincidentally last week I spent an entire afternoon tinkering around to add a background and make my screen look pretty.

this is way easier! awesome
on 1584981360
Great!
on 1584971753
10/10
on 1584969250
Very good addon, also take a look at this https://ankiweb.net/shared/info/378638814 that supports gif
Comment from author
This one should support gif as well! That add-on tackles the issue in a different way, but they should both work
on 1584900291
Beautiful. Thank you very much, AnKing. I have been wanting to do this for a long time.
on 1584835311
Great add-on
on 1584781423
great!
on 1584768517
Makes Anki more beautiful :)
on 1584765629
I highly recommend this addon for anyone who is looking to customize their anki to make it more suitable to their own needs.
on 1584753539
Fantastic addon
on 1584748102
Aesthetics
on 1584747479
How do I change the size of the image to fit with my laptop screen?
on 1584740412
*EDIT* Just found out it isn't compatible with enhance main window. Please make it compatible and thanks!

Great addon for the background! Sadly, changing the gears isn't working on my end. Even with the first install of the addon, the config is set to Anki.png but the gear icon still remains
Comment from author
I think the gears isn't compatible with enhance main window. I'll look into it though!
on 1584734456
Amazing!
on 1584732301
This is solid!
on 1584731692
I LIKE LOOKING FLY WHEN I ANKI OR DIE.
on 1584728375
Really appreciate the add-on!
on 1584728128
Very nice add-on ;)
on 1584716967
Great addon!
on 1584714061
Amazing Add-on!!
on 1584713805
This is a beautiful add-on that spices up the anki world
on 1584708315
You guys are amazing. Thank you so much for making this miserable year more enjoyable
on 1584699772
Fantastic Add-on! +1
on 1584685346
Beautiful! Thanks!! :)
on 1584684473
Thanks
on 1584670813
So cool
on 1584668472
Great add-on!

Maybe add an option to show one image in light mode, and another image in dark mode.
on 1584668154
The best... Thanks as always
on 1584666717
Thanks Anking!
on 1584666198
hell yeahhhhh!
on 1584665671
So cool!
on 1584664019
What a wonderful addon!

I would suggest, to make things even better, a slide option so we could put 5-10 images.
on 1584662769
Awesome addon. Thanks!
on 1584661498
Amazing add on
on 1584661194
Nice work!
on 1584660803
time to relax and study
on 1584660777
AMAZINGGGGG!!! A MUST HAVE
on 1584660462
Anki aint plain no more!
on 1584660381
An amazing way to customize my Anki home screen!