TVHadmin icon indicating copy to clipboard operation
TVHadmin copied to clipboard

Dark Theme

Open sparklyballs opened this issue 5 years ago • 5 comments

Would it be possible to have a dark theme made for this ?

sparklyballs avatar Dec 23 '20 13:12 sparklyballs

It looks pretty straightforward. Create a new version of style.css with new colour values for the various elements, the code can then select which file to load based on a configuration option.

If you can create a new stylesheet with a dark theme I'll certainly consider committing it.

dave-p avatar Dec 23 '20 13:12 dave-p

I've created a new branch 'dark-theme' containing a modified stylesheet. The 'timeline' screen doesn't work at present, and not all controls can be themed on all browsers. How does it look?

dave-p avatar Dec 24 '20 12:12 dave-p

I've created a new branch 'dark-theme' containing a modified stylesheet. The 'timeline' screen doesn't work at present, and not all controls can be themed on all browsers. How does it look?

I can take a look later, doing the prep for tomorrow’s dinner Thankfully I’m only in tier 2 for restrictions, so even for just the one day can have something resembling normal Christmas

sparklyballs avatar Dec 24 '20 14:12 sparklyballs

Did have a little go myself yesterday but was having probs getting colours in the right places

sparklyballs avatar Dec 24 '20 14:12 sparklyballs

The dark-theme branch is now fully functioning, with a config item to select which theme to use. I'm a developer not a graphics designer but it looks reasonably OK to me.

I've also added a dark-theme branch to the Javascript version. It works fine on Firefox and Chromium, but on Waterfox there is a 'flash of unstyled content' (FOUC) when switching or redrawing screens, caused by the stylesheet only being loaded after the javascript begins to run. I doubt there is a way around that.

I'll merge the branch into master when I've finished testing.

dave-p avatar Dec 28 '20 11:12 dave-p