Dark mode support

Dark mode is getting used more and more by browsers and CSS integration of it is kinda simple. So i’m doing it for a theme my blog is using, and my blog happens to use tablepress. But the tables i made stays white and in light colors by default (while the texts gets mysteriously in the right color in dark mode!)

I know i can use the custom css feature in tablepress and it’s what i did gonna do, but it would be neat if tablepress natively supports dark support in the future. 🙂

For those who use tablepress and needs dark mode support for them, in the mean time, you can add something like this in the custom css in the meantime:

@media (prefers-color-scheme: dark) {

	.tablepress thead th {
		background: #336699;
	}

	.tablepress .odd td {
		background: #4d4d4d;
	}

	.tablepress .even td {
		background: #3a3a3a;
	}

	.tablepress tbody td,
	.tablepress tfoot th {
		border-top: 1px solid #666;
	}

}

(of course change for your own needs)

• This topic was modified 6 years, 11 months ago by maxlefou. Reason: added some temporary fix
• This topic was modified 6 years, 11 months ago by maxlefou.