Add more color documentation, Add light buttons to docs

docs/_includes/elements/new-tag.html

@@ -3,13 +3,13 @@
 
 <div class="tags has-addons">
   {% if tag_version_value > current_version_value %}
-    <span class="tag is-warning">Coming soon!</span>
-    <span class="tag is-danger">{{ include.version }}</span>
+    <span class="tag">Coming soon!</span>
+    <span class="tag is-warning">{{ include.version }}</span>
   {% elsif tag_version_value == current_version_value %}
     <span class="tag">New!</span>
     <span class="tag is-success">{{ include.version }}</span>
   {% else %}
     <span class="tag">Since</span>
     <span class="tag is-info">{{ include.version }}</span>
   {% endif %}
-</div>
+</div>

docs/bulma-dark.sass

@@ -0,0 +1,41 @@
+@import ../sass/utilities/initial-variables.sass
+
+// General colors
+
+$scheme-main: $black
+$scheme-main-bis: $black-bis
+$scheme-main-ter: $black-ter
+$scheme-invert: $white
+$scheme-invert-bis: $white-bis
+$scheme-invert-ter: $white-ter
+
+$background: $black-ter
+
+$border: $grey-darker
+$border-hover: $grey-dark
+$border-light: $grey-darker
+$border-light-hover: $grey-dark
+
+// Text colors
+
+$text: $grey-light
+$text-invert: $grey-darker
+$text-light: $grey
+$text-strong: $white
+
+// Link colors
+
+$link-hover: $white
+$link-hover-border: $grey-dark
+
+$link-focus: $white
+$link-focus-border: $blue
+
+$link-active: $white
+$link-active-border: $grey-light
+
+.bd-navbar
+  background-color: $scheme-main-bis
+
+  &.has-shadow
+    box-shadow: none

docs/bulma-docs.sass

@@ -24,7 +24,7 @@ $main-spacing: 3rem
 $intro-width: 1080px
 $sidebar-width: 10.5rem
 
-// @import "./bulma-dark.scss"
+// @import "./bulma-dark"
 @import "../bulma"
 
 %center