Alternate colour for inline lists rows

Ask for Help
13

image
image2166×1240 161 KB

I have to assume you’re using white text, else it will be unreadable.

<pre><span><style>

[data-test="app-vertical-list"] div[role="row"] {
background: #a9a9a9;
}

[data-test="app-vertical-list"] div[role="row"] ~ div[role="row"] {
background: black;
}

[data-test="list-item"] .textStyle {
color: white !important;
}

The trick here is first applying gray to all items, then re-do black for all items after the first one.

2 Likes