On Dec 11, 2017, at 9:19 PM, Warren Young <war...@etr-usa.com> wrote:
> 
> I’d go as far as #F8F8F8 myself.

One of my Fossil projects’ skins is based on Khaki, which hasn’t yet been 
restyled to override the base styles for the timeline boxes, so I get light 
gray on yellow, not terribly attractive.  The following CSS snippet not only 
fixes that, it’s generic:

    td.timelineColumnarCell[id], td.timelineModernCell[id], 
td.timelineDetailCell[id] {
        background-color: rgba(0, 0, 0, 0.03);
    }

That is, we do an alpha blend to construct the slightly darker color for the 
boxes based on the background color.  I like 3% black, but it can be up to 
about 5% before I start finding it objectionable.

This should work for any skin with a light background color.  Light-on-dark 
skins can use this related formation:

    td.timelineColumnarCell[id], td.timelineModernCell[id], 
td.timelineDetailCell[id] {
        background-color: rgba(255, 255, 255, 0.03);
    }

That is, blend with 3% white instead of black.
_______________________________________________
fossil-users mailing list
fossil-users@lists.fossil-scm.org
http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users

Reply via email to