ShoroukAziz / Beautify-Anki

An Anki addon that attempts to give Anki's deck browser and deck overview pages a material design look.
http://beautify-anki.shorouk.dev/
GNU Affero General Public License v3.0
151 stars 15 forks source link

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

Closed ItsCheif closed 2 years ago

ItsCheif commented 2 years ago

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

SweetHeatSteve commented 2 years ago

I have the same exact issue...

ItsCheif commented 2 years ago

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

ItsCheif commented 2 years ago

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