fix: fix multiple color/contrast issues

pieterlukasse · pieterlukasse · commit 966a9842eecb · 2025-01-02T17:54:11.000+01:00
diff --git a/js/components/checks/warnings-badge.less b/js/components/checks/warnings-badge.less
@@ -1,15 +1,15 @@
 .warnings-badge {
 	display: inline-block;
 	span {
-		color: #e3e3e3;
+		color: #FAFAFA;
 		&.warning-alarm {
-			background-color: #ff001a;
+			background-color: #E60017;
 		}
 		&.warning-info {
-			background-color: #337ab7;
+			background-color: #3174AF;
 		}
 		&.warning-warn {
-			background-color: #d82;
+			background-color: #A36519;
 		}
 	}
 }
diff --git a/js/components/conceptset/conceptset-list.less b/js/components/conceptset/conceptset-list.less
@@ -11,8 +11,8 @@
 
   &__conceptset-tabs .tabs__header-title {
     font-size: 1.2rem;
-    background-color: #888;
-    color: #ccc;
+    background-color: #696969;
+    color: #EBEBEB;
   }
 
   &__conceptset-tabs .tabs__header-title--selected {
diff --git a/js/components/tabs.less b/js/components/tabs.less
@@ -21,8 +21,8 @@
       padding: 5px 12px;
       margin-right: 5px;
       cursor: pointer;
-      color: #ccc;
-      background-color: #888;
+      color: #EBEBEB;
+      background-color: #696969;
       
       &--selected {
         background: #fff;
diff --git a/js/config/terms-and-conditions.less b/js/config/terms-and-conditions.less
@@ -31,4 +31,8 @@
             }
         }
     }
+    // rule for underlining links
+    a {
+        text-decoration: underline;
+    }
 }
