From 3e0d1ddb10f26b8fa2255179cb3d6c8479800a0e Mon Sep 17 00:00:00 2001 From: NiceDevil <17103076+nicedevil007@users.noreply.github.com> Date: Mon, 8 Jun 2026 17:41:28 +0200 Subject: [PATCH] web/elements/ak-dual-select: fix inverted pagination arrow colors in dark theme (#22608) The dark theme overrides in ak-pagination assigned the disabled color variable to the active button and the active color variable to the overridden disabled-color custom property. As a result, the active arrow appeared muted and the disabled arrow appeared highlighted on the first and last pages of paginated lists. Swap the two values so the active arrow uses the m-plain color and the disabled custom property keeps the m-plain disabled color. Closes #22607 Co-authored-by: nicedevil007 --- web/src/elements/ak-dual-select/components/ak-pagination.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/web/src/elements/ak-dual-select/components/ak-pagination.ts b/web/src/elements/ak-dual-select/components/ak-pagination.ts index ebafbd2555..96d42c6bcc 100644 --- a/web/src/elements/ak-dual-select/components/ak-pagination.ts +++ b/web/src/elements/ak-dual-select/components/ak-pagination.ts @@ -18,8 +18,8 @@ export class AkPagination extends CustomEmitterElement(AKEl css` :host([theme="dark"]) { .pf-c-pagination__nav-control .pf-c-button { - color: var(--pf-c-button--m-plain--disabled--Color); - --pf-c-button--disabled--Color: var(--pf-c-button--m-plain--Color); + color: var(--pf-c-button--m-plain--Color); + --pf-c-button--disabled--Color: var(--pf-c-button--m-plain--disabled--Color); } .pf-c-pagination__nav-control .pf-c-button:disabled {