diff --git a/test/adblock-rules/third-party.html b/test/adblock-rules/third-party.html
index e35bb2b..bd25afe 100755
--- a/test/adblock-rules/third-party.html
+++ b/test/adblock-rules/third-party.html
@@ -2,6 +2,7 @@
 <head>
 	<title>Third-party test</title>
 	<script src="https://www.abptestpages.org/testfiles/script/script.js"></script>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
 
diff --git a/test/autofill/index.html b/test/autofill/index.html
index b3f33f3..7e0859b 100755
--- a/test/autofill/index.html
+++ b/test/autofill/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
 	<title>HTML Test Page</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
 	<form name="TestForm" action="success.html" method="get">
diff --git a/test/autofill/success.html b/test/autofill/success.html
index ffdf501..5764e47 100755
--- a/test/autofill/success.html
+++ b/test/autofill/success.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <title>HTML Test Page</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
   <p>Success!</p>
diff --git a/test/bookmark-title/index.html b/test/bookmark-title/index.html
index a85e50a..1eee78f 100755
--- a/test/bookmark-title/index.html
+++ b/test/bookmark-title/index.html
@@ -2,6 +2,7 @@
 <head>
 	<title>This is the HTML title</title>
 	<meta property="og:title" content="This is the og:title"/>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
 <h3>Test of HTML title vs og:title in bookmarks</h3>
diff --git a/test/cache/index.html b/test/cache/index.html
index d1b0472..6495c4b 100755
--- a/test/cache/index.html
+++ b/test/cache/index.html
@@ -2,6 +2,7 @@
 <head>
 	<title>Cache Test</title>
 	<link rel="stylesheet" href="style1.css">
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
 
diff --git a/test/enumerate-devices/index.html b/test/enumerate-devices/index.html
index 91bda5c..420486b 100755
--- a/test/enumerate-devices/index.html
+++ b/test/enumerate-devices/index.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
 <html>
 <head>
+	<title>Enumerate Devices</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title></title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
 
diff --git a/test/fastforward/index.html b/test/fastforward/index.html
index 295d4d6..8397bcd 100755
--- a/test/fastforward/index.html
+++ b/test/fastforward/index.html
@@ -2,6 +2,7 @@
 <html>
 	<head>
 		<title>Vivaldi FastForward test</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 	</head>
 	<body>
 			<h3>Press Space or trigger FastForward manually</h3>
diff --git a/test/fastforward/next.html b/test/fastforward/next.html
index 64ca55c..cfb598e 100755
--- a/test/fastforward/next.html
+++ b/test/fastforward/next.html
@@ -2,6 +2,7 @@
 <html>
 	<head>
 		<title>Vivaldi FastForward test - Next Page</title>
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 	</head>
 	<body>
 			<h3>Press Space or trigger FastForward manually</h3>
diff --git a/test/favicon-cors/index.php b/test/favicon-cors/index.php
index 2aab4e0..dd255d2 100755
--- a/test/favicon-cors/index.php
+++ b/test/favicon-cors/index.php
@@ -9,6 +9,7 @@ header("Cross-Origin-Resource-Policy: same-origin");
 <head>
 	<title>HTML Test Page</title>
 	<link rel="icon" href="https://developer.mozilla.org/favicon.ico"  />
+	<style>body {color: white; background: darkslategray}</style>
 </head>
 <body>
 	Favicon Test Page
diff --git a/test/favicon-svg/index.html b/test/favicon-svg/index.html
index 539f4a6..3958964 100755
--- a/test/favicon-svg/index.html
+++ b/test/favicon-svg/index.html
@@ -7,6 +7,7 @@
     <link rel="icon" sizes="32x32" type="image/png" href="favicon.ico">
     <link rel="alternate icon" sizes="32x32" type="image/png" href="favicon.ico">
     <link rel="shortcut icon" sizes="32x32" type="image/png" href="favicon.ico">
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
     Test of SVG Favicon and fallback icon.
diff --git a/test/float/float.html b/test/float/float.html
index d685743..6e7d5c5 100755
--- a/test/float/float.html
+++ b/test/float/float.html
@@ -1,11 +1,10 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
-   <head>
-      <title>
-         Floating image test case
-      </title>
-      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-      <link rel="stylesheet" type="text/css" media="screen, projection" href="float.css" />
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+	<title>Floating image test case</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;};</style>
+  <link rel="stylesheet" type="text/css" media="screen, projection" href="float.css" />
   </head>
    <body>
 
