adding

dist/plain-ui.css

@@ -898,11 +898,14 @@ img.media {
   padding: 0.5em 1.25em;
 }
 .table th {
-  border-bottom: 1px solid #8b8b8b;
+  color: white;
-  background-color: #e4e4e4;
+  background-color: #3e3e3e;
 }
 .table tr:hover {
-  background-color: #e4e4e4;
+  background-color: #585858;
+}
+.table tr:hover td {
+  color: white;
 }
 
 .hero {

src/scss/components/_table.scss

@@ -37,12 +37,16 @@
         }
 
         th {
-            border-bottom: 1px solid lighten($plain-ui__primary-light, 30%);
+            color: white;
-            background-color: lighten($plain-ui__primary-light, 65%);
+            background-color: $plain-ui__primary-light;
         }
 
         tr:hover {
-            background-color: lighten($plain-ui__primary-light, 65%);
+            background-color: lighten($plain-ui__primary-light, 10%);
+
+            td {
+                color: white;
+            }
         }
     }
 }

src/scss/components/_table0.scss

@@ -1,67 +0,0 @@
-/**
- *  components: table
- *
- *  <table class="table table--striped">
- *      <thead>
- *          <tr>
- *              <th>name</th>
- *              <th>age</th>
- *          </tr>
- *      </thead>
- *      <tbody>
- *          <tr>
- *              <td>The Shawshank Redemption</td>
- *              <td>12</td>
- *          </tr>
- *      </tbody>
- *  </table>
- *
- *  @author Björn Hase, Tentakelfabrik
- *  @license http://opensource.org/licenses/MIT The MIT License
- *  @link https://github.com/tentakelfabrik/crispy-css
- *
- */
-
-$crispy__table__padding: $crispy__padding !default;
-$crispy__table__padding-breakpoints: $crispy__padding-breakpoints !default;
-
-$crispy__table__td__border: 1px solid $crispy__color-border !default;
-$crispy__table__th__border-width: 2px !default;
-
-$crispy__table__color: $crispy__color-text !default;
-$crispy__table__striped__background-color: $crispy__color-grey-light !default;
-
-@mixin crispy__table() {
-    .table {
-        width: 100%;
-
-        &--striped {
-            tr {
-                &:nth-child(even) {
-                    background-color: $crispy__table__striped__background-color;
-                }
-            }
-        }
-
-        &--scroll {
-            overflow-x: auto;
-        }
-
-        td {
-            color: $crispy__table__color;
-        }
-
-        td,
-        th {
-            text-align: left;
-            border-bottom: $crispy__table__td__border;
-
-            padding: $crispy__table__padding;
-            @include crispy__media-breakpoints('padding', $crispy__table__padding-breakpoints);
-        }
-
-        th {
-            border-bottom-width: $crispy__table__th__border-width;
-        }
-    }
-}