Merge pull request #1012 from nwanduka/color-contrast

Fixed color contrast issues on slides and info pages
camicroscope · Jul 17, 2024 · 1ba9413 · 1ba9413
2 parents bf6a2a1 + a342292
commit 1ba9413
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/apps/Info.html b/apps/Info.html
@@ -75,7 +75,7 @@ <h1 class="h1">caMicroscope</h1>
 		<p style="font-weight: bold; font-size: 14pt;">Digital pathology image viewer with support for human/machine generated annotations and markups.</p>
 		<div style="align-content: center;">
 			<div class="btn-group" role="group">
-			<a href="./table.html">	<button style="border-color: white; border-radius: 5px 0 0 5px;" type="button" class="btn btn-secondary bg-info text-light" title="Slides Table"><i class="fas fa-list-alt"></i>  Slides</button> </a>
+			<a href="./table.html">	<button style="border-color: white; border-radius: 5px 0 0 5px;" type="button" class="btn btn-secondary bg-dark text-light" title="Slides Table"><i class="fas fa-list-alt"></i>  Slides</button> </a>
 			<button type="button" style="border-color: white;" class="btn btn-secondary bg-white text-dark" title="Information Dashboard"> <i class="fas fa-info-circle"></i> Info</button>
 			</div>
 		</div>

diff --git a/apps/common.css b/apps/common.css
@@ -29,6 +29,10 @@
   color: whitesmoke;
 }
 
+.report-link {
+  color: #e5c1ea;
+}
+
 .company-name {
   color: #e5c1ea;
 }

diff --git a/apps/info.css b/apps/info.css
@@ -18,7 +18,7 @@ footer{
 	background-color: #343a40 !important;
 }
 .bg-info {
-    background-color: #17a2b8!important;
+    background-color: #17a2b8 !important;
 }
 .page-container{
 	height:100vh;	

diff --git a/apps/table.html b/apps/table.html
@@ -81,7 +81,7 @@ <h1 class="h1">caMicroscope</h1>
 			<div style="align-content: center;">
 				<div class="btn-group" role="group">
 				<button type="button" style="border-color: white;" class="btn btn-secondary bg-white text-dark  margin-right: 10px; " title="Slides Table"><i class="fas fa-list-alt"></i>  Slides</button>
-				<a href="./Info.html">	<button style="border-color: white; border-radius: 0 5px 5px 0; margin-left: 10px;" type="button" class="btn btn-secondary bg-info text-light" title="Information Dashboard"><i class="fas fa-info-circle"></i>  Info</button> </a></div>
+				<a href="./Info.html">	<button style="border-color: white; border-radius: 0 5px 5px 0; margin-left: 10px;" type="button" class="btn btn-secondary bg-dark text-light" title="Information Dashboard"><i class="fas fa-info-circle"></i>  Info</button> </a></div>
 			</div>
 		</div>
 	</div>
@@ -132,7 +132,7 @@ <h1 class="h1">caMicroscope</h1>
             <div class="d-md-inline-flex" style="width:20%; margin-right: 30px;">
                 <div class="pl-md-2 pt-2">
                     <button type="button" data-bs-toggle="modal" data-bs-target="#dicom"
-                        class="btn btn2 btn-success float-right w-md-100" style="background-color: cadetblue; padding: 7px; margin-right: 5px;" onclick="setDicomParams();"> <i
+                        class="btn btn2 btn-success float-right w-md-100" style="background-color: #1C5B5D; padding: 7px; margin-right: 5px;" onclick="setDicomParams();"> <i
                             class="fas fa-server"></i>
                         <span class="ml-2">&nbsp;DICOM</span> </button>
                 </div>