VADC-1486: Fix selected phenotypes/covariates colors according to 508…

… guidelines (#1648) * fix(vadc-1486): Fix selected phenotypes/covariates colors * fix(vadc-1486): Restore styles for gwas and teams modals
uc-cdis · Nov 26, 2024 · 5b5f1da · 5b5f1da
1 parent e619330
commit 5b5f1da
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 0 deletions.
diff --git a/src/Analysis/SharedUtils/AccessibilityUtils/AccessibilityStyles/Accessibility.less b/src/Analysis/SharedUtils/AccessibilityUtils/AccessibilityStyles/Accessibility.less
@@ -1,6 +1,7 @@
 /* App-specific styles */
 
 @import "AccessibilityGWAS.less";
+@import "AccessibilityTeams.less";
 
 /* Global styles */
 
@@ -125,4 +126,16 @@
   .ant-pagination-options:hover .ant-select:not([disabled]) .ant-select-selector {
     border-color: #2466AC;
   }
+
+  .ant-card-meta-description {
+    color: #333333;
+  }
+
+  .ant-card-actions .anticon {
+    color: #333333;
+  }
+
+  .ant-card-actions .anticon:hover {
+    color: #2466AC;
+  }
 }
diff --git a/src/Analysis/SharedUtils/AccessibilityUtils/AccessibilityStyles/AccessibilityGWAS.less b/src/Analysis/SharedUtils/AccessibilityUtils/AccessibilityStyles/AccessibilityGWAS.less
@@ -1,5 +1,29 @@
 /* GWAS App */
 
+.gwas-modal {
+  .ant-btn-primary:not([disabled]) {
+    background: #194C90;
+    border-color: #194C90;
+  }
+
+  .ant-btn-primary:not([disabled]):hover,
+  .ant-btn-primary:not([disabled]):focus {
+    background: #2466AC;
+    border-color: #2466AC;
+  }
+
+  .ant-btn-default {
+    color: #194C90;
+    border-color: #194C90;
+  }
+
+  .ant-btn-default:hover,
+  .ant-btn-default:focus {
+    color: #2466AC;
+    border-color: #2466AC;
+  }
+}
+
 .GWASApp {
   .GWASUI-navBtn:not([disabled]) {
     background: #194C90;

diff --git a/src/Analysis/SharedUtils/AccessibilityUtils/AccessibilityStyles/AccessibilityTeams.less b/src/Analysis/SharedUtils/AccessibilityUtils/AccessibilityStyles/AccessibilityTeams.less
@@ -0,0 +1,14 @@
+/* Rules for Teams selection in VADC */
+
+.team-project-modal {
+  .ant-btn-primary:not([disabled]) {
+    background: #194C90;
+    border-color: #194C90;
+  }
+
+  .ant-btn-primary:not([disabled]):hover,
+  .ant-btn-primary:not([disabled]):focus {
+    background: #2466AC;
+    border-color: #2466AC;
+  }
+}