diff --git a/test/float/spartanicus.html b/test/float/spartanicus.html
index a4ab7ed..11fd4fa 100755
--- a/test/float/spartanicus.html
+++ b/test/float/spartanicus.html
@@ -1,17 +1,15 @@
 <!-- --><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
 <html lang="en">
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
-<title>Centered Image Gallery with captions - Spartanicus' Web tips</title>
-<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen">
-<link rel="stylesheet" href="css/print.css" type="text/css" media="print">
-<link rel="stylesheet" href="css/speech.css" type="text/css" media="aural,speech">
-<style type="text/css">
-#gallery{text-align:center}
-#gallery p{display:inline}
-#gallery span{margin:0 5px 5px 5px;vertical-align:top;width:172px;display:table-cell;display:inline-table}
-#gallery p img{margin-bottom:5px}
-</style>
+	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+	<title>Centered Image Gallery with captions - Spartanicus' Web tips</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;};</style>
+	<style type="text/css">
+	#gallery{text-align:center}
+	#gallery p{display:inline}
+	#gallery span{margin:0 5px 5px 5px;vertical-align:top;width:172px;display:table-cell;display:inline-table}
+	#gallery p img{margin-bottom:5px}
+	</style>
 </head>
 <body>
 <div id="head"><span></span>
diff --git a/test/focus/index.html b/test/focus/index.html
index 725a29c..ff01dd5 100755
--- a/test/focus/index.html
+++ b/test/focus/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <title>Input focus test</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
 	<p>This should not get focus: <input></p>
diff --git a/test/index-template.html b/test/index-template.html
new file mode 100755
index 0000000..3caf40e
--- /dev/null
+++ b/test/index-template.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>HTML Test Page</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/test/js/index.html b/test/js/index.html
index 5b63a53..a3384c7 100755
--- a/test/js/index.html
+++ b/test/js/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <title>Javascript Tests</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
 
diff --git a/test/links/index.html b/test/links/index.html
index d8364d2..49911e3 100755
--- a/test/links/index.html
+++ b/test/links/index.html
@@ -2,6 +2,7 @@
 <html>
 	<head>
 		<title>HTML Test Cases</title>
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 	</head>
 	<body>
 		<h3>Testing Links</h3>
diff --git a/test/login/index.html b/test/login/index.html
index 515fec9..09cdcfd 100755
--- a/test/login/index.html
+++ b/test/login/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
 	<title>HTML Test Page</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
 	<form name="LoginForm" action="success.html" method="get">
diff --git a/test/login/success.html b/test/login/success.html
index a10f6aa..1d09594 100755
--- a/test/login/success.html
+++ b/test/login/success.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <title>HTML Test Page</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
   <p>Login successful!</p>
diff --git a/test/media-fullscreen/index.html b/test/media-fullscreen/index.html
index 742a9f7..7a5736c 100755
--- a/test/media-fullscreen/index.html
+++ b/test/media-fullscreen/index.html
@@ -1,7 +1,9 @@
 <html>
 <head>
+	<title>Media-Fullscreen Test</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
   <style>
-    div#test { background: red; width: 200px; height: 200px; }
+		div#test { background: red; width: 200px; height: 200px; }
     @media (display-mode: fullscreen) {
         div#test {background: blue; width: 200px; height: 200px; }
     }
diff --git a/test/nested-iframes/frame.html b/test/nested-iframes/frame.html
index 79ca77d..8a5bb03 100755
--- a/test/nested-iframes/frame.html
+++ b/test/nested-iframes/frame.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <title>Nested IFrames Test</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
   <h2>Nested IFrame 1</h2>
diff --git a/test/nested-iframes/frame2.html b/test/nested-iframes/frame2.html
index 90bd673..6fa09b3 100755
--- a/test/nested-iframes/frame2.html
+++ b/test/nested-iframes/frame2.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <title>Nested IFrames Test</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
   <h2>Nested IFrame 2</h2>
diff --git a/test/nested-iframes/frame3.html b/test/nested-iframes/frame3.html
index 5b42324..eb66869 100755
--- a/test/nested-iframes/frame3.html
+++ b/test/nested-iframes/frame3.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <title>Nested IFrames Test</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
 	<p><textarea cols="40" rows="10">Textarea</textarea></p>
diff --git a/test/nested-iframes/index.html b/test/nested-iframes/index.html
index 2eaf188..8ed83c3 100755
--- a/test/nested-iframes/index.html
+++ b/test/nested-iframes/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <title>Nested IFrames Test</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
   <h1>Nested IFrames Test</h1>
diff --git a/test/pdf/index.html b/test/pdf/index.html
index 3e012d7..83d857e 100755
--- a/test/pdf/index.html
+++ b/test/pdf/index.html
@@ -1,11 +1,10 @@
 <!DOCTYPE html>
 <html>
