ShoroukAziz / Beautify-Anki

An Anki addon that attempts to give Anki's deck browser and deck overview pages a material design look.

Home Page:http://beautify-anki.shorouk.dev/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

UI dark text on dark theme, can't read. Anki 2.1.49

ItsCheif opened this issue · comments

On the main menu, the ui text of the Heatmap looks like this:
image

If I click on a deck, before I actually go into it, the heatmap ui text looks like this:
image

When reviewing cards, the UI text showing how long it'll be before I see this card again is dark on a dark theme:
image

I have the same exact issue...

Another user complained to me about this so I came back to check if anybody has found a solution. Any luck guys?

SOLVED!

Really had a "Fine, I'll do it myself" moment lmao.

Video guide for the fix here: https://youtu.be/zaCsE8vFpfs

Step 1:

Navigate to the CSS files.

C:\Users\**yourname**\AppData\Roaming\Anki2\addons21\beautify anki\user_files\assets\css

Step 2:

Look for "deckbrowser.css" to fix the Heatmap
Look for "reviewer_bottom.css" to fix the interval time stuff

Open both of them if you want to fix both.

Step 3:

To fix the heatmap, open "deckbrowser.css" and paste in the following:

body.nightMode {
  color: white;
  background-size: 100%;

}

You'll want to paste it right here like this (see first image):
notepad_pbekqhau6R
https://imgur.com/a/HpkaynV

Step 4:

To fix the ** Interval times**, open "reviewer_bottom.css" and paste in the following:

color: white;

You'll want to paste it right here like this (see second image):
notepad_umlJnc9ep3
https://imgur.com/a/HpkaynV

Step 5:

Reboot Anki and you should see the changes take effect