feat(MeilSearch): add kbd style for dark theme (#522)

ArgoZhang · web-flow · commit cba58be448a1 · 2025-08-10T11:11:28.000+08:00
* style: 适配暗黑模式

* chore: bump version 9.1.10
diff --git a/src/components/BootstrapBlazor.MeiliSearch/BootstrapBlazor.MeiliSearch.csproj b/src/components/BootstrapBlazor.MeiliSearch/BootstrapBlazor.MeiliSearch.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.1.9</Version>
+    <Version>9.1.10</Version>
   </PropertyGroup>
 
   <PropertyGroup>
diff --git a/src/components/BootstrapBlazor.MeiliSearch/wwwroot/meilisearch.css b/src/components/BootstrapBlazor.MeiliSearch/wwwroot/meilisearch.css
@@ -22,6 +22,10 @@
         font-style: normal;
     }
 
+    .search-dialog-mask kbd {
+        color: var(--bb-global-search-footer-kbd-color);
+    }
+
 .search-dialog-mask {
     position: fixed;
     top: 0;
@@ -33,6 +37,10 @@
     justify-content: center;
 }
 
+[data-bs-theme='dark'] .search-dialog-mask {
+    --bb-global-search-footer-kbd-color: var(--bs-body-color);
+}
+
 .bb-g-search-open {
     overflow: hidden;
 }

Original file line number	Diff line number	Diff line change
`@@ -22,6 +22,10 @@`
`22`	`22`	`font-style: normal;`
`23`	`23`	`}`
`24`	`24`
	`25`	`+ .search-dialog-mask kbd {`
	`26`	`+ color: var(--bb-global-search-footer-kbd-color);`
	`27`	`+ }`
	`28`	`+`
`25`	`29`	`.search-dialog-mask {`
`26`	`30`	`position: fixed;`
`27`	`31`	`top: 0;`
`@@ -33,6 +37,10 @@`
`33`	`37`	`justify-content: center;`
`34`	`38`	`}`
`35`	`39`
	`40`	`+[data-bs-theme='dark'] .search-dialog-mask {`
	`41`	`+ --bb-global-search-footer-kbd-color: var(--bs-body-color);`
	`42`	`+}`
	`43`	`+`
`36`	`44`	`.bb-g-search-open {`
`37`	`45`	`overflow: hidden;`
`38`	`46`	`}`