-   <head>
-      <title>HTML Test Page</title>
-			<style>body {color: white; background: darkslategray}</style>
-  </head>
-   <body>
-
+<head>
+	<title>HTML Test Page</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
+</head>
+<body>
 	<div>
 		Test Iframe PDF:<br>
 		<iframe width="50%" height="600px" src="https://static.googleusercontent.com/media/research.google.com/en//pubs/archive/44678.pdf"></iframe>
@@ -16,5 +15,5 @@
 		<embed width="50%" height="600px" type='application/pdf' src="https://static.googleusercontent.com/media/research.google.com/en//pubs/archive/44678.pdf">
 	</div>
 
-   </body>
+</body>
 </html>
diff --git a/test/preventdefault/index.html b/test/preventdefault/index.html
index f0ef177..46cf2cf 100755
--- a/test/preventdefault/index.html
+++ b/test/preventdefault/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <title>Vivaldi Fast Forward vs. preventDefault()</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;};</style>
 </head>
 <body>
 	<p>You cannot use Space inside the input:</p>
diff --git a/test/referrer/default.html b/test/referrer/default.html
index a89b9ca..06d3f19 100755
--- a/test/referrer/default.html
+++ b/test/referrer/default.html
@@ -2,8 +2,7 @@
 <html>
 	<head>
 		<title>HTML Test Page</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<link rel="icon" href="/favicon.ico" sizes="32x32" />
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 	</head>
 	<body>
 		<h1><a href="https://echo.vivaldi.com">default</a></h1>
diff --git a/test/referrer/index.html b/test/referrer/index.html
index 5bd87ab..23fc216 100755
--- a/test/referrer/index.html
+++ b/test/referrer/index.html
@@ -2,6 +2,7 @@
 <html>
 	<head>
 		<title>Referrer-policy test page</title>
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 	</head>
 	<body>
 		<iframe width="500" height="300" src="default.html"></iframe> 
diff --git a/test/referrer/js-referrer.html b/test/referrer/js-referrer.html
index c1afdd4..f956752 100755
--- a/test/referrer/js-referrer.html
+++ b/test/referrer/js-referrer.html
@@ -2,6 +2,7 @@
 <html>
 	<head>
 		<title>Referrer-policy test page</title>
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 	</head>
 	<body>
 	<p>The Javascript referrer of the current document is:</p>
diff --git a/test/referrer/no-referrer-when-downgrade.html b/test/referrer/no-referrer-when-downgrade.html
index 13d6db8..8f8bad4 100755
--- a/test/referrer/no-referrer-when-downgrade.html
+++ b/test/referrer/no-referrer-when-downgrade.html
@@ -3,6 +3,7 @@
 	<head>
 		<title>HTML Test Page</title>
 		<meta name="referrer" content="no-referrer-when-downgrade">
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 	</head>
 	<body>
 		<h1><a href="https://echo.vivaldi.com">no-referrer-when-downgrade</a></h1>
diff --git a/test/referrer/no-referrer.html b/test/referrer/no-referrer.html
index 8802013..d737e16 100755
--- a/test/referrer/no-referrer.html
+++ b/test/referrer/no-referrer.html
@@ -3,6 +3,7 @@
 	<head>
 		<title>HTML Test Page</title>
 		<meta name="referrer" content="no-referrer">
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 	</head>
 	<body>
 		<h1><a href="https://echo.vivaldi.com">no-referrer</a></h1>
diff --git a/test/referrer/origin-when-cross-origin.html b/test/referrer/origin-when-cross-origin.html
index f78e679..4a1c0ce 100755
--- a/test/referrer/origin-when-cross-origin.html
+++ b/test/referrer/origin-when-cross-origin.html
@@ -3,6 +3,7 @@
 	<head>
 		<title>HTML Test Page</title>
 		<meta name="referrer" content="origin-when-cross-origin">
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 	</head>
 	<body>
 		<h1><a href="https://echo.vivaldi.com">origin-when-cross-origin</a></h1>
diff --git a/test/referrer/origin.html b/test/referrer/origin.html
index 9f8b9e2..8e7ea8b 100755
--- a/test/referrer/origin.html
+++ b/test/referrer/origin.html
@@ -3,6 +3,7 @@
 	<head>
 		<title>HTML Test Page</title>
 		<meta name="referrer" content="origin">
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 	</head>
 	<body>
 		<h1><a href="https://echo.vivaldi.com">origin</a></h1>
