From 436e99a594d42650f69c062fd095eb0502a76b34 Mon Sep 17 00:00:00 2001
From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
Date: Wed, 9 Aug 2023 17:51:43 +0530
Subject: [PATCH] fix(theme): docsearch variables not applying properly on ios
 beta

---
 src/client/theme-default/components/VPNavBarSearchButton.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/client/theme-default/components/VPNavBarSearchButton.vue b/src/client/theme-default/components/VPNavBarSearchButton.vue
index 7b4c5d6f33ab..204378d55241 100644
--- a/src/client/theme-default/components/VPNavBarSearchButton.vue
+++ b/src/client/theme-default/components/VPNavBarSearchButton.vue
@@ -33,7 +33,7 @@ defineProps<{
 </template>
 
 <style>
-.DocSearch {
+[class*='DocSearch'] {
   --docsearch-primary-color: var(--vp-c-brand);
   --docsearch-highlight-color: var(--docsearch-primary-color);
   --docsearch-text-color: var(--vp-c-text-1);
@@ -47,7 +47,7 @@ defineProps<{
   --docsearch-footer-background: var(--vp-c-bg);
 }
 
-.dark .DocSearch {
+.dark [class*='DocSearch'] {
   --docsearch-modal-shadow: none;
   --docsearch-footer-shadow: none;
   --docsearch-logo-color: var(--vp-c-text-2);