fix(styles): ngb-pagination HCM

swisspost · Dec 6, 2023 · 0b9b927 · 0b9b927
1 parent f938db6
commit 0b9b927
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/.changeset/twenty-donkeys-share.md b/.changeset/twenty-donkeys-share.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Fixed active color and chevron display of the ngb-pagination component in High Contrast Mode.
diff --git a/packages/styles/src/components/pagination.scss b/packages/styles/src/components/pagination.scss
@@ -78,5 +78,21 @@
     &.active {
       color: pagination.$pagination-active-color;
     }
+
+    @include utilities.high-contrast-mode() {
+      &.active > .page-link {
+        background-color: Highlight;
+      }
+
+
+      &:first-child,
+      &:last-child {
+        .page-link > span {
+          background-color: LinkText;
+          color: transparent;
+          forced-color-adjust: none;
+        }
+      }
+    }
   }
 }