diff --git a/shell/report.c b/shell/report.c
index 28abe1a9..c872ddaa 100644
--- a/shell/report.c
+++ b/shell/report.c
@@ -435,20 +435,24 @@ static void report_html_header(ReportContext * ctx)
 	("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Final//EN\">\n"
 	 "<html><head>\n" "<title>HardInfo (%s) System Report</title>\n"
 	 "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">\n"
-	 "<style>\n" "    body    { background: #fff }\n"
-	 "    .title  { font: bold 130%% serif; color: #0066FF; padding: 30px 0 10px 0 }\n"
-	 "    .stitle { font: bold 100%% sans-serif; color: #0044DD; padding: 0 0 0 0; }\n"
-	 "    .sstitle{ font: bold 80%% serif; color: #000000; background: #efefef }\n"
-	 "    .field  { font: 80%% sans-serif; color: #000000; padding: 2px; }\n"
-	 "    .value  { font: 80%% sans-serif; color: #505050 }\n"
-	 "    .hilight  { font: bold 110%% sans-serif; color: #000000; background: #ffff66 }\n"
-	 "    table.details { margin-left: 50px; }\n"
-	 "    td.icon { width: 1.2em; padding-left: 1.2em; }\n"
-	 "    td.icon img  { width: 1.2em; }\n"
-	 "    td.icon div { display: block; box-sizing: border-box; -moz-box-sizing: border-box;\n"
-	 "        width: 1.2em; height: 1.2em; background-position: right; }\n"
-	 "    td.icon_subtitle div { display: block; box-sizing: border-box; -moz-box-sizing: border-box;\n"
-	 "        width: 1.8em; height: 1.8em; background-position: right; }\n"
+	 "<style>\n" "    body { background: #003B46 }\n"
+     "    table { width: 90vw; border-collapse: collapse; margin: 25px 0 2rem 20px; font-size: 0.9em; font-family: sans-serif; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); background: #07575B; }\n"
+     "    table tr:hover td:not(.stitle, .sstitle, .icon_subtitle)  { background-color: #C4DFE6 !important; color: #07575B; }\n"
+     "    .title  { font: bold 3em serif; color: #07575B; margin: 0 20px 0 20px; padding: 0 0 10px 0; font-family: Arial, sans-serif; -webkit-text-stroke: 1px #C4DFE6; text-shadow: 2px 2px 2px #C4DFE6; }\n"
+     "    .stitle { font: bold 2em sans-serif; padding: 10px 0 10px 10px; color: #07575B; font-family: Arial, sans-serif; }\n"
+     "    .sstitle{ font: bold 1.25em serif; padding: 10px 0 10px 10px; color: #C4DFE6; font-family: Arial, sans-serif; background: #07575B; border-bottom: 2px solid #009879; border-top: 2px solid #009879;}\n"
+     "    .field  { font: 1em sans-serif; color: #C4DFE6; padding: 2px; font-family: Arial, sans-serif; min-width: auto; width: 300px !important; }\n"
+     "    .value  { font: 1em sans-serif; color: #C4DFE6; font-family: Arial, sans-serif; }\n"
+     "    table.details { margin-left: 50px; }\n"
+     "    tr:nth-of-type(1) { background-color: #009879; color: #ffffff; text-align: left; }\n"
+     "    tr:last-of-type { border-bottom: 2px solid #009879; }\n"
+     "    td.icon_subtitle { width: 30px; }\n"
+     "    td:not(.stitle, .sstitle, .icon_subtitle) { padding: 12px 15px; border-bottom: 1px solid #dddddd; }\n"
+     "    td.icon { min-width: 27px; }\n"
+     "    td.icon img  { width: 1.2em; }\n"
+     "    td.icon div { display: block; box-sizing: border-box; -moz-box-sizing: border-box; width: 1.2em; height: 1.2em; background-position: right; }\n"
+     "    td.icon_subtitle div { display: block; box-sizing: border-box; -moz-box-sizing: border-box; margin-left: 15px; width: 1.8em; height: 1.8em; background-position: right; }\n"
+     "    @media print { table { width: 90% ; border-collapse: collapse; margin: 25px 0 2rem 20px; font-size: 0.9em; font-family: sans-serif; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); background: #07575B; } }\n"
 	 "</style>\n" "</head><body>\n",
 	 VERSION);
 }
