Commit a18150f7 authored by Pierre Smeyers's avatar Pierre Smeyers
Browse files

feat: change primary color to coral

parent 56263dac

src/app/app.component.html

+1 −1
Original line number Diff line number Diff line
@@ -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

+9 −0
Original line number Diff line number Diff line
@@ -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

+1 −1
Original line number Diff line number Diff line
@@ -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/assets/img/tbc-50.png

+3.44 KiB (6.55 KiB)
Loading image diff...

src/styles.css

+40 −2
Original line number Diff line number Diff line
@@ -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; 

}