Alternate color of resources in sync panel

[gm42]

Summary

The individual row for each resource in the sync panel could sport an alternating different color.

Motivation

When dealing with applications with a large number of resources it can be dangerous to tick/untick the checkbox of a specific row without a visual aid on making sure that the correct row is being clicked. I do not see this specifically as an a11y improvement but along the lines of similar techniques used in tabular data / spreadsheets.

Proposal

I am already using this custom user style with great results:

div.application-sync-panel__resource:nth-of-type(odd) {
    background: #e0e0e0;
}

This is how it looks like:

Detail of the right sync panel:

[johnli-developer]

I will work on this

[christianh814]

+1 I like this.

[todaywasawesome]

Let's bring this up in the next contributor's meeting.