User:Tom.Reding/Night-mode style.css

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/* Copy & paste this text into the "style.css" file, which you'll have to create, once, in your AWB root folder. */
/* Adapted from [[WP:AWB/style.css#Current style]]. */

/* suppress whitespace padding by C# WebBrowser, see
http://stackoverflow.com/questions/15033023/white-space-padding-in-webbrowser-control */
html,
body {
	margin: 0.1em; /* default 0; 0.1em prevents hsbar */
}

/*
** Diff rendering
*/
body { /* added */
	color: #f3f3f3;
	background: black;
}
table.diff,
td.diff-otitle,
td.diff-ntitle {
	background-color: black; /* white default */
}

td.diff-otitle,
td.diff-ntitle {
	background: #000000; /* black; added */
	color: #f3f3f3; /* off-white; added */
	text-align: center;
}

td.diff-marker {
	background: #000000; /* black; added */
	color: #f3f3f3; /* off-white; added */
	text-align: right;
	font-weight: bold;
	font-size: 1.25em;
}

td.diff-lineno {
	background: #000000; /* black; added */
	color: #f3f3f3; /* off-white; added */
	font-weight: bold;
}

td.diff-addedline,
td.diff-deletedline,
td.diff-context {
	font-size: 88%;
	text-color: white; /* added */
	background-color: black; /* added */
	vertical-align: top;
	white-space: -moz-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}

td.diff-addedline,
td.diff-deletedline {
	border-style: solid;
	border-width: 1px 1px 1px 4px;
	border-radius: 0.33em;
}

td.diff-addedline {
	border-color: #ff0000; /* red; right-hand side; #a3d3ff default (light blue) */
	color: #f3f3f3; /* off-white; added */
}

td.diff-deletedline {
	border-color: #00ff00; /* green; left-hand side; #ffe49c default (light yellow) */
	color: #f3f3f3; /* off-white; added */
}

td.diff-context {
	background: #000000; /* black; #f3f3f3 default */
	color: #f3f3f3; /* off-white; #333333 default */
	border-style: solid;
	border-width: 1px 1px 1px 4px;
	border-color: #e6e6e6; /* off-white */
	border-radius: 0.33em;
}

.diffchange {
	background: #000000; /* black; added */
	font-weight: bold;
	text-decoration: none;
}

table.diff {
	border: none;
	width: 100%; /* default 100% */
	border-spacing: 1px; /* default 4px */

	/* Ensure that colums are of equal width */
	table-layout: fixed;
}

td.diff-addedline .diffchange,
td.diff-deletedline .diffchange {
	border-radius: 0.33em;
	padding: 0.25em 0;
}

td.diff-addedline .diffchange {
	background: #8000ff; /* purple; default #d8ecff */
	color: #f3f3f3; /* off-white; added */
}

td.diff-deletedline .diffchange {
	background: #0000ff; /* blue; default #feeec8 */
	color: #f3f3f3; /* off-white; added */
}

table.diff td {
	padding: 0.25em 0.25em; /* default 0.25em 0.25em */
}

table.diff col.diff-marker {
	width: 1%; /* default 1.5% */
	color: #ffffff; /* white; added */
}

table.diff col.diff-content {
	width: 48.5%; /* default 48.5% */
	color: #ffffff; /* white; added */
}

table.diff td div {
	/* Force-wrap very long lines such as URLs or page-widening char strings.*/
	/* Doesn't always work for some reason... (pre 1 Sept 2021 update, not sure if update fixed this or not) */
	word-wrap: break-word;
	
	/* As fallback (FF<3.5, Opera <10.5), scrollbars will be added for very wide cells
	   instead of text overflowing or widening
	*/
	overflow: auto;
}