Improve design

src/components/common/ToggleTheme.astro

@@ -1,6 +1,8 @@
 ---
 import { Icon } from 'astro-icon';
 
+import { SITE } from '~/config.mjs';
+
 export interface Props {
   label?: string;
   class?: string;
@@ -17,6 +19,10 @@ const {
 } = Astro.props;
 ---
 
-<button type="button" class={className} aria-label={label} data-aw-toggle-color-scheme>
-  <Icon name={iconName} class={iconClass} />
-</button>
+{
+  !(SITE?.defaultTheme && SITE.defaultTheme.endsWith(':only')) && (
+    <button type="button" class={className} aria-label={label} data-aw-toggle-color-scheme>
+      <Icon name={iconName} class={iconClass} />
+    </button>
+  )
+}