From 8d32de98f78176d49dbe8fdc8f0f8679f255e392 Mon Sep 17 00:00:00 2001
From: fkatsuhiro <nakayoshiryutokatsu@gmail.com>
Date: Sun, 9 Aug 2026 23:22:03 +0900
Subject: [PATCH 1/2] replace: default setup url

---
 packages/wxt-demo/wxt.config.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/wxt-demo/wxt.config.ts b/packages/wxt-demo/wxt.config.ts
index 014e3ef17..e87c4b3c1 100644
--- a/packages/wxt-demo/wxt.config.ts
+++ b/packages/wxt-demo/wxt.config.ts
@@ -21,7 +21,7 @@ export default defineConfig({
     open: true,
   },
   webExt: {
-    startUrls: ['https://duckduckgo.com'],
+    startUrls: ['https://example.com'],
   },
   example: {
     a: 'a',

From 0e10bbaf1f2770769bf9dc41c2e7999b11012adc Mon Sep 17 00:00:00 2001
From: fkatsuhiro <nakayoshiryutokatsu@gmail.com>
Date: Sat, 15 Aug 2026 00:10:05 +0900
Subject: [PATCH 2/2] connect to the ui comtent items to example.com

---
 .../wxt-demo/src/entrypoints/automount.content/index.ts     | 6 +++---
 .../wxt-demo/src/entrypoints/automount.content/style.css    | 2 +-
 packages/wxt-demo/src/entrypoints/ui.content/index.ts       | 4 ++--
 .../wxt-demo/src/entrypoints/ui.content/manual-style.css    | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/wxt-demo/src/entrypoints/automount.content/index.ts b/packages/wxt-demo/src/entrypoints/automount.content/index.ts
index 6cc14e74b..a1b570bd3 100644
--- a/packages/wxt-demo/src/entrypoints/automount.content/index.ts
+++ b/packages/wxt-demo/src/entrypoints/automount.content/index.ts
@@ -2,14 +2,14 @@ import 'uno.css';
 import './style.css';
 
 export default defineContentScript({
-  matches: ['https://*.duckduckgo.com/*'],
+  matches: ['https://example.com/*'],
   cssInjectionMode: 'manifest',
 
   async main(ctx) {
     const dynamicUI = createIntegratedUi(ctx, {
       position: 'inline',
       append: 'after',
-      anchor: 'form[role=search]',
+      anchor: 'div',
       onMount: (container) => {
         const app = document.createElement('div');
         container.id = 'automount-anchor';
@@ -54,7 +54,7 @@ export default defineContentScript({
     const stopAutoMountButton = createIntegratedUi(ctx, {
       position: 'inline',
       append: 'last',
-      anchor: 'form[role=search]',
+      anchor: 'div',
       onMount: (container) => {
         const app = document.createElement('button');
         container.classList.add('flex', 'flex-justify-center');
diff --git a/packages/wxt-demo/src/entrypoints/automount.content/style.css b/packages/wxt-demo/src/entrypoints/automount.content/style.css
index 61d263137..63da3854e 100644
--- a/packages/wxt-demo/src/entrypoints/automount.content/style.css
+++ b/packages/wxt-demo/src/entrypoints/automount.content/style.css
@@ -1,3 +1,3 @@
 :root {
-  color-scheme: dark;
+  color-scheme: light;
 }
diff --git a/packages/wxt-demo/src/entrypoints/ui.content/index.ts b/packages/wxt-demo/src/entrypoints/ui.content/index.ts
index 1104aed38..1b7054b61 100644
--- a/packages/wxt-demo/src/entrypoints/ui.content/index.ts
+++ b/packages/wxt-demo/src/entrypoints/ui.content/index.ts
@@ -3,7 +3,7 @@ import './style.css';
 import manualStyle from './manual-style.css?inline';
 
 export default defineContentScript({
-  matches: ['https://*.duckduckgo.com/*'],
+  matches: ['https://example.com/*'],
   cssInjectionMode: 'ui',
 
   async main(ctx) {
@@ -15,7 +15,7 @@ export default defineContentScript({
       name: 'demo-ui',
       position: 'inline',
       append: 'before',
-      anchor: 'form[role=search]',
+      anchor: 'div',
       onMount: (container) => {
         const app = document.createElement('div');
         app.classList.add('m-4', 'text-red-500');
diff --git a/packages/wxt-demo/src/entrypoints/ui.content/manual-style.css b/packages/wxt-demo/src/entrypoints/ui.content/manual-style.css
index bc4142dae..46822b5b9 100644
--- a/packages/wxt-demo/src/entrypoints/ui.content/manual-style.css
+++ b/packages/wxt-demo/src/entrypoints/ui.content/manual-style.css
@@ -1,4 +1,4 @@
 body {
   padding: 2rem;
-  background-color: blanchedalmond;
+  background-color: white;
 }