update themings for darkmode

Author: carlagn

src/css/theming.css

@@ -207,6 +207,7 @@
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 /* PRIMITES WITH THEME DEFINED BY TOGGLER */
 html[data-theme="dark"] {
+  --surface-brand-default: #16a394;
   --code-with-result: var(--gray-1000);
   --code-with-result-border: var(--code-bgd-color);
   --docsearch-searchbox-background: var(--gray-900) !important;
@@ -329,6 +330,7 @@ html[data-theme="dark"] {
   :root[data-theme="light"] {
     --code-with-result: var(--gray-800);
     --code-with-result-border: var(--code-with-result);
+    --surface-brand-default: #16a394;
     --docsearch-searchbox-background: var(--ifm-color-secondary);
     --table-of-contents-link: rgb(113, 128, 150);
     --ifm-background-color: #fff;
@@ -507,6 +509,7 @@ html[data-theme="dark"] {
   :root[data-theme="dark"] {
     --code-with-result: var(--gray-1000);
     --code-with-result-border: var(--code-bgd-color);
+    --surface-brand-default: #16a394;
     --docsearch-searchbox-background: var(--gray-900) !important;
     --table-of-contents-link: #a0aec0;
     --ifm-color-primary: var(--teal-600);

src/theme/SearchBar/index.tsx

@@ -7,7 +7,8 @@ import { useAlgoliaContextualFacetFilters, useSearchResultUrlProcessor } from "@
 import Translate from "@docusaurus/Translate";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import translations from "@theme/SearchTranslations";
-import React, { type ReactNode, useCallback, useMemo, useRef, useState } from "react";
+import React, { useCallback, useMemo, useRef, useState } from "react";
+import type { ReactNode } from "react";
 import { createPortal } from "react-dom";
 
 import type {
@@ -115,14 +116,14 @@ const kapaStyles = `
 .DocSearch-Modal:not(:has(.DocSearch-Dropdown)) .DocSearch-Footer {
   margin-top: 200px;
   position: relative;
-  &:before {
-    content: "No recent searches";
-    position: absolute;
-    top: -100px;
-    color: var(--tertiary-font-color);
-    left: 50%;
-    transform: translateX(-50%);
-  }
+}
+.DocSearch-Modal:not(:has(.DocSearch-Dropdown)) .DocSearch-Footer::before {
+  content: "No recent searches";
+  position: absolute;
+  top: -100px;
+  color: var(--tertiary-font-color);
+  left: 50%;
+  transform: translateX(-50%);
 }
 .DocSearch-Modal {
   --docsearch-highlight-color: var(--surface-brand-default) !important;