added more themes, update readme.md

sass/_vendor/superhero/_overrides.scss

@@ -0,0 +1,123 @@
+// Overrides
+@if $bulmaswatch-import-font {
+  @import url("https://fonts.googleapis.com/css?family=Lato:300, 400, 700");
+}
+
+.section {
+  background-color: $body-background-color;
+}
+
+.hero {
+  background-color: $body-background-color;
+}
+
+.button {
+  &.is-hovered,
+  &:hover {
+    background-color: darken($button-background-color, 3%);
+  }
+  @each $name, $pair in $colors {
+    $color: nth($pair, 1);
+    $color-invert: nth($pair, 2);
+
+    &.is-#{$name} {
+      &.is-hovered,
+      &:hover {
+        background-color: darken($color, 3%);
+      }
+    }
+  }
+
+  &.is-loading:after {
+    border-color: transparent transparent $grey-light $grey-light;
+  }
+}
+
+.label {
+  color: $grey-lighter;
+}
+
+.notification {
+  @each $name, $pair in $colors {
+    $color: nth($pair, 1);
+    $color-invert: nth($pair, 2);
+
+    &.is-#{$name} {
+      a:not(.button) {
+        color: $color-invert;
+        text-decoration: underline;
+      }
+    }
+  }
+}
+
+.card {
+  border: 1px solid $border;
+  border-radius: $radius;
+
+  .card-image {
+    img {
+      border-radius: $radius $radius 0 0;
+    }
+  }
+
+  .card-header {
+    border-radius: $radius $radius 0 0;
+  }
+
+  .card-footer,
+  .card-footer-item {
+    border-width: 1px;
+    border-color: $border;
+  }
+}
+
+.modal-card-body {
+  background-color: $body-background-color;
+}
+
+.navbar {
+  &.is-transparent {
+    background-color: transparent;
+  }
+
+  @include touch {
+    .navbar-menu {
+      background-color: transparent;
+    }
+  }
+
+  @each $name, $pair in $colors {
+    $color: nth($pair, 1);
+    $color-invert: nth($pair, 2);
+
+    &.is-#{$name} {
+      @include touch {
+        .navbar-item,
+        .navbar-link {
+          color: $color-invert;
+
+          &.is-active {
+            color: rgba($color-invert, 0.7);
+          }
+        }
+
+        .navbar-burger {
+          span {
+            background-color: $color-invert;
+          }
+        }
+      }
+    }
+  }
+}
+
+.hero {
+  .navbar {
+    .navbar-dropdown {
+      .navbar-item {
+        color: $grey-lighter;
+      }
+    }
+  }
+}