From df2f5690c96482a6b90275fc74b1da56fb4d29a5 Mon Sep 17 00:00:00 2001
From: shadowusr <nikhakerlab@gmail.com>
Date: Mon, 6 Oct 2025 12:42:34 +0300
Subject: [PATCH 1/3] fix: fix mobile version on safari

---
 src/scss/custom.scss                        | 10 +++++++++-
 src/theme/ColorModeToggle/styles.module.css | 10 +++++-----
 src/theme/Icon/Close/index.tsx              |  1 -
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/scss/custom.scss b/src/scss/custom.scss
index e382b91..ed2f3b2 100644
--- a/src/scss/custom.scss
+++ b/src/scss/custom.scss
@@ -165,12 +165,20 @@ html[data-theme-override="light"] {
     .navbar-sidebar {
         @apply h-fit dark:bg-neutral-900;
 
+        .navbar-sidebar__brand {
+            @apply relative;
+        }
+
+        .navbar-sidebar__items {
+            height: auto;
+        }
+
         .navbar-sidebar__item.menu {
             padding: 10px 6px !important;
         }
 
         .color-mode-toggle {
-            @apply absolute top-[21px] right-6 h-fit;
+            @apply absolute top-1/2 right-6 -translate-1/2;
         }
 
         .menu__link--sublist::after {
diff --git a/src/theme/ColorModeToggle/styles.module.css b/src/theme/ColorModeToggle/styles.module.css
index 3bb06c1..7f711e6 100644
--- a/src/theme/ColorModeToggle/styles.module.css
+++ b/src/theme/ColorModeToggle/styles.module.css
@@ -1,19 +1,19 @@
 @reference '../../scss/custom.scss';
 
 .toggle {
-    @apply flex h-8 w-8 justify-center rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-300/10;
+    @apply flex justify-center rounded-lg lg:hover:bg-neutral-100 dark:lg:hover:bg-neutral-300/10;
+    height: 21px;
+    width: 21px;
 }
 
 .toggleButton {
-    @apply h-4 w-4;
     align-items: center;
     display: flex;
     justify-content: center;
-    height: 100%;
     transition: background var(--ifm-transition-fast);
 }
 
 .toggleIcon {
-    width: 1.25rem;
-    height: 1.25rem;
+    width: 1rem;
+    height: 1rem;
 }
diff --git a/src/theme/Icon/Close/index.tsx b/src/theme/Icon/Close/index.tsx
index 178faca..2d68e79 100644
--- a/src/theme/Icon/Close/index.tsx
+++ b/src/theme/Icon/Close/index.tsx
@@ -11,7 +11,6 @@ export default function IconClose({
     return (
         <Xmark
             className={className}
-            viewBox="0 0 15 15"
             width={width}
             height={height}
             {...restProps}

From ba96db5250e30957db4472fb82fd3c0f8e14e0a1 Mon Sep 17 00:00:00 2001
From: shadowusr <nikhakerlab@gmail.com>
Date: Mon, 6 Oct 2025 13:29:51 +0300
Subject: [PATCH 2/3] fix: fix logo backgrounds

---
 src/scss/custom.scss                        | 11 +++++++++--
 src/theme/ColorModeToggle/styles.module.css |  2 +-
 src/theme/Navbar/Logo/index.module.css      |  3 +++
 src/theme/Navbar/Logo/index.tsx             | 10 +++++++++-
 4 files changed, 22 insertions(+), 4 deletions(-)
 create mode 100644 src/theme/Navbar/Logo/index.module.css

diff --git a/src/scss/custom.scss b/src/scss/custom.scss
index ed2f3b2..ffc3d1c 100644
--- a/src/scss/custom.scss
+++ b/src/scss/custom.scss
@@ -118,7 +118,7 @@ html[data-theme-override="light"] {
 }
 
 .docs-wrapper .navbar__items {
-    @apply bg-white dark:bg-neutral-950;
+    // @apply bg-white dark:bg-neutral-950;
 }
 
 .docs-wrapper .main-wrapper,
@@ -130,6 +130,13 @@ html[data-theme-override="light"] {
     padding: 0 2rem;
 }
 
+.plugin-pages {
+    .logo-container {
+        box-shadow: none;
+        background: none;
+    }
+}
+
 .navbar {
     transition: transform 0.25s ease-in-out;
     transform: translateY(0);
@@ -266,7 +273,7 @@ html[data-theme-override="light"] {
             @apply m-0 h-8 w-8;
         }
         b {
-            @apply flex h-8 items-center rounded-lg px-2 font-mono hover:bg-neutral-100 dark:hover:bg-neutral-200/10;
+            @apply flex h-8 items-center rounded-lg px-2 font-mono font-semibold hover:bg-neutral-100 dark:hover:bg-neutral-200/10;
         }
     }
 }
diff --git a/src/theme/ColorModeToggle/styles.module.css b/src/theme/ColorModeToggle/styles.module.css
index 7f711e6..30945e5 100644
--- a/src/theme/ColorModeToggle/styles.module.css
+++ b/src/theme/ColorModeToggle/styles.module.css
@@ -1,7 +1,7 @@
 @reference '../../scss/custom.scss';
 
 .toggle {
-    @apply flex justify-center rounded-lg lg:hover:bg-neutral-100 dark:lg:hover:bg-neutral-300/10;
+    @apply flex justify-center rounded-lg;
     height: 21px;
     width: 21px;
 }
diff --git a/src/theme/Navbar/Logo/index.module.css b/src/theme/Navbar/Logo/index.module.css
new file mode 100644
index 0000000..65877b9
--- /dev/null
+++ b/src/theme/Navbar/Logo/index.module.css
@@ -0,0 +1,3 @@
+.logo-container {
+    box-shadow: 0 0 18px 8px var(--tw-shadow-color);
+}
diff --git a/src/theme/Navbar/Logo/index.tsx b/src/theme/Navbar/Logo/index.tsx
index e9ce4ec..56ecc24 100644
--- a/src/theme/Navbar/Logo/index.tsx
+++ b/src/theme/Navbar/Logo/index.tsx
@@ -2,10 +2,18 @@ import React from "react";
 import TestplaneLogo from "@site/static/img/logo.svg";
 import TestplaneLogoDark from "@site/static/img/logo-dark.svg";
 import Link from "@docusaurus/Link";
+import clsx from "clsx";
+
+import styles from "./index.module.css";
 
 export default function NavbarLogo(): JSX.Element {
     return (
-        <div className="flex">
+        <div
+            className={clsx(
+                styles["logo-container"],
+                "logo-container flex bg-white/70 shadow-white/90 dark:bg-neutral-950/70 dark:shadow-neutral-950/90",
+            )}
+        >
             <TestplaneLogo className="h-8 w-8 dark:hidden" />
             <TestplaneLogoDark className="hidden h-8 w-8 dark:block" />
             <Link

From d632508e61e6050e289c327df075860325479a50 Mon Sep 17 00:00:00 2001
From: shadowusr <nikhakerlab@gmail.com>
Date: Mon, 6 Oct 2025 13:40:22 +0300
Subject: [PATCH 3/3] fix: fix logo background color on smaller screens

---
 src/theme/Navbar/Logo/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/theme/Navbar/Logo/index.tsx b/src/theme/Navbar/Logo/index.tsx
index 56ecc24..c02622d 100644
--- a/src/theme/Navbar/Logo/index.tsx
+++ b/src/theme/Navbar/Logo/index.tsx
@@ -11,7 +11,7 @@ export default function NavbarLogo(): JSX.Element {
         <div
             className={clsx(
                 styles["logo-container"],
-                "logo-container flex bg-white/70 shadow-white/90 dark:bg-neutral-950/70 dark:shadow-neutral-950/90",
+                "logo-container flex lg:bg-white/70 lg:shadow-white/90 dark:lg:bg-neutral-950/70 dark:lg:shadow-neutral-950/90",
             )}
         >
             <TestplaneLogo className="h-8 w-8 dark:hidden" />