This add-on will enlarge and color the buttons at the bottom of the review screen.
The concept of this add-on was inspired by the following add-ons:
- Bigger Show Answer Button
- Bigger Show All Answer Buttons
- Anki 2.0.x coloured ease buttons
Screenshot
Changing Size, Color, etc.
By default, the colors of the buttons is set to be similar to those of Ankidroid. You can change the size, color, etc. of the buttons by editing user_bottom_buttons.css.
To edit: Tools > Add-ons > Select “Large and Colorful Buttons” > Click “View Files” > Open the user_files folder > Edit the user_bottom_buttons.css with a text editor > Restart Anki
When updating this add-on, the user_bottom_buttons.css will be preserved as it is. See also Writing Anki 2.1.x Add-ons #User Files
Reverting to default
If you want to revert the user_bottom_buttons.css you have edited to default, please delete or rename it and restart Anki. A new user_bottom_buttons.css will be automatically created in the user_files folder.
Removing tooltips (optional feature) This add-on offers an option to remove tooltips for buttons like “Shortcut key: …”. This option is disabled by default.
To enable this option: Tools > Add-ons > Select “Large and Colorful Buttons” > Click “Config” > Set the variable REMOVE_TOOLTIP to true > Restart Anki
Note: true or false must be all lower case characters.
Changelog 2018-10-03: NOTE: Due to changes in Anki version 2.1.5, the buttons are not properly aligned when using the default user_bottom_buttons.css bundled with this add-on. So, the default user_bottom_buttons.css has modified in order to align buttons properly. But, this modifications to user_bottom_buttons.css will NOT automatically apply to existing users, only to new users. To update user_bottom_buttons.css, please delete or rename it and restart Anki. An updated user_bottom_buttons.css will be created in the user_files folder. Sorry for the inconvenience.
- Modified default user_bottom_buttons.css
- Tweaked margin to avoid conflict with the margin setting in Anki version 2.1.5 or higher
- Added cursor: pointer; to selector for button element
- Added some CSS selectors
- Added an option to remove tooltips for buttons
2018-09-23:
- Fixed a bug that would cause FileNotFoundError when user_files folder is not present
- Fixed a bug that would cause a Javascript error when using single quotes in user_bottom_buttons.css
2018-08-18:
- Initial release
Screenshots
Reviews (27)
👍 2025-08-31
no support
👍 2024-05-28
Liked very much.
👍 2023-12-09
eu deixei o codigo assim, acho que fica melhor
/* All buttons at the bottom of the review screen (including the “Edit” and “More” button) */ button { height: 30px; font-size: 22px; border: solid 2px rgba(0, 0, 0, 0.2); border-radius: 100px 100px 100px 100px; -webkit-appearance: none; outline: none; font-family: Magneto; cursor: pointer; margin: 2px 16px 6px !important; }
/* the “Show Answer” button */ #ansbut { width: 300px !important; background
👍 2023-12-03
I don’t know where people have an issue with this addon - it works without any issues, even in Anki 23.10, adding colorful buttons as described in the documentation.
👍 2023-10-28
user_bottom_buttons.css:
button { margin: 10px 6px 6px !important; }
#middle button span{ width: 96px; font-weight: bold; height: 12px; color: white; padding: 5px !important; }
👍 2023-10-25
In anki, Tools > Add-ons > Select “Large and Colorful Buttons” > Click “View Files” > Open the user_files folder > Edit the user_bottom_buttons.css with a text editor
add these:
#middle button span{ width: 96px; font-weight: bold; height: 12px; color: black; }
👍 2023-09-06
Didn’t work properly
👍 2023-08-22
Best plus for button available!
👍 2023-03-16
Error background color when hover at Version 2.1.60 (76d88073)
👍 2023-03-02
Really nice and practical design
update: Doesn’t work anymore with Version 2.1.60 (76d88073)
Python 3.9.15 Qt 5.15.2 PyQt 5.15.5
👍 2023-02-24
no longer fits in screen view with 2.1 update
👍 2023-02-10
Só ficou com os botões gigantes, nada além disso.
👍 2022-12-20
Good to use.
👍 2022-12-15
Muito bom, gratidão.
Very good, gratitude.
👍 2022-10-08
Buttons do not fit in the window (even fullscreen)
👍 2022-09-28
Good, but not working when window width is low. The show answer button expands all the way and break interface.
👍 2022-08-24
Thanks!
👍 2022-08-16
Thank you <3
👍 2022-06-22
very usefull!
👍 2022-06-03
It does what it says and is stable in use.
👍 2022-02-12
not working right in 2.1.49. I mean it does nothing anymore.
👍 2021-12-22
Thank you very much for this add-on, which fits perfectly with my needs 👍
👍 2021-11-15
Love this!
👍 2021-10-05
To make this work in night mode edit the user_bottom_buttons.css and change all “background-color” to “background”
👍 2021-09-27
Good lookin’ buttons!
👍 2021-09-07
Very Useful!
👍 2021-07-12
perfect! Very helpful!
