We’ve added a dark theme to canonrumors.com

Canon Rumors Guy

EOS 1D MK II
Jul 20, 2010
7,716
353
Canada
www.canonrumors.com
Just a brief update about the site. We have added a new “light theme/dark theme” toggle at the top right of the website. Many tablet and phone-based readers have requested this, and we finally got around to having it completed. This will work on both the desktop and mobile versions of the site.
There may be some tweaks to the dark theme in the coming days.
We are working on some other new features for the site, but don’t expect any further changes until the new year.
Continue reading...


 
  • Like
Reactions: shunsai and meywd

Codebunny

EOS M50
Sep 5, 2018
38
18
Thank you very much, super bright websites I am not a fan off. Oh and look out for the new media query that checks the users preference. This allows the css to pick up the users preference based on the OS and even changes in real time if the user's OS is set to switch at nightfall.
 

Maximilian

The dark side - I've been there
Nov 7, 2013
2,628
441
Germany
For sure not my #1 prio feature but thanks for adding.
Good to use along the way and in the evening.
 

Graphic.Artifacts

EOS 7D MK II
Aug 1, 2017
450
256
I really like it. Looks super on OSX Mojave in Dark Mode. Much easier on the eyes if you put in a lot of screen time IMO.
 
  • Like
Reactions: jd7

SpaceGhost

I'm New Here
Jul 19, 2012
10
0
I almost never post but this got me to login!

This is awesome and I love it. Also, the fact that even all the product images seem to adapt as well is also cool. So much easier on my eyes.
 

pwp

EOS 5D MK IV
Oct 25, 2010
2,527
21
Nice! I'm not generally a big fan of dark themes, but the new CR theme seems to suit the new design way better than the light theme. Works for me!

-pw
 

dcm

Good or bad - it's not the gear.
Apr 18, 2013
741
79
You might tweak the color scheme for the "Dark" style for people that are color challenged. There are three basic types: deuteranopia (green), protanopia (red), and tritanopia (blue). Protanopes like myself can't take advantage of the style given the current color scheme. These isn't enough color contrast. Here's some comparisons for people with normal color vision and protanopia for the Dark style that I created using Color Oracle on my Mac. Fortunately, mine is not quite quite this severe, I do see some red. For now I'll stick with the light style.

Many sites that were designed for a light style have a similar problem when displayed for a dark style. The "brand" colors they chose do not work well with the dark scheme, such as the reds in this case. My students are usually amazed when I show them how their web designs appear to someone that is colorblind during my lectures. It is an eye-opening experience. :geek:

Suggestion: Do not use your logo/brand color as a text color. Pick a color that works equally well on light/dark styles for those that are color challenged. Or use a pair of colors like normal text. https://medium.com/eightshapes-llc/light-dark-9f8ea42c9081
 

Attachments

Last edited:
  • Like
Reactions: slclick

JonSnow

EOS 80D
Sep 10, 2018
148
100
doesn´t look good for some images.

needs more careful masking work in photoshop.

urgs.... :)

 
Last edited:

Canon Rumors Guy

EOS 1D MK II
Jul 20, 2010
7,716
353
Canada
www.canonrumors.com
You might tweak the color scheme for the "Dark" style for people that are color challenged. There are three basic types: deuteranopia (green), protanopia (red), and tritanopia (blue). Protanopes like myself can't take advantage of the style given the current color scheme. These isn't enough color contrast. Here's some comparisons for people with normal color vision and protanopia for the Dark style that I created using Color Oracle on my Mac. Fortunately, mine is not quite quite this severe, I do see some red. For now I'll stick with the light style.

Many sites that were designed for a light style have a similar problem when displayed for a dark style. The "brand" colors they chose do not work well with the dark scheme, such as the reds in this case. My students are usually amazed when I show them how their web designs appear to someone that is colorblind during my lectures. It is an eye-opening experience. :geek:

Suggestion: Do not use your logo/brand color as a text color. Pick a color that works equally well on light/dark styles for those that are color challenged. Or use a pair of colors like normal text. https://medium.com/eightshapes-llc/light-dark-9f8ea42c9081
Thank-you, we made the red lighter, but that's obviously not going to correct your issue. We'll pick something else more neutral for links.