diff --git a/js/pages/cohort-definitions/cohort-definition-manager.css b/js/pages/cohort-definitions/cohort-definition-manager.css
@@ -11,33 +11,33 @@
 }
 
 .nav-tabs li span.warning-alarm, .nav-tabs li span.warning-alarm:hover {
-    background-color: #ff001a;
+    background-color: #CC0014;
     color: #e3e3e3;
 }
 
 .nav-tabs li.active span.warning-alarm, .nav-tabs li.active span.warning-alarm:hover {
     color: #fefefe;
-    border-color: #ff001a;
+    border-color: #D10015;
 }
 
 .nav-tabs li span.warning-info, .nav-tabs li span.warning-info:hover {
-    background-color: #337ab7;
+    background-color: #2C679B;
     color: #e3e3e3;
 }
 
 .nav-tabs li.active span.warning-info, .nav-tabs li.active span.warning-info:hover {
     color: #fefefe;
-    border-color: #337ab7;
+    border-color: #2D6A9F;
 }
 
 .nav-tabs li span.warning-warn, .nav-tabs li span.warning-warn:hover {
-    background-color: #d82;
-    color: #e3e3e3;
+    background-color: #A36519;
+    color: #FAFAFA;
 }
 
 .nav-tabs li.active span.warning-warn, .nav-tabs li.active span.warning-warn:hover {
-    color: #fefefe;
-    border-color: #d82;
+    color: #FAFAFA;
+    border-color: #A36519;
 }
 
 .nowrap {
diff --git a/js/pages/incidence-rates/ir-manager.less b/js/pages/incidence-rates/ir-manager.less
@@ -1,27 +1,27 @@
 .nav-tabs {
     li span.warning-alarm, li span.warning-alarm:hover {
-        background-color: #ff001a;
+        background-color: #CC0014;
         color: #e3e3e3;
     }
 
     li.active span.warning-alarm, li.active span.warning-alarm:hover {
         color: #fefefe;
-        border-color: #ff001a;
+        border-color: #D10015;
     }
 
     li span.warning-info, li span.warning-info:hover {
-        background-color: #337ab7;
+        background-color: #2C679B;
         color: #e3e3e3;
     }
 
     li.active span.warning-info, li.active span.warning-info:hover {
         color: #fefefe;
-        border-color: #337ab7;
+        border-color: #2D6A9F;
     }
 
     li span.warning-warn, li span.warning-warn:hover {
-        background-color: #d82;
-        color: #e3e3e3;
+        background-color: #A36519;
+        color: #FAFAFA;
     }
 
     li.active span.warning-warn, li.active span.warning-warn:hover {
diff --git a/js/styles/atlas.css b/js/styles/atlas.css
@@ -62,7 +62,7 @@ td.id-column {
 }
 
 .asset-heading {
-  background-color: #333333;
+  background-color: #242424;
   padding: 7px;
   white-space: nowrap;
   color: #fff;
@@ -278,7 +278,7 @@ pre span.key {
 
 .wrapperTitle {
   position: relative;
-  background-color: #333333;
+  background-color: #242424;
   height: 28px;
   color: #fff;
   line-height: 28px;
@@ -835,7 +835,7 @@ input.btn.btn-default {
 g.trellisLegend {}
 
 .loading {
-  color: #A5B3BD;
+  color: #757575;
   font-size: 14px;
   text-align: center;
   padding-top: 10px;
@@ -1464,14 +1464,14 @@ div.button-overlay {
 
 .nav>li>a {
   padding: 5px 10px 5px 10px;
-  background-color: #888;
-  color: #ccc;
+  background-color: #696969;
+  color: #EBEBEB;
 }
 
 .nav-tabs li a, .nav-tabs li a:hover {
-  color: #ccc;
+  color: #EBEBEB;
   line-height: 15px;
-  background-color: #888;
+  background-color: #696969;
 }
 
 .nav-pills li a:hover {
@@ -1574,7 +1574,7 @@ li.current-asset {
 }
 
 .release-notes {
-  background-color: #eee;
+  background-color: #fff;
   margin: 3px;
   padding: 5px;
   border: solid 1px #ddd;
@@ -1588,6 +1588,12 @@ li.current-asset {
   /* margin: 10px; */
 }
 
+.release-notes a,
+.home-welcome a, 
+.home-documentation a {
+    text-decoration: underline;
+}
+
 .home-documentation .fa {
   font-size: 18px;
 }
@@ -1958,7 +1964,7 @@ ul.nav-tabs a i.fa.fa-question-circle-o {
 }
 
 .cohort-definition-panel .optionDescription {
-  color: #888;
+  color: #757575;
   font-size: 10px;
 }
 
diff --git a/js/styles/bootstrap.min.css b/js/styles/bootstrap.min.css

Original file line number	Diff line number	Diff line change
`@@ -1,15 +1,15 @@`
`1`	`1`	`.warnings-badge {`
`2`	`2`	`display: inline-block;`
`3`	`3`	`span {`
`4`		`- color: #e3e3e3;`
	`4`	`+ color: #FAFAFA;`
`5`	`5`	`&.warning-alarm {`
`6`		`- background-color: #ff001a;`
	`6`	`+ background-color: #E60017;`
`7`	`7`	`}`
`8`	`8`	`&.warning-info {`
`9`		`- background-color: #337ab7;`
	`9`	`+ background-color: #3174AF;`
`10`	`10`	`}`
`11`	`11`	`&.warning-warn {`
`12`		`- background-color: #d82;`
	`12`	`+ background-color: #A36519;`
`13`	`13`	`}`
`14`	`14`	`}`
`15`	`15`	`}`
Original file line number	Diff line number	Diff line change
`@@ -11,8 +11,8 @@`
`11`	`11`
`12`	`12`	`&__conceptset-tabs .tabs__header-title {`
`13`	`13`	`font-size: 1.2rem;`
`14`		`- background-color: #888;`
`15`		`- color: #ccc;`
	`14`	`+ background-color: #696969;`
	`15`	`+ color: #EBEBEB;`
`16`	`16`	`}`
`17`	`17`
`18`	`18`	`&__conceptset-tabs .tabs__header-title--selected {`
Original file line number	Diff line number	Diff line change
`@@ -31,4 +31,8 @@`
`31`	`31`	`}`
`32`	`32`	`}`
`33`	`33`	`}`
	`34`	`+ // rule for underlining links`
	`35`	`+ a {`
	`36`	`+ text-decoration: underline;`
	`37`	`+ }`
`34`	`38`	`}`
Original file line number	Diff line number	Diff line change
`@@ -11,33 +11,33 @@`
`11`	`11`	`}`
`12`	`12`
`13`	`13`	`.nav-tabs li span.warning-alarm, .nav-tabs li span.warning-alarm:hover {`
`14`		`- background-color: #ff001a;`
	`14`	`+ background-color: #CC0014;`
`15`	`15`	`color: #e3e3e3;`
`16`	`16`	`}`
`17`	`17`
`18`	`18`	`.nav-tabs li.active span.warning-alarm, .nav-tabs li.active span.warning-alarm:hover {`
`19`	`19`	`color: #fefefe;`
`20`		`- border-color: #ff001a;`
	`20`	`+ border-color: #D10015;`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`.nav-tabs li span.warning-info, .nav-tabs li span.warning-info:hover {`
`24`		`- background-color: #337ab7;`
	`24`	`+ background-color: #2C679B;`
`25`	`25`	`color: #e3e3e3;`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`.nav-tabs li.active span.warning-info, .nav-tabs li.active span.warning-info:hover {`
`29`	`29`	`color: #fefefe;`
`30`		`- border-color: #337ab7;`
	`30`	`+ border-color: #2D6A9F;`
`31`	`31`	`}`
`32`	`32`
`33`	`33`	`.nav-tabs li span.warning-warn, .nav-tabs li span.warning-warn:hover {`
`34`		`- background-color: #d82;`
`35`		`- color: #e3e3e3;`
	`34`	`+ background-color: #A36519;`
	`35`	`+ color: #FAFAFA;`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`.nav-tabs li.active span.warning-warn, .nav-tabs li.active span.warning-warn:hover {`
`39`		`- color: #fefefe;`
`40`		`- border-color: #d82;`
	`39`	`+ color: #FAFAFA;`
	`40`	`+ border-color: #A36519;`
`41`	`41`	`}`
`42`	`42`
`43`	`43`	`.nowrap {`
Original file line number	Diff line number	Diff line change
`@@ -1,27 +1,27 @@`
`1`	`1`	`.nav-tabs {`
`2`	`2`	`li span.warning-alarm, li span.warning-alarm:hover {`
`3`		`- background-color: #ff001a;`
	`3`	`+ background-color: #CC0014;`
`4`	`4`	`color: #e3e3e3;`
`5`	`5`	`}`
`6`	`6`
`7`	`7`	`li.active span.warning-alarm, li.active span.warning-alarm:hover {`
`8`	`8`	`color: #fefefe;`
`9`		`- border-color: #ff001a;`
	`9`	`+ border-color: #D10015;`
`10`	`10`	`}`
`11`	`11`
`12`	`12`	`li span.warning-info, li span.warning-info:hover {`
`13`		`- background-color: #337ab7;`
	`13`	`+ background-color: #2C679B;`
`14`	`14`	`color: #e3e3e3;`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`li.active span.warning-info, li.active span.warning-info:hover {`
`18`	`18`	`color: #fefefe;`
`19`		`- border-color: #337ab7;`
	`19`	`+ border-color: #2D6A9F;`
`20`	`20`	`}`
`21`	`21`
`22`	`22`	`li span.warning-warn, li span.warning-warn:hover {`
`23`		`- background-color: #d82;`
`24`		`- color: #e3e3e3;`
	`23`	`+ background-color: #A36519;`
	`24`	`+ color: #FAFAFA;`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`li.active span.warning-warn, li.active span.warning-warn:hover {`