diff --git a/src/app/app.component.html b/src/app/app.component.html
index 3b63ee823486cfbb21650797ab160c1abd646fcd..99555d9611506202a553643eb883e3a049a3e42e 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -41,6 +41,5 @@
 
 <footer class="footer navbar-dark bg-dark mt-4 py-2">
   <div class="container">
-    <span class="text-muted">© Orange 2019</span>
   </div>
 </footer>
diff --git a/src/app/stepbar/stepbar.component.css b/src/app/stepbar/stepbar.component.css
index ead5a5d5e6231de2969d486c8140ce7fe53354f1..4cd8245328548c7821a8b050dbee49035316a5d4 100644
--- a/src/app/stepbar/stepbar.component.css
+++ b/src/app/stepbar/stepbar.component.css
@@ -82,4 +82,7 @@
 .stepped-process-item:nth-child(8) {
   z-index: 1;
 }
-
+.stepped-process-item.active {
+  color: #ffffff !important;
+  background-color: #4170d8 !important;
+}
diff --git a/src/app/templates-section/templates-section.component.css b/src/app/templates-section/templates-section.component.css
index 0e1988c76128814b67afcbb2b7d3a8ba69b09826..080b4d60ba762af7184be9ebbbc8ec2b2c156953 100644
--- a/src/app/templates-section/templates-section.component.css
+++ b/src/app/templates-section/templates-section.component.css
@@ -18,6 +18,7 @@
 }
 .readme:hover {
   text-decoration: underline;
+  color: #4170d8;
 }
 /* extension badge */
 .extension-badge {
diff --git a/src/app/variable-editor/variable-editor.component.css b/src/app/variable-editor/variable-editor.component.css
index 439b012980732f3af7dd2aff6543efd265255f04..4047e3be55038d2486bf33198a2c21747de381f3 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: #4170d8;
   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..956fe395ded4588bd0882633cfc6dce1cc49d13b 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..bf2f351868d48c314acdaad2c1b7472f50c3c273 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -9,6 +9,9 @@ html, body {
 :root {
   /* force no copyrighted font */
   --font-family-sans-serif: Helvetica,Arial,sans-serif;
+  --primary-color: #4170d8;
+  --text-color: #4170d8;
+  --background-color: #4170d8;
 }
 
 /* use all available width up to 1320px */
@@ -44,7 +47,7 @@ markdown p {
   border-color: #000 !important;
 }
 .btn-group-toggle>.btn-secondary:hover {
-  color: #f16e00;
+  color: #4170d8;
   background-color: #fff;
   border-color: #ccc;
 }
@@ -174,4 +177,40 @@ markdown p {
 }
 .hide {
   display: none !important;
+}
+.nav-link:hover {
+  color: #4170d8 !important; 
+}
+.navbar-nav .nav-link.active {
+  color: #4170d8 !important; 
+}
+.btn-toggle:hover {
+  color: #4170d8 !important; 
+}
+.btn-toggle:active {
+  color: #fff !important; 
+  background-color: #4170d8 !important; 
+  border-color: #4170d8 !important; 
+}
+.form-check-input:checked {
+  background-color: #4170d8 !important; 
+  border-color: #4170d8 !important;   
+}
+.form-check-input:active {
+  background-color: #4170d8 !important; 
+  border-color: #4170d8 !important;   
+}
+.title:hover {
+  color: #4170d8 !important;   
+}
+.title {
+  color: #fff !important;   
+}
+a:hover {
+  color: #4170d8 !important;   
+}
+.btn-secondary:active {
+  color: #fff !important; 
+  background-color: #4170d8 !important; 
+  border-color: #4170d8 !important; 
 }
\ No newline at end of file