Dark-mode friendly Wiktionary page on mobile

I find Wiktionary to be amazing for the languages that I’m learning and I love how Clozemaster automatically opens up the relevant Wiktionary page upon tapping of words.

The only thing is that when using the app in dark mode, the pure-white page is quite glaring.

I usually use a Safari extension to force dark mode on all websites (there are plenty of options if you search for “dark mode extension” on the App Store; don’t want to advocate for any specific ones here). I’m wondering if it’s possible to do something similar to the Wiktionary page so that it looks more pleasing on the eyes. Since we only need to support one site, I’d imagine it would be manageable.

2 Likes

this is a great suggestion

Here’s a screenshot from the mobile version on my phone for the benefit of people like me who don’t generally use the mobile version:

Note that following any of the links between the Google translation of the word and the Wiktionary section will take you to another app (usually a browser). The Wiktionary part is unique because it’s automatically shown on the same page (as long as the arrow next to the bottom instance of “Wiktionary” is pointing up).

I assume you’re saying that if you have dark mode enabled for Clozemaster, the contrast between the majority of the page and the part taken from Wiktionary (which is always in light mode) looks odd. Thus, you’d like the Wiktionary part of the page to be shown in the same mode as the rest of the page. That seems reasonable to me.

1 Like

Thanks. I suppose this is true of the default experience of the desktop version of the site as well. It’s just that I have a greater tendency to use my phone in slightly dimmer environments (for better or for worse…).

1 Like

In the web version (which I use on my desktop devices and my phone), it looks like external links always take you to another application (usually a browser). As far as I can tell, there’s no situation where Clozemaster displays external content on the same page as its own content.

On the web version (which I too always use), there are two modes for external links, and you can easily switch between these with a toggle at the bottom of each pane.

The mode “Popover” always opens external links in another tab/window etc. -
CM_Popover

The other mode is “Slideout” which acts like the mobile version, with external links along the top (which would open in another tab/window etc.) and the word’s Wiktionary page (English version) being immediately visible and available (with a white background) -

When @mike first introduced the “Slideout” version I didn’t like it, but that was probably due to familiarity and prejudice (the option was imposed, and it wasn’t togglable). Now however, I love the slideout version, as it takes me immediately to what I’m looking for with one click, and I can interact with that embedded information directly without having to switch between tabs (e.g. I can click through to infinitive forms of verbs, I can change to the target language Wiktionary page etc.).

Of course, you know all this @alanf_us because you commented on this option when it was first introduced :joy:

P.S. In the context of this thread, I think that it would be wonderful to have the Wiktionary information in a dark-mode friendly form.

2 Likes

At some point after I wrote the post above, I remembered that the slideout-versus-popover behavior is configurable, but I was away from my computer, so I didn’t modify my description. Thanks for describing the behavior and also searching the forum to find my earlier comments.

I find the slideout Wiktionary content hard to navigate around (multiple vertical scroll bars, smaller area), and worst of all, when I was experimenting with it on my phone today, I entered some mode where it got stuck and I had to get out of the tab altogether. On a narrow screen, where the main part of the screen is visible behind the slideout, but only partially so, I find the additional content (from the original page) more distracting and would rather simply go to a different tab. However, I can imagine someone having the opposite preference.

In any case, you and I, and all the other contributors to the thread so far, agree that having light-mode and dark-mode content on the same page is problematic.

2 Likes