changed default color for text & title

diff --git a/src/sass/main.sass b/src/sass/main.sass
index 632ff6089c86773850dcbbc620f1eeb250f7e119..e027d9562e6a42ca3d69dd14be62e5b0d36f4b0b 100644 (file)
--- a/src/sass/main.sass
+++ b/src/sass/main.sass
@@ -11,6 +11,7 @@ $primary:                                             #ff2e52
 $green:                                                        #3adb76
 $yellow:                                               #e7e247
 $red:                                                  #cc4b47
+$black:                         #000000
 
 // Custom Colours
 $lwl:                                                   #6534C8
@@ -20,9 +21,22 @@ $custom-colors: ("lwl" : ($lwl, $white))
 // Use the primary colour for links
 $link:                                                 #000000
 
+// Use black for titles
+$title-color:                   $black
+
+// Use dark grey for text
+$text:                          #4f4f4f
+
+@import "../third-party/bulma/sass/utilities/derived-variables.sass"
+
 // Controls
 $control-border-width:                                  4px
 
+// Breadcrumbs
+$breadcrumb-item-color:         $primary
+$breadcrumb-item-hover-color:   $primary-dark
+$breadcrumb-item-active-color:  $primary
+
 // Import Bulma
 @import "../third-party/bulma/sass/utilities/_all.sass"
 @import "../third-party/bulma/sass/base/_all.sass"

diff --git a/src/templates/static/legal.html b/src/templates/static/legal.html
index 67733d033a62012ca2ed828b1585fffa2d09f2b4..f75de1294ff64ef0d144016e86fb813911052448 100644 (file)
--- a/src/templates/static/legal.html
+++ b/src/templates/static/legal.html
@@ -8,16 +8,16 @@
                        <p class="title">
                                <nav class="breadcrumb is-medium" aria-label="breadcrumbs">
                                        <ul>
-                                         <li><a class="is-underlined  has-text-primary" href="/">Home</a></li>
-                                         <li class="is-active"><a class="has-text-primary" href="#" aria-current="page">Legal</a></li>
+                                               <li>
+                                                       <a href="/">Home</a>
+                                               </li>
+                                               <li class="is-active">
+                                                       <a href="#" aria-current="page">Legal</a>
+                                               </li>
                                        </ul>
-                                 </nav>
-                       </p>
-                       <p class="title">
-                               <div class="container">
-                                       <h1 class="title is-1 has-text-black">{{ _("Legal") }}</h1>
-                               </div>
+                               </nav>
                        </p>
+                       <h1 class="title is-1">{{ _("Legal") }}</h1>
                </div>
        </section>