Reklam

[SOLVED] Website Dark/Night Mode?

56 posts / 0 new
Member of the Felis Catus
<a href="/tr/translator/nyaasar" class="userpopupinfo username" rel="user1443391">nyaasar</a>
Üyelik: 10.01.2020
Pending moderation

Is there any plan for making dark mode or night mode for this website?

It would be great if there is an option to make this website looks darker. 

Save the eyes.  Shades smile

 

Moderator Polyglot Scot
<a href="/tr/translator/dionysius" class="userpopupinfo username" rel="user1182697">dionysius</a>
Üyelik: 26.07.2013

I use a plugin for my browser called Dark Reader. It works well on this site (and doesn't invert the photos which is an issue I see with a lot of plugins!).

Super Member
<a href="/tr/translator/blacksea4ever" class="userpopupinfo username" rel="user1390089">BlackSea4ever</a>
Üyelik: 19.07.2018

Could you please explain how to do it? I use iPad and this white background is killing me.

Member of the Felis Catus
<a href="/tr/translator/nyaasar" class="userpopupinfo username" rel="user1443391">nyaasar</a>
Üyelik: 10.01.2020

I'm pretty sure that Dark Reader is an extension for web browser.
So, yeah. That's not an option for me.

Member of the Felis Catus
<a href="/tr/translator/nyaasar" class="userpopupinfo username" rel="user1443391">nyaasar</a>
Üyelik: 10.01.2020

Well, that might help.

But, what I meant is something more universal(?) so that mobile phone user could use it.
(Or maybe there is some app that can be used for that purpose?)

Editor
<a href="/tr/translator/altermetax" class="userpopupinfo username" rel="user1360194">altermetax</a>
Üyelik: 04.11.2017

I've made a custom dark mode for LyricsTranslate, which does a couple of things other than just inverting the colors. To get it on a PC running a Chrome-based browser, or Firefox, install the Stylus extension (Chrome | Firefox), then go here and add it.

If you're on an Android mobile device, you need a browser that supports extensions, such as the Kiwi Browser. Then you can just follow the guide for PC (with the Chrome extension) using that browser.

Unfortunately I don't know of any iOS browser that allows for Chrome or Firefox extensions, so I'm guessing it's impossible to support it there. It seems Apple imposes their own format for extensions, so it's against the App Store terms and conditions to publish an app that allows for extensions (unless they're in Apple's format). On iOS, Firefox isn't even allowed to use their own rendering engine — in other words, all browsers on iOS are pretty much just reskinned Safari's.

Super Member
<a href="/tr/translator/blacksea4ever" class="userpopupinfo username" rel="user1390089">BlackSea4ever</a>
Üyelik: 19.07.2018

Me not understand a word. Моя твоя не понимай... Lol. I have safari on iPad - so can I get the dark mode?

Editor
<a href="/tr/translator/altermetax" class="userpopupinfo username" rel="user1360194">altermetax</a>
Üyelik: 04.11.2017
BlackSea4ever wrote:

Me not understand a word. Моя твоя не понимай... Lol. I have safari on iPad - so can I get the dark mode?

Unfortunately not, as far as I know — it's only possible for PC and Android users. But I might be wrong, since I have no Apple device to test. Try and search for "Stylus" or "Stylish" among the Safari extensions (which I think should be in the app store). If there is one, install it, then you can get the dark mode from here. Otherwise I don't know what else you can do.
If the admins make a dark mode included in the website itself, then it will work for Safari on iOS of course.

Moderator of most things Romanic
<a href="/tr/translator/knee427" class="userpopupinfo username" rel="user1110108">Alma Barroca</a>
Üyelik: 05.04.2012

Admins were officially informed about your suggestions.

Member of the Felis Catus
<a href="/tr/translator/nyaasar" class="userpopupinfo username" rel="user1443391">nyaasar</a>
Üyelik: 10.01.2020

Yes, this is exactly like what I wanted (I wish I could show it in this comment (another suggestion?)). I still prefer simpler way to use it, though.
(Like something you can toggle on/off from the website (toggle button next to the language option would be best(?)) without installing other plugins.)

I really appreciate that you made this Stylus code, that's really fast. Thanks. Teeth smile

Editor
<a href="/tr/translator/altermetax" class="userpopupinfo username" rel="user1360194">altermetax</a>
Üyelik: 04.11.2017
nyaasar escreveu:

I still prefer simpler way to use it, though.
(Like something you can toggle on/off from the website (toggle button next to the language option would be best(?))

Yeah, me too, that can only happen if the LT developers themselves make it.

Super Member
<a href="/tr/translator/blacksea4ever" class="userpopupinfo username" rel="user1390089">BlackSea4ever</a>
Üyelik: 19.07.2018

Mattia is a superman

Editor
<a href="/tr/translator/altermetax" class="userpopupinfo username" rel="user1360194">altermetax</a>
Üyelik: 04.11.2017
BlackSea4ever wrote:

Mattia is a superman

So did you manage to get it to work on iPad?

Super Member
<a href="/tr/translator/blacksea4ever" class="userpopupinfo username" rel="user1390089">BlackSea4ever</a>
Üyelik: 19.07.2018

No, I am midst an important go-live at work. I just come to LT to exercise my brain so I can keep up with our developers, the local supermen... I also can't install anything on this iPad - no space. I have a nice, shiny new toy iPad since Christmas, but didn't even open it yet... 6-8 more weeks of hell and then vacation!!! Lol. Hopefully.

Russian asset
<a href="/tr/translator/uncommon" class="userpopupinfo username" rel="user1414669">Schnurrbrat</a>
Üyelik: 07.03.2019

That's the best suggestion ever.
I always wanted to start this thread myself, but was distracted as usual. IMHO, LT should do it [since it is much easier than lets say annotations and/or idioms blocks], and any 3rd party plugins aren't effective, especially if we always skedaddle from one device to another.
EDIT: Dark Reader is a blessing too, thanks dionysius!

Editor True-to-original translations.
<a href="/tr/translator/michaelna" class="userpopupinfo username" rel="user1257575">MichaelNa</a>
Üyelik: 29.08.2015
BlackSea4ever a écrit :

Me not understand a word. Моя твоя не понимай... Lol. I have safari on iPad - so can I get the dark mode?

You can adjust the brightness on the iPad by going to Settings>Display & Brightness. Depending on the model you have, you can put a check mark on "Dark" and/or modify the brightness by sliding the button provided.

Super Member
<a href="/tr/translator/blacksea4ever" class="userpopupinfo username" rel="user1390089">BlackSea4ever</a>
Üyelik: 19.07.2018

Thanks.
I already use this to somewhat grey the background. This setting greys everything - I like looking at photos and paintings and it ruins the experience. But when I translate or read, I do make it greyer.
If we could control this for LT, it would be nice to pick the background color. I do understand there is the dev cost and it is a nice-to-have not a must-have.

Junior Member
<a href="/tr/translator/triple-f" class="userpopupinfo username" rel="user1436515">Triple F</a>
Üyelik: 23.10.2019

On iOS you can get Firefox for Mobile and then enable night mode works perfect for me

Super Member
<a href="/tr/translator/igeethecat" class="userpopupinfo username" rel="user1365086">Igeethecat</a>
Üyelik: 16.12.2017

Try Night Shift on iOS

lt
Administrator
<a href="/tr/translator/lt" class="userpopupinfo username" rel="user1">lt</a>
Üyelik: 27.05.2008
nyaasar wrote:

It would be great if there is an option to make this website looks darker. 

Now it is possible to use a dark theme. The switch is on the right in the footer. Thanks for the suggestion!

Super Member
<a href="/tr/translator/blacksea4ever" class="userpopupinfo username" rel="user1390089">BlackSea4ever</a>
Üyelik: 19.07.2018

Sounds great! I don’t see it.

lt
Administrator
<a href="/tr/translator/lt" class="userpopupinfo username" rel="user1">lt</a>
Üyelik: 27.05.2008

Sorry, there was an error in permissions. Now the option should be available to all registered users.

Super Member
<a href="/tr/translator/blacksea4ever" class="userpopupinfo username" rel="user1390089">BlackSea4ever</a>
Üyelik: 19.07.2018

Yes, thanks. Dark as the night. 💁🏼

Super Member
<a href="/tr/translator/%D0%BE%D0%BB%D0%B5%D0%B3-%D0%BB" class="userpopupinfo username" rel="user1330079">Олег Л.</a>
Üyelik: 03.03.2017

Videos in my collections don't work when a dark theme is on.

𝙅𝙮𝙪𝙩𝙤 𝘿𝙚𝙫𝙤𝙩𝙚𝙚
<a href="/tr/translator/kyucat" class="userpopupinfo username" rel="user1445312">kyucat</a>
Üyelik: 31.01.2020

Looks great! Though textboxes still appear as white unless selected. Is that intended?

𝙅𝙮𝙪𝙩𝙤 𝘿𝙚𝙫𝙤𝙩𝙚𝙚
<a href="/tr/translator/kyucat" class="userpopupinfo username" rel="user1445312">kyucat</a>
Üyelik: 31.01.2020

Ah, also, for translations marked as "proofreading requested" the background becomes white and the text isn't readable besides the line being hovered over ^^

Super Member
<a href="/tr/translator/nadejda-silva" class="userpopupinfo username" rel="user1304169">Nadejda Silva</a>
Üyelik: 20.08.2016

Light>>>Dark it's much better, I didn't even know about anything like that.
Thanks  Heart

Member of the Felis Catus
<a href="/tr/translator/nyaasar" class="userpopupinfo username" rel="user1443391">nyaasar</a>
Üyelik: 10.01.2020

Finally! \(≧▽≦)/
That's amazing! Thank you so much.

Super Member
<a href="/tr/translator/cpenguin" class="userpopupinfo username" rel="user1432560">cpenguin</a>
Üyelik: 05.09.2019

Is it possible to also add strings for "Theme", "Light", and "Dark" for the interface translation? Or is that not intended to be translated?

Moderator of most things Romanic
<a href="/tr/translator/knee427" class="userpopupinfo username" rel="user1110108">Alma Barroca</a>
Üyelik: 05.04.2012

Wow, I really liked this new interface! I sure will have to get used to it Tongue smile

Super Member
<a href="/tr/translator/ritvank" class="userpopupinfo username" rel="user1331869">ritvank</a>
Üyelik: 17.03.2017

The dark theme is really beautiful. But I think there is a small problem with the proofreading request. The text on the right is almost unreadable. I hope administrators will see it and deal with the issue soon.

Super Member
<a href="/tr/translator/iam-real-lord-hell" class="userpopupinfo username" rel="user1333527">TeSTaMeNT</a>
Üyelik: 31.03.2017

AT LAST. YAAAAAAAAY!!!!

Super Member
<a href="/tr/translator/ritvank" class="userpopupinfo username" rel="user1331869">ritvank</a>
Üyelik: 17.03.2017

Many thanks!

Moderator ¿Café? ☕ ¡Sí, por favor!
<a href="/tr/translator/enjovher" class="userpopupinfo username" rel="user1219642">Enjovher</a>
Üyelik: 09.09.2014

In the "revisions" button for the modified lyrics and translations, when you press the "compare" button, the background and the unmodified lyrics appear in white and it is impossible to read both texts (only you can read the modified lyrics that appears in red).

Moderator of most things Romanic
<a href="/tr/translator/knee427" class="userpopupinfo username" rel="user1110108">Alma Barroca</a>
Üyelik: 05.04.2012

I don't know if it happened with other users, but after I closed a window with LT open and reopened it, the theme was changed back to 'Light'. Maybe there could be a message showing up saying something like 'Do you want to set (x) as your default theme?'.

Super Member
<a href="/tr/translator/ahmad-aziz" class="userpopupinfo username" rel="user1320850">ahmad aziz</a>
Üyelik: 27.12.2016

That's a nice option, thanks

𝙅𝙮𝙪𝙩𝙤 𝘿𝙚𝙫𝙤𝙩𝙚𝙚
<a href="/tr/translator/kyucat" class="userpopupinfo username" rel="user1445312">kyucat</a>
Üyelik: 31.01.2020

The new proofreading background looks really nice in dark mode now, thank you ^^ A minor nitpick - the translator's signature under the translation (not the translator's comment, but the one that appears under every translation) shows up really dark and almost blends into the background, so it's a bit hard to read (example).

𝙅𝙮𝙪𝙩𝙤 𝘿𝙚𝙫𝙤𝙩𝙚𝙚
<a href="/tr/translator/kyucat" class="userpopupinfo username" rel="user1445312">kyucat</a>
Üyelik: 31.01.2020

The same thing happens in the site feed with the title of a forum a new thread is posted to ^^ (example)
Also, the popup for the votes made on a translation (example)
And the header for translation/transcription requests opened by a user (example)

lt
Administrator
<a href="/tr/translator/lt" class="userpopupinfo username" rel="user1">lt</a>
Üyelik: 27.05.2008
Олег Л. wrote:

Videos in my collections don't work when a dark theme is on.

fixed

kyucat wrote:

Ah, also, for translations marked as "proofreading requested" the background becomes white and the text isn't readable besides the line being hovered over ^^

fixed

Alma Barroca wrote:

after I closed a window with LT open and reopened it, the theme was changed back to 'Light'.

fixed. The next time you switch the theme, your choice will become permanent.

kyucat wrote:

the translator's signature under the translation shows up really dark and almost blends into the background.

fixed

Other fixes on the way, thanks to everyone!

𝙅𝙮𝙪𝙩𝙤 𝘿𝙚𝙫𝙤𝙩𝙚𝙚
<a href="/tr/translator/kyucat" class="userpopupinfo username" rel="user1445312">kyucat</a>
Üyelik: 31.01.2020

Thank you so much for your hard work!! It looks amazing :​)

