diff --git a/src/app/app.component.html b/src/app/app.component.html
index 3b63ee823486cfbb21650797ab160c1abd646fcd..53012e8dfba94a0ff295e2488a26d91c0595dfe0 100644
--- a/src/app/app.component.html
+++ b/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>
diff --git a/src/app/stepbar/stepbar.component.css b/src/app/stepbar/stepbar.component.css
index ead5a5d5e6231de2969d486c8140ce7fe53354f1..5e4c75c27f429797b40b941f6ac554da3478eade 100644
--- a/src/app/stepbar/stepbar.component.css
+++ b/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;
+}
diff --git a/src/app/variable-editor/variable-editor.component.css b/src/app/variable-editor/variable-editor.component.css
index 439b012980732f3af7dd2aff6543efd265255f04..82bbd99af6149d5e85267a72ae1175fd531ebaa4 100644
--- a/src/app/variable-editor/variable-editor.component.css
+++ b/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;
diff --git a/src/assets/img/tbc-50.png b/src/assets/img/tbc-50.png
index ddd04245f3a5148de3586479b3b723359c195803..0d0913eeb2ddadee5a87fc1e8778d769ef40b8c3 100644
Binary files a/src/assets/img/tbc-50.png and b/src/assets/img/tbc-50.png differ
diff --git a/src/styles.css b/src/styles.css
index 7ea189cabad2e43896cc7a85bd8b2cfcdba5a61a..210618c0b1b718615547d1b000b2b22636e7d7a9 100644
--- a/src/styles.css
+++ b/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;
 }
@@ -174,4 +176,40 @@ markdown p {
 }
 .hide {
   display: none !important;
-}
\ No newline at end of file
+}
+.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; 
+}