Fix contrastive coloring of table rows in light/dark themes

seshrs · seshrs · commit 77055055cb6d · 2020-05-02T11:21:17.000-04:00
diff --git a/_sass/spec/base.scss b/_sass/spec/base.scss
@@ -313,6 +313,12 @@ body,
     border: var(--main-table-pre-border);
   }
 
+  // In the original Primer theme, every other row is colored contrastively.
+  // In dark themes, it doesn't look great.
+  table tr:nth-child(2n) {
+    background-color: var(--main-table-pre-bg-color, #f6f8fa);
+  }
+
   blockquote {
     color: var(--main-blockquote-text-color);
   }

Original file line number	Diff line number	Diff line change
`@@ -313,6 +313,12 @@ body,`
`313`	`313`	`border: var(--main-table-pre-border);`
`314`	`314`	`}`
`315`	`315`
	`316`	`+ // In the original Primer theme, every other row is colored contrastively.`
	`317`	`+ // In dark themes, it doesn't look great.`
	`318`	`+ table tr:nth-child(2n) {`
	`319`	`+ background-color: var(--main-table-pre-bg-color, #f6f8fa);`
	`320`	`+ }`
	`321`	`+`
`316`	`322`	`blockquote {`
`317`	`323`	`color: var(--main-blockquote-text-color);`
`318`	`324`	`}`