𝙅𝙮𝙪𝙩𝙤 𝘿𝙚𝙫𝙤𝙩𝙚𝙚
<a href="/tr/translator/kyucat" class="userpopupinfo username" rel="user1445312">kyucat</a>
Üyelik: 31.01.2020

Aa not sure if it's been raised already but just in case: the highlighted entries on the site requests pages (https://lyricstranslate.com/en/requests, https://lyricstranslate.com/en/transrequests) are also a bit hard to read, like this

Super Member
<a href="/tr/translator/%D0%BE%D0%BB%D0%B5%D0%B3-%D0%BB" class="userpopupinfo username" rel="user1330079">Олег Л.</a>
Üyelik: 03.03.2017

I can't switch on a dark theme.

Super Member
<a href="/tr/translator/blacksea4ever" class="userpopupinfo username" rel="user1390089">BlackSea4ever</a>
Üyelik: 19.07.2018

It looks like it was temporarily disabled until few issues are worked out. As we say in the business: details, details. 😏
It was done super fast so we must be patient.

lt
Administrator
<a href="/tr/translator/lt" class="userpopupinfo username" rel="user1">lt</a>
Üyelik: 27.05.2008

Everything is fixed. Thanks!

Member of the Felis Catus
<a href="/tr/translator/nyaasar" class="userpopupinfo username" rel="user1443391">nyaasar</a>
Üyelik: 10.01.2020

