Beautify-Anki_2.0 (mizmu) [Support Thread]

Anki Add-ons
88

When the UI is in minimalist mode and dark mode it seems that tr.deck td has a color added border-bottom: 1px solid var(--border-subtle);. Maybe need to disable this color or make minimalist mode + dark mode unsupported.

1 Like
89

Okay then Iā€™ll check and take care of it. Thank you!

1 Like
91

Excuse my ignorance, but I would like to know what the purpose of the remaining widget is?.

92

Hello, how are you?
Iā€™ve been using this add-on for few months now and I really love it. It made me switch from mobile to computer app just for the beauty of it.
I hope you donā€™t mind me asking here, as maybe people already addressed this issue. But I tried the suggested fixes and as much as Iā€™m quite happy to have finally a black bottom bar instead of a white one, Iā€™m still not sure about how to add space under it. Thank you for answering everyoneā€™s concerns btw, it helped me make some changes.
Anyway, I may be a bit too nitpicking but Iā€™d love to add a small space under the bottom buttons. Iā€™m not sure how to proceed, and I did update my add-on and it didnā€™t really fix the white bar and the space. I manually changed the color but Iā€™m still clueless on how to add a bottom margin.
I appreciate your help, thank you in advance.

image

93

Hey!
In the file:
ā€œuser_files\assets\css\reviewer_bottom.cssā€
add this:
td[align=ā€œcenterā€]{
padding: 10px !important;
}

94

Hi, I wanted to fix this now but I canā€™t reproduce the problem. Can you share which version of Anki and with which settings the problem occurs?

96

Thank you so much for your answer.
I added the CSS as suggested but sadly it didnā€™t make any change to the review screen :frowning:

97

There are two files with the same name. Did you check that you added the correct one?

98

These are the files I see in the folder:
ā€¦\1116770498\user_files\assets\css

image
image307Ɨ432 8.15 KB

I added it into the selected one.

body {
  font-size: 12px !important;
}

tr {
  border-bottom: 0;
}

td[align="ā€œcenterā€"] {
  padding: 10px !important;
}

#defease {
  background-color: #4caf50 !important;
}

button[onclick*="ease1"]:not(#defease) {
  background-color: #b71c1c !important;
}

button[onclick*="ease2"]:not(#defease) {
  background-color: #ff6f00 !important;
}

button[onclick*="ease3"]:not(#defease),
button[onclick*="ease4"]:not(#defease) {
  background-color: #1976d2 !important;
}
body.nightMode {
  background: #2f2f31;
}

.nightMode a {
  color: white;
}
99

Dont worry . the problem was When the UI is in minimalist mode and dark mode it seems that tr.deck td has a color added border-bottom: 1px solid var(--border-subtle);. Maybe need to disable this color or make minimalist mode + dark mode unsupported.

100

Hey!
Did @itachiuchiha answer really solve the problem?
Because what I wrote to you earlier solved it for me.

1 Like
101

Actually no. I donā€™t use minimalist mode, but I do use dark mode. And switching to light mode made my Anki have more display issues.

I added the lines you told me in the file I screenshotted. Sadly it made no changes for me.