Commit 3adfb831 authored by Pierre Smeyers's avatar Pierre Smeyers
Browse files

style: darker primary coral

parent 7b29976f

src/app/stepbar/stepbar.component.css

+1 −1
Original line number Diff line number Diff line
@@ -84,7 +84,7 @@ 
}



.stepped-process-item.active {

  background-color: #f88378 !important;

  background-color: #ea7070 !important;

}

.stepped-process-item.active a {

  color: #ffffff !important;

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: #f88378;

  color: #ea7070;

  font-weight: normal;

  position: relative;

  top: -0.5em;

src/styles.css

+16 −16
Original line number Diff line number Diff line
@@ -9,8 +9,8 @@ html, body { 
:root {

  /* force no copyrighted font */

  --font-family-sans-serif: Helvetica,Arial,sans-serif;

  --primary-color: #f88378;

  --text-color: #f88378;

  --primary-color: #ea7070;

  --text-color: #ea7070;

}



/* use all available width up to 1320px */
@@ -46,7 +46,7 @@ markdown p { 
  border-color: #000 !important;

}

.btn-group-toggle>.btn-secondary:hover {

  color: #f88378;

  color: #ea7070;

  background-color: #fff;

  border-color: #ccc;

}
@@ -178,38 +178,38 @@ markdown p { 
  display: none !important;

}

.nav-link:hover {

  color: #f88378 !important; 

  color: #ea7070 !important; 

}

.navbar-nav .nav-link.active {

  color: #f88378 !important; 

  color: #ea7070 !important; 

}

.btn-toggle:hover {

  color: #f88378 !important; 

  color: #ea7070 !important; 

}

.btn-toggle:active {

  color: #fff !important; 

  background-color: #f88378 !important; 

  border-color: #f88378 !important; 

  background-color: #ea7070 !important; 

  border-color: #ea7070 !important; 

}

.form-check-input:checked {

  background-color: #f88378 !important; 

  border-color: #f88378 !important;   

  background-color: #ea7070 !important; 

  border-color: #ea7070 !important;   

}

.form-check-input:active {

  background-color: #f88378 !important; 

  border-color: #f88378 !important;   

  background-color: #ea7070 !important; 

  border-color: #ea7070 !important;   

}

.title:hover {

  color: #f88378 !important;   

  color: #ea7070 !important;   

}

.title {

  color: #fff !important;   

}

a:hover {

  color: #f88378 !important;   

  color: #ea7070 !important;   

}

.btn-secondary:active {

  color: #fff !important; 

  background-color: #f88378 !important; 

  border-color: #f88378 !important; 

  background-color: #ea7070 !important; 

  border-color: #ea7070 !important; 

}