Dark mode for web app
Hi everyone,
Just posting this in case anyone else finds it useful. I've thrown together a dark mode for the web app. Still a work in progress - but much nicer on the eyes, in my opinion.
https://userstyles.org/styles/182496/
Comments
-
Thank you, Nicholas, I will try it on my personal laptop. Looks great! thank you for putting in the time on it and extending the offer!
I like Apples. Especially Honeycrisp.
0 -
Can you walk me through how to use this? Thanks!
0 -
Sure!
If you use Firefox, you need to install the Stylish extension from here: https://addons.mozilla.org/en-US/firefox/addon/stylish/
If you use Chrome, you need to install the Stylish extension from here: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=enThen, just go to the Logos Dark Mode page here: https://userstyles.org/styles/182496/logos-web-app-dark-theme
and click the blue "Install Style" button.
And that should be it!
0 -
The Stylish extension isn't recommended. I used to suggest it also until it was pointed out to me that it was bought out by a data mining company that uses it to track users. It was once banned from Chrome & Firefox stores for that reason. I'm not sure if or to what degree that has changed.
There is an open source fork of Stylish before it was bought out called Stylus. It's open, actively maintained and has a good support group on Discord.
https://github.com/openstyles/stylus#stylus
Installation of styles still works the same with Stylus.
( Of course, Stylus itself can also be themed: https://userstyles.org/styles/164265/stylus-theme-dark [:D][:O] )
0 -
I didn't know that - thanks for letting me know! I've just switched to stylus, and everything is working fine! :-) (And nice theme for the stylus admin stuff!)
To fix those instructions, then:
If you use Firefox, you need to install the Stylus extension from here: https://addons.mozilla.org/en-US/firefox/addon/styl-us/
If you use Chrome, you need to install the Stylish extension from here: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=enThen, just go to the Logos Dark Mode page here: https://userstyles.org/styles/182496/logos-web-app-dark-theme
and click the blue "Install Style" button.
And that should be it!
0 -
You can vote on bringing dark mode officially to the web app on our new feedback site: https://feedback.faithlife.com/boards/logos-web-app/posts/592.
0 -
Thanks Phil. I'm going to go vote for that.
L2 lvl4 (...) WORDsearch, all the way through L10,
0 -
Brilliant!
0 -
You posted this in 2020.... is it still functional in 2023? Thanks.
0 -
You posted this in 2020.... is it still functional in 2023? Thanks.
0 -
I was not able to get the userstyle to work
I did get the Dark Reader addon to work however by changing the mode to Filter and then adjusting the contrast slightly:
https://addons.mozilla.org/en-US/firefox/addon/darkreader/Also the URL for where to vote for the feature has changed:
https://feedback.logos.com/boards/logos-web-app/posts/add-dark-mode-to-web-app0 -
I made a custom dark mode for Logos Web App. You can install it with the Stylus extension and the link below.
https://userstyles.world/style/18547/logos-web-app-dark-mode
1 -
Thank you! I had come across this thread before but wasn't interested in the previous options because the pages were still light mode, so I've just been using Dark Reader because it did that much too. Tonight I was reading along with my eyes burning and decided I'd go figure out how to set myself up a style that would target the pages as well. Glad I decided to search before jumping in, because it works perfectly!
0 -
That is so awesome! I am glad you like you it.
The pages were the trickiest to figure out, because you cannot access/select the content in the code. I believe this is to make it extra secure from people copying material. Because of this, I was unable to use the code selectors to make the content dark. This wasn't until I had a great idea. I inverted the section that surrounds the page content, to make the font, white and the background, black. This with some hue shifting made the page look exactly like what we needed for dark mode.
If you notice anything that is not dark, please let me know. I will try my best to update it to be the correct colors. Thanks!
0 -
This is awesome! Great work!
0 -
This is brilliant! Thanks for the work! :-)
0 -
Nicholas van Oudtshoorn said:
This is brilliant! Thanks for the work! :-)
Thank you, Nicholas! Your original work was the reason that I made this. I appreciate your support!
0 -
Josiah Kreifels said:
I made a custom dark mode for Logos Web App. You can install it with the Stylus extension and the link below.
It took me a while to figure out that this makes the logos site dark but not other sites. Thanks for your app. So far, I like it
Mark
0 -
Legend, thanks Mate
0 -
Highly recommend to anyone wanting darkmode on web app. Stylus is open source and doesn't data mine you.
0
