search

turtl / tracker

This project is for tracking issues, bug reports, and progress on the entire Turtl project.
67 stars 3 forks source link

Dark theme (OLED-friendly) #78

Open orthecreedence opened 6 years ago

orthecreedence commented 6 years ago

I don't know much about OLED, so this would probably take a bit of research (I'm guessing it's just using #000000 just about everywhere?

rubbingalcoholic commented 6 years ago

OLED displays have per-pixel lighting, and brightness determines how much power it uses - so having a dark theme will significantly save battery life on OLED screens.

To maximize battery life, I would recommend using hex values #000000 for text and #000000 for background.

orthecreedence commented 6 years ago

Thanks, that helps. I will set all hex values to #000000.

marcolaux commented 5 years ago

Would it be possible to also add a lower contrast dark theme to this?

Personally I really like the contrast of this one: https://github.com/ddnexus/equilux-theme

It's very easy to the eyes and helps me to prevent eye straining a lot.

vkmaheshbhat commented 5 years ago

I feel having the option of setting dark theme would be useful also for the desktop version.

jtrv commented 5 years ago

Any word on this? It's been a year and a half, I'm new to the app and it's the only app I use on my phone/desktop with an irreplaceable white background which is really pushng me towards ditching the app altogether. Really stinks because the functionality is pretty nice.

hyperanalysis commented 3 years ago

Any news on this? I've just discovered Turtl (Android) and it's excellent, but the lack of any non-white theme is very frustrating!

acowegg commented 2 years ago

This is the only reason I don't use Turtl, yet I desperately want to. I'll download the source and see if I can get this working.

Hopefully the fix is simple and clean.

acowegg commented 2 years ago

Alright, so it looks like colors are set in the CSS, mostly here: https://github.com/turtl/js/blob/master/css/general.less Should there be a separate CSS file for the dark theme, or should there be a set of alternate color values within the same general.less? The last thing I want to do is f up the codebase of a project I like (though I'm sure the Andrew won't just let junk in).

acowegg commented 2 years ago

After digging into composer.js, I've found that I only have enough understanding to repack this with different CSS. Creating a new setting in the existing menu to swap CSS files and reload the view is looking like a huge undertaking from where I am.

1jpg commented 1 year ago

How about just keep it simple and creating 2 Versions one with the dark theme CSS one with the light theme CSS, and everyone can choose what they want to use or download :)

1jpg commented 1 year ago

I just went ahead and changed to CSS and I have dark mode only mode now :)