diff --git a/test/referrer/same-origin.html b/test/referrer/same-origin.html
index 3eb62ca..185e46f 100755
--- a/test/referrer/same-origin.html
+++ b/test/referrer/same-origin.html
@@ -3,6 +3,7 @@
 	<head>
 		<title>HTML Test Page</title>
 		<meta name="referrer" content="same-origin">
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 	</head>
 	<body>
 		<h1><a href="https://echo.vivaldi.com">same-origin</a></h1>
diff --git a/test/referrer/strict-origin-when-cross-origin.html b/test/referrer/strict-origin-when-cross-origin.html
index 27ab0ea..dce6bae 100755
--- a/test/referrer/strict-origin-when-cross-origin.html
+++ b/test/referrer/strict-origin-when-cross-origin.html
@@ -3,6 +3,7 @@
 	<head>
 		<title>HTML Test Page</title>
 		<meta name="referrer" content="strict-origin-when-cross-origin">
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 	</head>
 	<body>
 		<h1><a href="https://echo.vivaldi.com">strict-origin-when-cross-origin</a></h1>
diff --git a/test/referrer/strict-origin.html b/test/referrer/strict-origin.html
index 9201b5d..aea951e 100755
--- a/test/referrer/strict-origin.html
+++ b/test/referrer/strict-origin.html
@@ -3,6 +3,7 @@
 	<head>
 		<title>HTML Test Page</title>
 		<meta name="referrer" content="strict-origin">
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 	</head>
 	<body>
 		<h1><a href="https://echo.vivaldi.com">strict-origin</a></h1>
diff --git a/test/referrer/unsafe-url.html b/test/referrer/unsafe-url.html
index fa46c7f..ead6108 100755
--- a/test/referrer/unsafe-url.html
+++ b/test/referrer/unsafe-url.html
@@ -3,6 +3,7 @@
 	<head>
 		<title>HTML Test Page</title>
 		<meta name="referrer" content="unsafe-url">
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 	</head>
 	<body>
 		<h1><a href="https://echo.vivaldi.com">unsafe-url</a></h1>
