New colour schemes for Sugoi CSS

* All text in the site is now dark background light text, this will
  simplify the styling with no unreadable text issues to fix.
* Improved colours for tables

static/styles/sugoi/style.css

@@ -25,7 +25,7 @@ body {
   background-color: #000030;
   font-family: tahoma, helvetica, sans-serif;
   font-size: 8pt;
-  color: #000;
+  color: #c6c9c9;
   min-width: 850px;
 }
 
@@ -38,7 +38,7 @@ body {
 a {
   text-decoration: none;
   border: none;
-  color: #000045;
+  color: white;
 }
 
 a:hover {
@@ -64,13 +64,13 @@ button:focus, input[type=button]:focus, input[type=submit]:focus {
 .forum_post .body a:not([href="#"]), .rule_summary a, .wiki_article a, #actual_rules a, .news_post .pad a, .store_table a {
   text-decoration: none;
   border: none;
-  color: #000045;
+  color: white;
 }
 
 .forum_post .body a:hover:not([href="#"]), .rule_summary a:hover, .wiki_article a:hover, #actual_rules a:hover, .news_post .pad a:hover, .store_table a:hover {
   text-decoration: underline;
   border: none;
-  color: #0B2592;
+  color: white;
 }
 
 h1,h2,h3,h4 {
@@ -143,7 +143,7 @@ ul.thin li { margin:0px 0px; padding:0px; }
   opacity: 0;
   transition: ease-in-out 0.3s;
   transition-delay: 0.7s;
-  color: white;
+  /* color: #c6c9c9;  */
 }
 #footer:hover {
   opacity: 1;
@@ -151,6 +151,9 @@ ul.thin li { margin:0px 0px; padding:0px; }
 #footer a { 
   color: white;
 }
+#footer a:hover {
+  text-decoration: underline;
+}
 
 #logo {
   width: 300px;
@@ -343,9 +346,9 @@ ul.thin li { margin:0px 0px; padding:0px; }
   box-sizing: border-box;
   padding: 2px 2px 2px 4px;
   font-size: 0.9em;
-  background-color: #e0e0e0;
+  background-color: #222f68;
   width: 100%;
-  color: #444;
+  color: #c6c9c9;
 }
 
 #searchbars ul {
@@ -367,7 +370,7 @@ ul.thin li { margin:0px 0px; padding:0px; }
   top: 1em;
   left: 0;
   z-index: 1000;
-  background-color: #999;
+  background-color: #222f68;
   width: 12em;
   margin-top: 12px;
 }
@@ -380,7 +383,7 @@ ul.thin li { margin:0px 0px; padding:0px; }
 }
 
 #searchbars ul li ul li.highlight {
-  background: #D7D7D7;
+  background: #222f68;
 }
 
 #searchbars ul li form {
@@ -409,7 +412,7 @@ ul.thin li { margin:0px 0px; padding:0px; }
   /* border: 1px solid #999; */
   background-color: #0e238b;
   text-align: center;
-  color: #444;
+  color: #c6c9c9;
   font-weight: bold;
   font-size: 0.95em;
   width: 350px;
@@ -417,11 +420,10 @@ ul.thin li { margin:0px 0px; padding:0px; }
   padding: 10px;
 }
 .alertbar a {
-  color: #e6e6e6;
+  color: white;
   text-decoration: underline;
 }
 .alertbar a:hover {
-  color: #f2f2f2;
   text-decoration: none;
 }
 
@@ -511,7 +513,7 @@ p.min_padding {
 
 .box {
   font-size: 8pt;
-  background-color: #EEE;
+  background-color: #222f68;
   /* border: 1px solid #666666; */
   border: none;
   margin-bottom: 10px;
@@ -524,7 +526,7 @@ p.min_padding {
 .box2 {
   margin-bottom: 10px;
   font-size: 8pt;
-  background-color: #EAEAEA;
+  background-color: #222f68;
   /* border: 1px solid #666666; */
   border: none;
 }
@@ -532,7 +534,7 @@ p.min_padding {
 .pad h3, .pad h4, .padbox h3, .padbox h4 {
   margin-top: 0px;
   padding-top: 0px;
-  color: black;
+  color: white;
 }
 
 .sidebar {
@@ -578,11 +580,10 @@ color: #FFFFFF;
 }
 
 .tags a {
-  color: #222;
+  color: white;
 }
 
 .tags a:hover {
-  color: #444;
   text-decoration: underline;
 }
 
@@ -601,7 +602,7 @@ table {
 }
 
 tr {
-  background-color: #EEE;
+  background-color: #222f68;
 }
 
 td, th {
@@ -744,7 +745,7 @@ ul.poll li.graph {
 .filter_torrents {
   width: 750px;
   margin: auto;
-  background: #EEE;
+  background: #222f68;
 }
 
 .filter_torrents .submit {
@@ -753,8 +754,8 @@ ul.poll li.graph {
 }
 
 .filter_torrents .ft_cat_list {
-  border-top: 1px solid #AAA;
-  border-bottom: 1px solid #AAA;
+  border-top: 1px solid #222f68;
+  border-bottom: 1px solid #222f68;
 }
 
 #content form.search_form + .torrent_table {
@@ -774,10 +775,6 @@ ul.poll li.graph {
   vertical-align: middle;
 }
 
-.torrent_table a {
-  color: black;
-}
-
 h3 a {
   color: white;
 }
@@ -795,13 +792,13 @@ h3 a {
 }
 
 .torrent_table tr.group {
-  background-color: #cfcfcf;
+  background-color: #2b4297;
 }
 .torrent_table tr.group_torrent {
-  background-color: #eeeeee;
+  background-color: #222f68;
 }
 .torrent_table tr.torrent {
-  background-color: #ddd;
+  background-color: #222f68;
 }
 
 .torrent_table tr.group td.center:first-child {
@@ -809,10 +806,10 @@ h3 a {
   width: 21px;
 }
 .torrent_table tr.torrent:nth-child(2n) {
-  background-color: #6687ff;
+  background-color: #07123c;
 }
 .torrent_table tr.torrent:nth-child(2n-1) {
-  background-color: #4d73ff;
+  background-color: #293c80;
 }
 /*
 It is not possible to .addClass() nth-child so a new style must be created with
@@ -820,13 +817,10 @@ the same css attributes as the nth-child lines above.
 Also defining an extra style class with nth-child also does not work so an extra
 css block is needed for .rowlight and .rowdark*/
 .torrent_table tr.torrent.rowlight {
-  background-color: #6687ff;
+  background-color: #07123c;
 }
 .torrent_table tr.torrent.rowdark {
-  background-color: #4d73ff;
-}
-.torrent_table tr.group {
-  background-color: #335fff;
+  background-color: #293c80;
 }
 
 .torrent_table div.tags {
@@ -854,7 +848,7 @@ css block is needed for .rowlight and .rowdark*/
 
 /* Layout (Forums) */
 
-.last_read {margin-left: 5px; fill: #A9A9A9;}
+.last_read {margin-left: 5px; fill: #222f68;}
 .colhead_dark .last_read {fill: #DC86E0;}
 
 .unread_locked_sticky{background: url(images/locked_sticky_unread.png) no-repeat center center;}
@@ -868,7 +862,7 @@ css block is needed for .rowlight and .rowdark*/
 strong.quoteheader {color: #000;}
 
 tr.row:nth-of-type(odd) {
-  background-color: #E2E2E2;
+  background-color: #293c80;
 }
 
 table.forum_post {