FSR-1237: Ensure visibility of LATEST LEVEL in high-contrast mode by …

…adjusting background and border styles
DEFRA · Sep 24, 2024 · bd3981d · bd3981d
1 parent 5a13eb5
commit bd3981d
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/server/src/sass/components/_latest-levels-box.scss b/server/src/sass/components/_latest-levels-box.scss
@@ -14,6 +14,13 @@
     background-color: #1C70B8;
     color: white;
     word-spacing: 0.15em;
+
+    // Add contrast-specific styles for high contrast mode
+    @media (forced-colors: active) {
+      background-color: Canvas; // Ensures light background in contrast mode
+      border: 2px solid ButtonText; // Adds a visible border in high contrast
+      color: ButtonText; // Uses the system's high-contrast text color
+    }
   }  
   &__supplementary {
     @include govuk-font($size: 16);