Vertical borders in table headers look visually unpleasing in Firefox

[rohieb]

Problem

Vertical borders in table headers look visually unpleasing when viewed with Firefox, and disturb the reader by attracting attention to them. Screenshot of the current behaviour:

Reproducible Project

Any example that produces tables with headers, for example in https://sphinx-rtd-theme.readthedocs.io/en/latest/demo/lists_tables.html

Expected Results

Vertical borders in table headers look visually more pleasing and don't disturb the reader. This could be reached by coloring them the same as all the other table cell borders, for example, by adding a simple CSS rule:

.rst-content table.docutils thead th, .rst-content table.field-list thead th {
    border-color: #e1e4e5;
}

I was not able to find out what the respective change on the SASS side was.

Screenshot:

Environment Info

• RTD Theme Version: latest

[tuukkamustonen]

I've seen this also, but looks like it's already fixed in the latest build? Cannot see the problem at https://sphinx-rtd-theme.readthedocs.io/en/latest/demo/lists_tables.html anymore?

[rohieb]

I can still see it in the section https://sphinx-rtd-theme.readthedocs.io/en/latest/demo/lists_tables.html#grid-tables

[tuukkamustonen]

Checked again: you're right, it's like that on Firefox, but fixed on Chrome/Opera (Webkit).

[rohieb]

Oh right, I can confirm this!

[rohieb]

Thanks a lot, @jessetan!