From 70805cf5bedea2914baa79575fe927d8865810c7 Mon Sep 17 00:00:00 2001
From: vzpgb <45467497+vzpgb@users.noreply.github.com>
Date: Tue, 29 Oct 2024 16:36:56 -0500
Subject: [PATCH] VADC-1479: Updated Previous/Next buttons' colors for VA GWAS
 according to 508 (#1618)

* fix(vadc-1479): Updated colors for the GWAS next/previous buttons

* fix(vadc-1479): Undo automatic discovery style changes

* fix(vadc-1479): Updated class in CSS for Previous/Next buttons
---
 src/Analysis/GWASApp/GWASContainer.jsx         |  1 +
 .../AccessibilityUtils/Accessibility.css       | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+)

diff --git a/src/Analysis/GWASApp/GWASContainer.jsx b/src/Analysis/GWASApp/GWASContainer.jsx
index d9e57e2ef..c62a240dd 100644
--- a/src/Analysis/GWASApp/GWASContainer.jsx
+++ b/src/Analysis/GWASApp/GWASContainer.jsx
@@ -14,6 +14,7 @@ import DismissibleMessagesList from './Components/DismissibleMessagesList/Dismis
 import MakeFullscreenButton from './Components/MakeFullscreenButton/MakeFullscreenButton';
 import InitializeCurrentState from './Utils/StateManagement/InitializeCurrentState';
 import './GWASApp.css';
+import '../SharedUtils/AccessibilityUtils/Accessibility.css';
 import WorkflowLimitsDashboard from '../SharedUtils/WorkflowLimitsDashboard/WorkflowLimitsDashboard';
 
 const GWASContainer = () => {
diff --git a/src/Analysis/SharedUtils/AccessibilityUtils/Accessibility.css b/src/Analysis/SharedUtils/AccessibilityUtils/Accessibility.css
index 1d743fefe..8072226eb 100644
--- a/src/Analysis/SharedUtils/AccessibilityUtils/Accessibility.css
+++ b/src/Analysis/SharedUtils/AccessibilityUtils/Accessibility.css
@@ -1,3 +1,5 @@
+/* Global */
+
 :root {
   --focus-outline-color: #007bff; /* Bright Blue */
 }
@@ -13,11 +15,14 @@
   white-space: nowrap;
   border: 0;
 }
+
 .ant-modal-content button:focus {
   outline: 1px dashed var(--focus-outline-color);
   outline-offset: 1px;
 }
 
+/* VADC Apps */
+
 .team-project-modal .ant-btn-primary {
   background: #194C90;
   border: #194C90;
@@ -28,3 +33,16 @@
   background: #2466AC;
   border: #2466AC;
 }
+
+/* GWAS App */
+
+.GWASUI-navBtn:not([disabled]) {
+  background: #194C90;
+  border: #194C90;
+}
+
+.GWASUI-navBtn:not([disabled]):hover,
+.GWASUI-navBtn:not([disabled]):focus {
+  background: #2466AC;
+  border: #2466AC;
+}