feat: change primary color to coral

src/app/app.component.html

@@ -41,6 +41,6 @@
 
 <footer class="footer navbar-dark bg-dark mt-4 py-2">
   <div class="container">
-    <span class="text-muted">© Orange 2019</span>
+    <!-- <span class="text-muted">© copyright here</span> -->
   </div>
 </footer>

src/app/stepbar/stepbar.component.css

@@ -83,3 +83,12 @@
   z-index: 1;
 }
 
+.stepped-process-item.active {
+  background-color: #f88378 !important;
+}
+.stepped-process-item.active a {
+  color: #ffffff !important;
+}
+.stepped-process-item a {
+  text-decoration: none;
+}

src/app/variable-editor/variable-editor.component.css

@@ -25,7 +25,7 @@ input:invalid {
 }
 .form-group.advanced>.col-form-label::after {
   content: "ADV.";
-  color: #f16e00;
+  color: #f88378;
   font-weight: normal;
   position: relative;
   top: -0.5em;

src/styles.css

@@ -9,6 +9,8 @@ html, body {
 :root {
   /* force no copyrighted font */
   --font-family-sans-serif: Helvetica,Arial,sans-serif;
+  --primary-color: #f88378;
+  --text-color: #f88378;
 }
 
 /* use all available width up to 1320px */
@@ -44,7 +46,7 @@ markdown p {
   border-color: #000 !important;
 }
 .btn-group-toggle>.btn-secondary:hover {
-  color: #f16e00;
+  color: #f88378;
   background-color: #fff;
   border-color: #ccc;
 }
@@ -175,3 +177,39 @@ markdown p {
 .hide {
   display: none !important;
 }
+.nav-link:hover {
+  color: #f88378 !important; 
+}
+.navbar-nav .nav-link.active {
+  color: #f88378 !important; 
+}
+.btn-toggle:hover {
+  color: #f88378 !important; 
+}
+.btn-toggle:active {
+  color: #fff !important; 
+  background-color: #f88378 !important; 
+  border-color: #f88378 !important; 
+}
+.form-check-input:checked {
+  background-color: #f88378 !important; 
+  border-color: #f88378 !important;   
+}
+.form-check-input:active {
+  background-color: #f88378 !important; 
+  border-color: #f88378 !important;   
+}
+.title:hover {
+  color: #f88378 !important;   
+}
+.title {
+  color: #fff !important;   
+}
+a:hover {
+  color: #f88378 !important;   
+}
+.btn-secondary:active {
+  color: #fff !important; 
+  background-color: #f88378 !important; 
+  border-color: #f88378 !important; 
+}