Custom theme for Duolingo Arabic
Following my technical review of the Arabic course, here is a quick fix: now you can see Arabic texts in a better font (Vazir) and hopefully, a better size too.
- First install Stylish extension on Firefox or Chrome . Alternatively, you can install Stylus on Firefox or Chrome
- And then, go to this page and click on "Install style" button:
- Now, open an Arabic lesson and you'll notice the changes :)
How to use the theme on cell phones and tablets
Instead of using Duolingo's Android/iOS application, open Firefox on your cell phone/tablet and log into Duolingo. This way, you're using the Web version of Duolingo on your device. Now, do the same steps: install Stylish/Stylus and the theme. The screen is smaller but it's quite like studying Duolingo on your laptop/PC using this custom theme.
29 Comments
1429
I have just installed this (Firefox/Stylus) and I'm not seeing the new font, either. I'm not complaining about this, as I prefer the original font, so your addon has done exactly what I'd have wanted.
However, I'm curious as to why it hasn't changed the font as it was supposed to.
Many thanks for making this, anyway.
Thank you for all your concern, involvement and time. If the initial links could open in their own respective tabs ... In any case, the footwork needed to get to the style extension makes me wonder about a larger issue. Can sequential links be coded into a consolidated one, for users to avoid multiple steps and hop straight to the end? Just an idea to "copyleft" (if it hasn't been implemented already) ...
Sorry. I don't completely understand what you mean. There are only two steps. Installing an extension and then, installing this custom style. It can't become simpler. To open a link in a new tab, you can middle click on it (alternatively, you can hold down Ctrl key before clicking on a link).
Thank you for clarifying and sorry for my confusing. I did install the style and appreciate the difference.
Installation issues or no, perhaps "meta-" or "super"-links (if they may be called) for one-click, one-step navigation through multiple pages or sites is a job for future web technology.
In any case, if you haven't said so already, what would be your style recommendations for mobile (Android, iPhone, iPad, etc.)? The Arabic font problem seems to carry over to the DL app.
I just added "https://forum.duolingo.com/" to the "applies to" section. You may consider adding that for the installer, too. Otherwise discussions will still have the small default font, e.g.: https://forum.duolingo.com/comment/32916524
- 10
A couple more notes. The style doesn't currently apply when you choose the general practice button instead of a specific section. That URL is https://www.duolingo.com/practice
It also doesn't apply to the word bank currently (when you choose from the word bank instead of typing your answer). The class I used for that is for the word buttons, and is iNLw3. I didn't check if you were using the surrounding div on others or the buttons themselves.
It works in the course (kudos!), but not in Tinycards, neither when creating cards nor when learning them. Is there a way to apply your neat styling also to Tinycards?
I guess I would only have to add the line: https://tinycards.duolingo.com/ somewhere, but I have no glue where and how to access your style file.
