improve the background of the search modal

Author: nunowar

resources/css/app.css

@@ -45,7 +45,7 @@ button { @apply cursor-pointer; }
 
 
 :root {
-  --docsearch-container-background: rgba(0, 0, 0, 0.5);
+  --docsearch-container-background: rgba(0, 0, 0, 0.2);
   --docsearch-primary-color: #382aac;
   --docsearch-modal-background:rgba(18, 4, 69, 1);
   --docsearch-highlight-color:rgba(247, 51, 155, 0.9);
@@ -80,6 +80,7 @@ pre code.torchlight .line-number{display:none}
 @media (min-width: 768px) {
     [id=docsearch] {width: auto;}
 }
+.DocSearch-Container { @apply backdrop-blur-sm }
 .DocSearch-Screen-Icon { display:none }
 .DocSearch-Help, .DocSearch-Label { color: rgba(255, 255, 255, 0.6) !important}
 .DocSearch-Form { @apply rounded-xl z-50 relative }
@@ -88,7 +89,7 @@ pre code.torchlight .line-number{display:none}
 .DocSearch-Button-Container { @apply flex items-center }
 .DocSearch-Button-Keys {min-width:0}
 .DocSearch-Button-Key{background:0 0;padding:0;color:rgba(255, 255, 255, 0.6);top:auto;box-shadow:none;width:auto;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";margin-right:.125rem}
-.DocSearch-Modal{ @apply text-white shadow-none rounded-xl }
+.DocSearch-Modal{ @apply text-white shadow-2xl rounded-xl }
 .DocSearch-Hit a{ @apply shadow-none}
 .DocSearch-Button-Placeholder{ @apply text-sm }
 .DocSearch-Help { @apply text-white text-base }