

Large and Colorful Buttons
<10kB. Updated 2018-10-03.
The author has shared 3 other
item(s).
Description
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:
- 2.1.0 (Updated 2018-10-03)
To download this add-on, please copy and paste the following code into Anki 2.1:
1829090218
If you were linked to this page from the internet, please open Anki on your computer, go to the Tools->Add-ons menu item, then click on Get Add-ons and paste in the code.
Reviews

Error background color when hover at Version 2.1.60 (76d88073)

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
update: Doesn't work anymore with Version 2.1.60 (76d88073)
Python 3.9.15 Qt 5.15.2 PyQt 5.15.5

no longer fits in screen view with 2.1 update

bello

Só ficou com os botões gigantes, nada além disso.

Good to use.

Muito bom, gratidão.
Very good, gratitude.
Very good, gratitude.

Buttons do not fit in the window (even fullscreen)

Good, but not working when window width is low. The show answer button expands all the way and break interface.

Thanks!

Thank you <3

very usefull!

It does what it says and is stable in use.

ok

not working right in 2.1.49. I mean it does nothing anymore.

Thank you very much for this add-on, which fits perfectly with my needs 👍

Love this!

To make this work in night mode edit the user_bottom_buttons.css and change all "background-color" to "background"

Good lookin' buttons!

Very Useful!

perfect! Very helpful!

This addon is simple but perfect. Works better then Advanced review botton

Button look good

Very Large and Colorful Buttons. Exactly what I was looking for.

Must have!

Really, really awesome addon. Thank you very much.
Some customization examples:
/*
* Make buttons brighter on hover
*/
#middle button:hover {
filter: brightness(110%);
}
/*
* Bring back Edit and More buttons even if the anki window is small
*/
.stat {
display: table-cell !important;
}
/*
* Outline the buttons on keyboard focus (and to be able to see the default button)
* Delete the outline-offset lines if you don't want the 1px extra space between
*/
/* button focus outlines */
#innertable:focus-within :focus {
outline: 1px solid #899aa8f7 !important;
border-radius: 0px !important;
outline-offset: 1px;
}
/* fix for the default focused button */
.focus {
outline: 1px solid #899aa8f7;
border-radius: 0px !important;
outline-offset: 1px;
}
Example full css that I use: https://gist.github.com/Onurtag/59754ca4604d71955ab62d18d29e5352
Some customization examples:
/*
* Make buttons brighter on hover
*/
#middle button:hover {
filter: brightness(110%);
}
/*
* Bring back Edit and More buttons even if the anki window is small
*/
.stat {
display: table-cell !important;
}
/*
* Outline the buttons on keyboard focus (and to be able to see the default button)
* Delete the outline-offset lines if you don't want the 1px extra space between
*/
/* button focus outlines */
#innertable:focus-within :focus {
outline: 1px solid #899aa8f7 !important;
border-radius: 0px !important;
outline-offset: 1px;
}
/* fix for the default focused button */
.focus {
outline: 1px solid #899aa8f7;
border-radius: 0px !important;
outline-offset: 1px;
}
Example full css that I use: https://gist.github.com/Onurtag/59754ca4604d71955ab62d18d29e5352

Does not work in night mode. :-( My eyes burn from the sun of Anki light mode.

perfection

Make this work with night mode, pretty please.
Also button height cannot change in anki 2.1.38
Also button height cannot change in anki 2.1.38

VERY VERY VERY USEFUL :)))

Great add-on. However, I just can't figure out how to make the font color white on the buttons (as featured above in the write-up about the add-on).
My red button has red text, green has green font, etc. and it's hard to read them. How can I make the buttons font color white?
My red button has red text, green has green font, etc. and it's hard to read them. How can I make the buttons font color white?

Bad ,I understood nothing

Nice!

Like it much, but didn't work in nightmodus.

It's great. But how do I configure the size of the buttons?

Hello, when I update to version 2.1.35, the color does not show on night mode. Anyone know how to fix this? Thank you.

Nice! Makes it a bit like in AnkiDroid.
Btw. Expanding from another comment...
You can make the border darker for the button currently in focus with this:
button:focus {
border: solid 1px rgba(0, 0, 0, 0.7);
}
Someone else put a similar solution, but theirs added a weird square around the button. I find this more elegant.
Btw. Expanding from another comment...
You can make the border darker for the button currently in focus with this:
button:focus {
border: solid 1px rgba(0, 0, 0, 0.7);
}
Someone else put a similar solution, but theirs added a weird square around the button. I find this more elegant.

I really like this extension, congratulations to the creators. Unfortunately when the "night mode" function was implemented in ANKI, and when using this function the button colors no longer appear.

