Mobile: Fixes #13637: Fix incorrect zebra striping on tables in the rich text editor (#13663)

packages/editor/ProseMirror/styles/table.css

@@ -9,3 +9,8 @@ table .selectedCell {
 th > p:only-child, td > p:only-child {
 	margin: unset;
 }
+
+/* Tables used with ProseMirror do not have a thead, so zebra striping needs be styled separately to the global noteStyle css */
+table tr:nth-child(odd) {
+	background-color: var(--joplin-table-background-color);
+}

packages/renderer/noteStyle.ts

@@ -344,7 +344,7 @@ export default function(theme: any, options: Options = null) {
 		}
 
 		.jop-tinymce table tr:nth-child(even),
-		table tr:nth-child(even) {
+		table:has(thead) tr:nth-child(even) {
 			background-color: ${theme.tableBackgroundColor};
 		}