How do you set alternating colors in the list of topics? It helps usability a lot, but it is all white by default.
example:
You can achieve this with a CSS customization. Here’s an example to get you started:
.topic-list-item:nth-child(even) {
background-color: #EEE;
}
.topic-list-item:nth-child(odd) {
background-color: #FFF;
}
Here’s how this looks on Meta:
「いいね！」 13
And for those who are looking to change the background of topics, here’s the solution:
div.topic-post:nth-child(odd), div.small-action:nth-child(odd) { background-color: #FAFBFF; } div.topic-post:nth-child(even), div.small-action:nth-child(even) { background-color: #F6F6FF; }
「いいね！」 6
And here’s the discussion about why it isn’t the default anymore:
「いいね！」 6
@fefrei Care to extract this into a super simple theme component? 
@Silvanus same for your topic tweak. I was thinking maybe we’d just include it in the “tiger striping component” but commented out by default, but we might as well make it a component of its own as they really are two completely separate pieces of styling.
「いいね！」 8
Sure!
Can you tell me why I cannot use $primary-low in the theme component? It’s used all over the place in core (e.g. as the background color of buttons), and I think it’s a good color for the darkened rows, but it’s undefined:
Error: Undefined variable: "$primary-low".
on line 2 of theme_field.scss
>> background-color: $primary-low;
----------------------^
「いいね！」 4
I’ve run into the same problem. What solved it for me was adding this at the top:
@import "common/foundation/variables";
And then you can use those colors.
That’s the short story, the long story is here:
「いいね！」 8
「いいね！」 9
Why not 
stripes? I guess 
stripes are less… black and white?
「いいね！」 1
How would you do this on a topic detail page for alternating replies?
That it somewhat more involved. You can try applying the same principle to the post-stream class, but this not only contains replies, but also “gaps”, like the 2 years later above your post, so they also count and may be affected.
「いいね！」 1
ライトテーマとダークテーマの使用状況に応じて異なる色で実装する最善の方法は何でしょうか？
「いいね！」 1
このトピックがあなたの質問に答えるかもしれません 
:
「いいね！」 3
機能する少なくとも2つの方法があります。
- テーマごとに異なる色を使用する。
- 行を半透明のミディアムグレーでシェーディングすると、ライトとダークの両方の背景で機能します。たとえば、
nth-child(odd)行にbackground: #80808040;のような色を付けます。
参考になれば、最初の方法（テーマごとに色を設定する）を示すスタイルシートオーバーライドを公開しました。詳細は、style.css で nth-child を含む部分を確認してください。
ライトテーマでの表示例を次に示します。
…各テーマには独自の色定義があるため、テーブルの行は各テーマに適合します。
「いいね！」 1