Re: CSS Template
Reply #15 –
I have not looked into how to create a theme (or variant) yet. I was simply using the custom.css option to progressively override more and more of the default _light theme.
As for editors I'm on linux not windows, but I have plenty of tools to search and edit text so that's not a problem.
Should I eliminate text shadows as well?
Re: CSS Template
Reply #17 –
Just be aware that some of the box-shadows aren't actually shadows. They're quite often used as a solid colour to provide an extra border or whatever. This gives extra versatility that you can't get with just a standard CSS border.
For instance, if you define a standard border, then add a solid colour of defined width as a normal (outside) box-shadow, and another as an inset box-shadow, you can get a triple border if you want to. Although these are technically box-shadows they can be done with no blur radius so they display as solid lines. It's a very handy CSS trick to have in your toolkit.
Re: CSS Template
Reply #18 –
Yes I'm noticing that a lot of the box shadow effects are very subtle. But I have a local copy set up with them all removed and a copy with the original css.
Re: CSS Template
Reply #19 –
Here's a (hopefully) simple question for you two if you don't mind. On a dark theme with a basic intent of white text on black background for the editor and main post text, my guess would be that accepted practice would not be to actually use #FFFFFF on #000000. Is that correct? And if so what would be a typical choice of off-white and off-black (inventing term?) for that?
Re: CSS Template
Reply #22 –
I chose (before the test) #1f1f1f background with #cccccc as the foreground. The check site you linked to says Color Brightness: 173 and Color Difference: 519 which is says is ok by W3C standards.
For reference #444444 and #eeeeee scores Color Brightness: 170 and Color Difference: 510 so fairly similar according to that test.
I have been doing a fairly uninspired conversion of the default light theme to a dark theme with orange replacing the green and the light swapped to dark. I struggle with choosing shades of orange and gray for the button accents. I was just making the active button orange and the inactive buttons a darker gray which looked fine for me but choosing even darker accents on the dark gray buttons just made them disappear.
So that's when I started hoping there was a global replaceable set for like button accent that I could quickly try to swap everything out.
Re: CSS Template
Reply #23 –
The commenting in the CSS should make them fairly easy to find. The buttons and menus have their own sections. If there's any that stump you, I probably know the classes for them.
With the contrast, I usually aim for something around the 450 mark. IOW, halfway between W3 and Hewlett-Packard recommendations, since some people would find W3's recommendation hard to read too due to too much contrast (see the discussion about dyslexia, etc). Doing one stylesheet to suit everyone gets tricky. In reality the best you can hope for is that most people will find it usable and think it looks ok.
Re: CSS Template
Reply #25 –
It's not so much finding the classes. As you said the css is fairly readable. It's more a problem of picking colors. Thus my desire for an algorithmic replacement. Like rotate the color wheel or something. I fear that may not actually produce spectacular results though.
Re: CSS Template
Reply #26 –
Oh, I forgot to say if you have the code for your dark theme and can find it easily I would appreciate it as a reference. Since I plan to replace the green though it seems unfair to ask you to actually spend the time to recreate it.
Re: CSS Template
Reply #28 –
Oh Aaron could you tell me what files need to be changed to create a new variant instead of modifying and existing one?