Thank you for the addon.
If you want the color of "hard" to be like on Anki iOS mobile, then change it, as described in the instructions, to "#ff9900".
If you want the color of "hard" to be like on Anki iOS mobile, then change it, as described in the instructions, to "#ff9900".

Love seeing the buttons bigger and with color! I also was able to change the colors to my preference.

works well, and editable.

Muito bom!

Useful and worked fine on 2.1.26

Ótimo, muito obrigado.

works

I love the enhanced visual feedback! This addon is also quite customizable. For example, I removed all the other formatting except for "again" and "good" (the only two buttons I use).

Better readability, easier to click

Made Anki much easier to use on a touchscreen computer!

just awesome

Thanks.

does what it should do

thanks

Its Cool.

it is just gray

Love it!

just awesome

It worked great until 2.22 and the native Night Mode, the buttons are large but just grey :( Any chance to update it so its colorful again?

Good addition to the software, thank you!

Please update to 2.1.20. Now it displays colors only on hover.
Edit: Thanks to the other user for a stopgap solution. I also added:
border-style: hidden;
Edit: Thanks to the other user for a stopgap solution. I also added:
border-style: hidden;

Please update to version 2.1.20. As a stopgap solution if you want the same style of buttons as pre-Anki 2.1.20 please add this line:
background: transparent;
to "/* All rating buttons */ #middle button" section
in "user_bottom_buttons.css" file
background: transparent;
to "/* All rating buttons */ #middle button" section
in "user_bottom_buttons.css" file

Looks great!

Thank you

結構

It's as great as Bobby told me it would be!!

Makes the buttons big and colorful just like the Android version

Excelent add-on!

really helpful.

Thank you
a lot better than other add-on's for this purpose
Big & beautiful buttons
Great jobs
a lot better than other add-on's for this purpose
Big & beautiful buttons
Great jobs

Much better!

Great, much nicer than standard buttons

Gorgeous!

very good.
Can I also use this to increase the font size of the dates? https://www.reddit.com/r/Anki/comments/dn0xjd/how_to_increase_the_font_size_of_the_bottom/
Can I also use this to increase the font size of the dates? https://www.reddit.com/r/Anki/comments/dn0xjd/how_to_increase_the_font_size_of_the_bottom/
Comment from author
I replied to your post on r/Anki.

amazing!

Thank you so so so much!
It's the most important Add-on for ver2.1!!
It's the most important Add-on for ver2.1!!

Must have!

Awesome

Works and makes it easier to use on my monitor.

It's amazing how much simple aesthetics can do for you

Great improvement, makes life easier on a touch screen.

One of my favourite addons! thank you very much for this stellar work

Thanks. Really helpful.

Works great!

clean and neat!

If you liked the More Answer Buttons add-on, check this out:
https://github.com/lovac42/ReMemorizeButtons
https://github.com/lovac42/ReMemorizeButtons

Funciona

Thanks!

Hi,
Thank you for the add on.
I wonder how can I edit the CSS to achieve something like I have on Anki 2.0
https://imgur.com/a/sj8cX3B
Thank you for the add on.
I wonder how can I edit the CSS to achieve something like I have on Anki 2.0
https://imgur.com/a/sj8cX3B

Amazing really helped with creating ITTOS study cards for PMP exam

Good

Love these, thank you.

Great

Good for tablet mode.

I have a windows tablet and the default UI shows up very small... This is awesome, thank you

Nice.

Amazing this addon!

Easier to click now

Very nice

Big and beautiful buttons

The addon works for me, but the colors of the buttons are swapped: Not the good, but the easy button is always coloured green.
https://i.imgur.com/m1G0Hc0.png
I don't know why this is.
I use the newest Anki version 2.1.7beta for windows
https://i.imgur.com/m1G0Hc0.png
I don't know why this is.
I use the newest Anki version 2.1.7beta for windows
Comment from author
The default css for this add-on is written assuming that Anki's default answer is always "Good". So, when used in conjunction with an add-on that changes the Anki's default answer, such as "Default Answer Modified", the css may not work as intended. In that case, you may need to modify css accordingly. Sorry if I am not clear enough, English is not my native language.

Must have

Great! its more similar to the android version and its better than another addon which only changes the color of text.

good

Awesome.

Nice.

I really enjoy it

Pretty and very practical on touch screens

Makes reviewing colourful and customisation is awesome...! Thank you!

This is amazing! Makes it much easier to use Anki on touchscreen computers, and is extremely customizable.

Fantastic!

Best of all. beautiful

Love the customizability of this. Stellar work!