fix: fix multiple color/contrast issues

uc-cdis · Jan 2, 2025 · 966a984 · 966a984
1 parent 46ed137
commit 966a984
Show file tree

Hide file tree

Showing 8 changed files with 42 additions and 32 deletions.
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 change
@@ Expand Up / @@ -31,4 +31,8 @@ @@
                 }
             }
         }
+        // rule for underlining links
+        a {
+            text-decoration: underline;
+        }
     }