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; } 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',