some style

app/Resources/views/default/main-screen.html.twig

@@ -3,7 +3,7 @@
     {% include 'default/header.html.twig' %}
 
     {% block body %}
-        <div class="main-screen">
+        <div class="main-screen" id="homepage">
             <div id="welcome">
                 <section class="bg-accessories">
                     <div class="bg-shader">

assets/css/pages/global.scss

@@ -4,6 +4,11 @@ body {
   color: $all-text-color;
 }
 
+.navbar-inverse {
+  background-color: rgba(0, 0, 0, 0.25);
+  border-color: #090909;
+}
+
 #wrapper {
   min-height: 100vh;
 }
@@ -41,10 +46,10 @@ body {
 }
 
 .bg-color {
-  background: #1b6d85;
+  background: $deepblue;
-  color: white;
+  color: $light;
   a {
-    color: lightblue;
+    color: $lightblue;
   }
   padding: 1rem;
 }

assets/css/pages/home.scss

@@ -2,7 +2,7 @@
 .main-section {
   padding: 1rem;
   display: flex;
-  color: white;
+  color: $light;
   justify-content: center;
   h1 {
     font-size: 4em;
@@ -18,6 +18,13 @@
 }
 
 .product-values {
-  color: white;
+  color: $light;
   padding: 4rem;
+  padding-top: 25vh;
+}
+
+#homepage {
+  h2, h3, h4, h5, h6 {
+    color: $light;
+  }
 }

assets/css/split/custom_vars.scss

@@ -1,4 +1,7 @@
 $dark: #222;
 $light: #dedede;
-$logo-color: mix(mediumslateblue, white);
+$deepblue: #1b6d85;
-$all-text-color: mix(mediumslateblue, $light);
+$lightblue: lightblue;
+
+$logo-color: mix($deepblue, $light);
+$all-text-color: mix($deepblue, $light);

assets/css/split/formulaires.scss

@@ -9,7 +9,7 @@ table {
 }
 
 .btn-primary {
-  background: $all-text-color;
+  background: $deepblue;
 }
 
 .product-box {