diff --git a/test/remote/index.html b/test/remote/index.html
index 05d435b..f7cddf0 100755
--- a/test/remote/index.html
+++ b/test/remote/index.html
@@ -3,6 +3,7 @@
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Zoom Player:Remote</title>
+<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 <style type="text/css">
 <!--
 body {
diff --git a/test/session-storage/index.html b/test/session-storage/index.html
index 0cb8d29..4c13f8e 100755
--- a/test/session-storage/index.html
+++ b/test/session-storage/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
 	<title>Test of HTML5 localStorage and sessionStorage persistence</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 
 <body>
diff --git a/test/session-storage/named_frames.html b/test/session-storage/named_frames.html
index 9f7694d..56cd3d8 100755
--- a/test/session-storage/named_frames.html
+++ b/test/session-storage/named_frames.html
@@ -1,9 +1,8 @@
 <html>
   <head>
     <title>VB-99904 test</title>
-
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
     <script>
-
     let namedframe = null;
 
       const start = () => {
@@ -26,15 +25,7 @@
       const showframeNamedPopup = () => {
        namedframe = window.open("show_storage.html", "vb99904", "width=320, height=200");
       };
-
     </script>
-
-    <style>
-      body {
-        background-color: teal;
-        color: white;
-      }
-    </style>
   </head>
 
   <body onload="start()">
diff --git a/test/session-storage/show_storage.html b/test/session-storage/show_storage.html
index 34b662c..bb42d46 100755
--- a/test/session-storage/show_storage.html
+++ b/test/session-storage/show_storage.html
@@ -1,33 +1,27 @@
 <html>
-  <head>
-    <title>VB-99904 test result</title>
+<head>
+	<title>VB-99904 test result</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
+	<script>
+		const sessiondata = "session-data-for-VB-99904";
 
-    <script>
-      const sessiondata = "session-data-for-VB-99904";
+		const start = () => {
+			const result = JSON.stringify(sessionStorage);
+			document.getElementById("results").innerHTML =
+				"sessionStorage : " + result;
+		};
+	</script>
+	<style>
+		.storage-results {color: lime; background-color: black;}
+	</style>
+</head>
 
-      const start = () => {
-        const result = JSON.stringify(sessionStorage);
-        document.getElementById("results").innerHTML =
-          "sessionStorage : " + result;
-      };
-    </script>
+<body onload="start()">
+	<h2>sessionstorage results:</h2>
 
-    <style>
-      body {
-        background-color: teal;
-      }
-      .storage-results {
-        background-color: black;
-        color: green;
-      }
-    </style>
-  </head>
+	<div class="storage-results" id="results"></div>
 
-  <body onload="start()">
-    <h2>sessionstorage results:</h2>
+	<div>Should be 'session-data-for-VB-99904'</div>
+</body>
 
-    <div class="storage-results" id="results"></div>
-
-    <div>Should be 'session-data-for-VB-99904'</div>
-  </body>
 </html>
diff --git a/test/spatial-navigation/frame.html b/test/spatial-navigation/frame.html
index 7303b99..2685115 100755
--- a/test/spatial-navigation/frame.html
+++ b/test/spatial-navigation/frame.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <title>Input focus test</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
   <p><span onclick="alert('You clicked me!')"><button>Button</button></span></p>
diff --git a/test/spatial-navigation/index.html b/test/spatial-navigation/index.html
index a854710..c8cd138 100755
--- a/test/spatial-navigation/index.html
+++ b/test/spatial-navigation/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <title>Spatial Navigation Test Cases</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
   <h1>Spatial Navigation Test Cases</h1>
diff --git a/test/themecolors/color-variable-all.html b/test/themecolors/color-variable-all.html
index 9d03e5e..ba35b0b 100755
--- a/test/themecolors/color-variable-all.html
+++ b/test/themecolors/color-variable-all.html
@@ -1,9 +1,10 @@
 <html>
 <head>
-<title>Themecolors Test Page</title>
-<style>
-div {text-shadow: white 1px 1px; font-weight: bolder; padding: 10px; border-radius: var(--radius);}
-</style>
+	<title>Themecolors Test Page</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
+	<style>
+		div {text-shadow: white 1px 1px; font-weight: bolder; padding: 10px; border-radius: var(--radius);}
+	</style>
 </head>
 <body>
 <div style="background: var(--colorFg)">colorFg</div>
diff --git a/test/translate/index.html b/test/translate/index.html
index 6a39fd7..46991b7 100755
--- a/test/translate/index.html
+++ b/test/translate/index.html
@@ -3,6 +3,7 @@
 <head>
   <title>Translate test</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
 <p>
diff --git a/test/video-filters/index.html b/test/video-filters/index.html
index a300874..2bae1f6 100755
--- a/test/video-filters/index.html
+++ b/test/video-filters/index.html
@@ -2,8 +2,8 @@
 <html>
 	<head>
 		<title>HTML Test Page</title>
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 		<style>
-			body{color: #bbb;background: #501020;}
 			video.important { filter: brightness(250%) hue-rotate(180deg) !important; }
 			video.no-important { filter: brightness(250%) hue-rotate(180deg);  }
 			h3.important { filter: brightness(500%) !important; }
diff --git a/test/video-mkv-aac/index.html b/test/video-mkv-aac/index.html
index 7ed6e5a..d738a62 100755
--- a/test/video-mkv-aac/index.html
+++ b/test/video-mkv-aac/index.html
@@ -2,7 +2,7 @@
 <html>
 	<head>
 		<title>HTML Test Page</title>
-		<style>body{color: #999;background: #501020;}</style>
+		<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 	</head>
 	<body>
 		<center>
diff --git a/test/visited-links/frame.html b/test/visited-links/frame.html
index bfd59d1..0b86a62 100755
--- a/test/visited-links/frame.html
+++ b/test/visited-links/frame.html
@@ -2,6 +2,7 @@
 <html>
 <head>
 	<title>Visited Links Test</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <style>
 /* a:visited {color: red;} */
diff --git a/test/visited-links/index.html b/test/visited-links/index.html
index 022a49a..3aa34da 100755
--- a/test/visited-links/index.html
+++ b/test/visited-links/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
 	<title>Visited Links Test</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <style>
 /* a:visited {color: red;} */
diff --git a/test/visited-links/success.html b/test/visited-links/success.html
index ffdf501..5764e47 100755
--- a/test/visited-links/success.html
+++ b/test/visited-links/success.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <title>HTML Test Page</title>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
 </head>
 <body>
   <p>Success!</p>
diff --git a/test/window-open-crash/index.html b/test/window-open-crash/index.html
index 57b36ba..e075117 100755
--- a/test/window-open-crash/index.html
+++ b/test/window-open-crash/index.html
@@ -1,5 +1,8 @@
 <!DOCTYPE html>
 <html>
+<head>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
+</head>
 <body>
 
 <p>Click the button to open a popup.</p>
diff --git a/test/window-open-crash/popup.html b/test/window-open-crash/popup.html
index ccb06d9..5644a3e 100755
--- a/test/window-open-crash/popup.html
+++ b/test/window-open-crash/popup.html
@@ -1,5 +1,8 @@
 <!DOCTYPE html>
 <html>
+<head>
+	<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
+</head>
 <body>
 
 <p>This is the popup window. It only calls <code>window.open()</code></p>
