fix theme button on mobile

Author: UziTech

docs/css/style.css

@@ -162,6 +162,10 @@ pre {
   opacity: 1;
 }
 
+#theme-toggle:not(.demo) {
+  margin-right: 40px;
+}
+
 /* Mobile Styles - Changed breakpoint from 768px to 1024px */
 @media (max-width: 1024px) {
   /* Show mobile menu button */
@@ -193,16 +197,17 @@ pre {
   }
 
   /* Adjust theme toggle button position on mobile */
-  #theme-toggle {
+  #theme-toggle:not(.demo) {
     position: fixed;
+    margin-right: 0;
     top: 16px;
-    right: 16px;
+    right: 80px;
     z-index: 9998;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     background-color: var(--background-color);
   }
 
-  .dark #theme-toggle {
+  .dark #theme-toggle:not(.demo) {
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
   }
 
@@ -241,6 +246,13 @@ pre {
   }
 }
 
+@media (max-width: 768px) {
+  /* When github corner is invisible */
+  #theme-toggle:not(.demo) {
+    right: 16px;
+  }
+}
+
 /* Prevent body scroll when mobile menu is open */
 body.mobile-menu-open {
   overflow: hidden;

docs/demo/demo.css

@@ -62,7 +62,7 @@ header h1 {
 
 
 .theme-toggle {
-	margin-left: 16px;
+	margin-inline: 16px 60px;
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -78,6 +78,13 @@ header h1 {
 	transition: background-color 0.2s ease, color 0.2s ease;
 }
 
+@media (max-width: 768px) {
+  /* When github corner is invisible */
+  .theme-toggle {
+    margin-right: 0;
+  }
+}
+
 .theme-toggle:hover {
 	background-color: var(--code-bg-color);
 	color: var(--text-color);
@@ -87,6 +94,10 @@ header h1 {
 	font-size: 20px;
 }
 
+@media screen {
+	
+}
+
 .containers {
 	display: flex;
 	height: calc(100vh - 68px);

docs/demo/index.html

@@ -81,7 +81,7 @@ <h1>Marked Demo</h1>
         <span class="separator">·</span>
         <a href="https://daringfireball.net/projects/markdown/dingus">Daring Fireball Demo</a>
       </div>
-      <button id="theme-toggle" class="theme-toggle" data-theme-mode="system" aria-label="Switch theme">
+      <button id="theme-toggle" class="theme-toggle demo" data-theme-mode="system" aria-label="Switch theme">
         <span class="material-icons" data-theme-icon>brightness_auto</span>
         <span class="text" data-theme-text>System</span>
       </button>