On Dec 11, 2017, at 9:19 PM, Warren Young <[email protected]> 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
[email protected]
http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users
