UI : less colorfull for not blinding users

miscellaneous/bulma/bulma.scss

@@ -19,6 +19,9 @@ $primary: $secondary-color;
 $dark: $primary-color;
 $light: $secondary-color;
 $radius-small: 2px;
+$danger: $nice-red;
+$success: $deep-green;
+$link: $secondary-color;
 
 // Bulma's component variables
 $body-background-color: $third-color;
@@ -36,8 +39,6 @@ $modal-card-head-background-color: $light;
 $modal-card-head-radius: $radius-small;
 $tabs-toggle-link-active-border-color: $primary-color;
 $tabs-toggle-link-active-background-color: $primary-color;
-$danger: $nice-red;
-$success: $deep-green;
 
 // Bulma imports
 @import "node_modules/bulma/sass/utilities/_all";

web/index.html

@@ -17,13 +17,13 @@
     <nav id="navbar" class="navbar is-dark is-fixed-top" role="navigation" aria-label="main navigation"></nav>
 
     <!-- Main content-->
-    <section class="section" id="main" style="margin-bottom: 230px;"></section>
+    <section class="section" id="main" style="margin-bottom: 230px"></section>
     <div id="spinner" class="spinner">
       <img src="assets/spinner.svg" alt="spinner" />
     </div>
 
     <!-- Footer -->
-    <nav aria-label="footer-nav" class="navbar is-dark is-fixed-bottom">
+    <nav aria-label="footer-nav" class="navbar is-fixed-bottom">
       <div class="navbar-brand">
         <div class="navbar-item">
           <div class="buttons">
@@ -43,8 +43,8 @@
                   <path
                     fill="currentColor"
                     d="M105.2 24.9c-3.1-8.9-15.7-8.9-18.9 0L29.8 199.7h132c-.1 0-56.6-174.8-56.6-174.8zM.9 287.7c-2.6 8 .3 16.9 7.1 22l247.9 184-226.2-294zm160.8-88l94.3 294 94.3-294zm349.4 88l-28.8-88-226.3 294 247.9-184c6.9-5.1 9.7-14 7.2-22zM425.7 24.9c-3.1-8.9-15.7-8.9-18.9 0l-56.6 174.8h132z"
-                  ></path></svg
-                >
+                  ></path>
+                </svg>
               </span>
             </a>
           </div>