Update css

src/css/style.css

@@ -3,6 +3,7 @@
     import css styles
 */
 @import url(https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin-ext);
 @import url(https://css-ui.github.io/css/cssui.min.css);
 @import url(style.tables.css);
 
@@ -11,6 +12,7 @@
 */
 body {
     background-color: #f2f2f2;
+         font-family: 'Open Sans', sans-serif;
 	     padding: 10px 10px 0;
 }
 

src/css/style.tables.css

@@ -23,70 +23,78 @@ table td:first-child {
 /*
     default
 */
+table tr.default th {
+    border: none;
+}
+
+table tr.default td {
+    border: none;
+}
+
 table tr.default:nth-child(even) {
-    background-color: white;
+    background-color: #f2f2f2;
 }
 
 table tr.default:nth-child(odd)  {
-    background-color: #f4f4f4;
+    background-color: white;
 }
 
 /*
     primary
 */
 table tr.primary th {
-    border-color: #7cbae2;
+    border: none;
 }
 
 table tr.primary td {
-    border-color: #7cbae2;
-           color: #1f4259;
+    border: none;
+     color: #27667b;
 }
 
 table tr.primary:nth-child(even) td {
-    background-color: #a0d3f4;
+    background-color: #c1edfb;
 }
 
 table tr.primary:nth-child(odd) td  {
-    background-color: #89c8f1;
+    background-color: white;
 }
 
 /*
     success
 */
 table tr.success th {
-    border-color: #80c75f;
+    border: none;
 }
 
 table tr.success td {
-    border-color: #80c75f;
-           color: #315620;
+    border: none;
+     color: #277b35;
 }
 
 table tr.success:nth-child(even) td {
-    background-color: #aaea8d;
+    background-color: #bdf3c4;
 }
 
 table tr.success:nth-child(odd) td  {
-    background-color: #8edc6b;
+    background-color: white;
 }
 
 /*
     warning
 */
 table tr.warning th {
-    border-color: #d46a6a;
+    border: none;
 }
 
 table tr.warning td {
-    border-color: #d46a6a;
-           color: #542121;
+    border: none;
+     color: #7b2727;
 }
 
 table tr.warning:nth-child(even) td {
-    background-color: #f19f9f;
+    background-color: #f5b9b9;
 }
 
 table tr.warning:nth-child(odd) td  {
-    background-color: #e37b7b;
+    background-color: white;
 }

src/index.html

@@ -16,7 +16,7 @@
 		<div class="wrapper box">
 			<h4>Table default style</h4>
 			<table class="full width">
-				<tr>
+				<tr class="default">
 					<th>#</th>
 					<th>Username</th>
 					<th>Email</th>