From 54bf47122c67016310a98f3a8376d6ced6c5c2b9 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 27 Nov 2024 10:16:29 +0100
Subject: [PATCH] Fix color contrast

---
 .../src/app/+signup/+register/custom-stepper.component.scss   | 2 +-
 client/src/app/header/search-typeahead.component.html         | 2 +-
 client/src/sass/include/_bootstrap-variables.scss             | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/app/+signup/+register/custom-stepper.component.scss b/client/src/app/+signup/+register/custom-stepper.component.scss
index b545ec982..3ea710358 100644
--- a/client/src/app/+signup/+register/custom-stepper.component.scss
+++ b/client/src/app/+signup/+register/custom-stepper.component.scss
@@ -82,7 +82,7 @@ header {
     }
 
     .step-label {
-      color: pvar(--fg);
+      color: pvar(--on-primary);
     }
   }
 
diff --git a/client/src/app/header/search-typeahead.component.html b/client/src/app/header/search-typeahead.component.html
index b9fe8c4b5..065e4399a 100644
--- a/client/src/app/header/search-typeahead.component.html
+++ b/client/src/app/header/search-typeahead.component.html
@@ -5,7 +5,7 @@
 
   <input
     type="search" id="search-video" name="search-video" #searchVideo
-    i18n-ariaLabel aria-label="Search videos, playlists, channels…" i18n-placeholder placeholder="Search videos, playlists, channels…"
+    i18n-ariaLabel aria-label="Search videos, playlists, channels…" i18n-placeholder placeholder="Search videos, channels…"
     [(ngModel)]="search" (ngModelChange)="onSearchChange()" (keydown)="handleKey($event)"
     autocomplete="off" aria-describedby="typeahead-input-help"
   >
diff --git a/client/src/sass/include/_bootstrap-variables.scss b/client/src/sass/include/_bootstrap-variables.scss
index 50f11866c..8bdacf128 100644
--- a/client/src/sass/include/_bootstrap-variables.scss
+++ b/client/src/sass/include/_bootstrap-variables.scss
@@ -61,8 +61,8 @@ $dropdown-link-hover-bg: pvar(--bg-secondary-300);
 $dropdown-color: pvar(--fg);
 $dropdown-bg: pvar(--bg);
 
-$accordion-button-active-bg: pvar(--primary-50);
-$accordion-button-active-color: pvar(--fg);
+$accordion-button-active-bg: pvar(--primary-150);
+$accordion-button-active-color: pvar(--on-primary);
 $accordion-button-focus-border-color: pvar(--primary-100);
 $accordion-button-focus-box-shadow: #{$focus-box-shadow-form};
 $accordion-border-color: pvar(--input-border-color);