Now is your chance. I'm going to try tweaking things a little bit, maybe moving some things around, after I've done some stuff for the mobile site (dev.phuks.co).
New account, password lost.
Some changes I have made to the dark theme since I made this post have reduced the amount of grey text on the screen and made the background darker
I was talking specifically about the mobile experience, I didn't even know you have a preview mobile site. I'll direct my design wishes to @Polsaker instead as AMOLED is 95% found in mobile devices only.
reduced the amount of grey text on the screen
I'm stoned. What does that mean, turned up the grey to white, removed those elements, blacked it out? ^
Is there anything that bothers you about the CSS on Phuks, or general design?
For the main sites design I would assume 80-90% of the users will be browsing with regular LCD IPS screens and depending on what your design goals are, there's two routes to go down.
Dark mode:
If you want a dark mode with high readability you should beef up the gray text to rival the titles and give the dark orange text a brightness boost. It's pretty nice as is!
Night mode:
Night mode and Dark mode are different in the way that night mode is for low light conditions and should have less contrast between highest and lowest information element. The white should be toned down a bit and the orange in the scroll bar and top bar should be almost as dark as the author and comment class. The text could be a bit brighter but not much.
Personally, I use light theme on mobile because I find it a bit difficult to see everything on dark.
I prefer completely black background and white text for extra clarity on bright days, but I balance that up against battery usage. With white background I'd run my phone at maybe 40-60% brightness but with my preference I can comfortably run it at 100% brightness 100% of the time since it's only the white text that actually draws power.
Reddit's BaconReader and Voat's Boats For Voat have both AMOLED Dark/Black mode (among many other apps)
Could you elaborate more on post sorting?
I'm an idiot and didn't find the Hot/Top/New buttons.
New account, password lost.
>Some changes I have made to the dark theme since I made this post have reduced the amount of grey text on the screen and made the background darker
I was talking specifically about the mobile experience, I didn't even know you have a preview mobile site. I'll direct my design wishes to @Polsaker instead as AMOLED is 95% found in mobile devices only.
>reduced the amount of grey text on the screen
I'm stoned. What does that mean, turned up the grey to white, removed those elements, blacked it out? ^^
>Is there anything that bothers you about the CSS on Phuks, or general design?
For the main sites design I would assume 80-90% of the users will be browsing with regular LCD IPS screens and depending on what your design goals are, there's two routes to go down.
Dark mode:
If you want a dark mode with high readability you should beef up the gray text to rival the titles and give the dark orange text a brightness boost. It's pretty nice as is!
Night mode:
Night mode and Dark mode are different in the way that night mode is for low light conditions and should have less contrast between highest and lowest information element. The white should be toned down a bit and the orange in the scroll bar and top bar should be almost as dark as the author and comment class. The text could be a bit brighter but not much.
>Personally, I use light theme on mobile because I find it a bit difficult to see everything on dark.
I prefer completely black background and white text for extra clarity on bright days, but I balance that up against battery usage. With white background I'd run my phone at maybe 40-60% brightness but with my preference I can comfortably run it at 100% brightness 100% of the time since it's only the white text that actually draws power.
Reddit's BaconReader and Voat's Boats For Voat have both AMOLED Dark/Black mode (among many other apps)
>Could you elaborate more on post sorting?
I'm an idiot and didn't find the Hot/Top/New buttons.
I understand what you're saying about dark mode now. It's a good idea. I'll try and make it as black as possible on the mobile dev site, but desktop will be different.
On the topic of the current desktop dark theme, I got confused, I haven't changed the grey. I have changed the backgrounds on comment pages to make the grey stand out more. I did try lighter colours for the grey in the last redesign, but in practice it makes everything look extremely cluttered on the screen and makes skimming post titles a lot harder. I've highlighted the important stuff like users, comments etc. around the post titles to make it easy to skim without making things messy.
The sort buttons are a complete pain in the dick. @pembo210 was the one who ended up putting them there, it was just one of those things that never seemed to work no matter what you did with them. We didn't want them in the header, because that's a pain for people doing CSS on subs as they need to work around the sort buttons. Putting them under the header looked terrible, so now they're on the sidebar. I might mess around with other places to put them.
I understand what you're saying about dark mode now. It's a good idea. I'll try and make it as black as possible on the mobile dev site, but desktop will be different.
On the topic of the current desktop dark theme, I got confused, I haven't changed the grey. I have changed the backgrounds on comment pages to make the grey stand out more. I did try lighter colours for the grey in the last redesign, but in practice it makes everything look extremely cluttered on the screen and makes skimming post titles a lot harder. I've highlighted the important stuff like users, comments etc. around the post titles to make it easy to skim without making things messy.
The sort buttons are a complete pain in the dick. @pembo210 was the one who ended up putting them there, it was just one of those things that never seemed to work no matter what you did with them. We didn't want them in the header, because that's a pain for people doing CSS on subs as they need to work around the sort buttons. Putting them under the header looked terrible, so now they're on the sidebar. I might mess around with other places to put them.
I was talking specifically about the mobile experience, I didn't even know you have a preview mobile site. I'll direct my design wishes to @Polsaker instead as AMOLED is 95% found in mobile devices only.
I'll re-redirect your design wishes to @PMYA since I'll probably offload the work of making a dark theme for the mobile site to him
> I was talking specifically about the mobile experience, I didn't even know you have a preview mobile site. I'll direct my design wishes to @Polsaker instead as AMOLED is 95% found in mobile devices only.
I'll re-redirect your design wishes to @PMYA since I'll probably offload the work of making a dark theme for the mobile site to him
AMOLED BLACK theme:
- All-black background
- Elements should be same range of brightness (Full on white text should be paired with high brightness orange auxiliary colour) for easy AMOLED display adjustment
Thanks
AMOLED BLACK theme:
- All-black background
- Elements should be same range of brightness (Full on white text should be paired with high brightness orange auxiliary colour) for easy AMOLED display adjustment
Thanks
Some changes I have made to the dark theme since I made this post have reduced the amount of grey text on the screen and made the background darker (changes are not live at the moment). Personally, I use light theme on mobile because I find it a bit difficult to see everything on dark. @Polsaker is doing the mobile site, I won't be making any cosmetic changes on the desktop version to alter the mobile one, but once it is finished we will probably be altering how it looks in comparison to the current mobile site.
Could you elaborate more on post sorting?