139 2
Contact Author Sign in to rate

Custom Background Image and Gear Icon

20.04MB. Updated 2020-12-28. 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

IMPORTANT: I have updated this add-on for 2.1.36+. This is currently shared as a beta on our Patreon. 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 Tools 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 (Tools->Add-ons->Config (after clicking on the add-ons name) 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 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!                                               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 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 1607198591
It makes the quality of life when anking way better!
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!