Found one, the footnote background.

Edit:
Now it's perfect.

Moderator ¿Café? ☕ ¡Sí, por favor!
<a href="/tr/translator/enjovher" class="userpopupinfo username" rel="user1219642">Enjovher</a>
Üyelik: 09.09.2014

When someone posts a forum, the title "Report a problem, ask a question" can hardly be read in the activity site panel. Although I don't know if it happens with the other forums.

https://imgur.com/RO89Mef

Editor
<a href="/tr/translator/altermetax" class="userpopupinfo username" rel="user1360194">altermetax</a>
Üyelik: 04.11.2017

Text is dark and hard to read in Likes, Notifications, Thanks pages, and also in lists of threads in forum sections and in the buttons at the end of the "translations visibility" page: https://imgur.com/a/dxRhIwr

Moderator of most things Romanic
<a href="/tr/translator/knee427" class="userpopupinfo username" rel="user1110108">Alma Barroca</a>
Üyelik: 05.04.2012

Most fields in 'View annotation as webpage' are almost unreadable
https://imgur.com/a/1i7Wuac
https://lyricstranslate.com/en/annotation/1029 - for instance

lt
Administrator
<a href="/tr/translator/lt" class="userpopupinfo username" rel="user1">lt</a>
Üyelik: 27.05.2008

[@altermetax], [@Alma Barroca]
all fixed, thanks

Super Member
<a href="/tr/translator/ahmad-aziz" class="userpopupinfo username" rel="user1320850">ahmad aziz</a>
Üyelik: 27.12.2016

I don't know if it happened with others, but I couldn't switch after I chose dark, but when I cleared my browsing data then I could switch either in windows or android
And the background of footnotes get white when I press on them

Editor True-to-original translations.
<a href="/tr/translator/michaelna" class="userpopupinfo username" rel="user1257575">MichaelNa</a>
Üyelik: 29.08.2015

Curious enough, the Light/Dark mode works OK with Safari on an older iPad (iOS 10.3.3) but not on a new one (iOS 13.3.1).

Pages

Yeni yorum ekle