From b4fd28536561348822f3b51e0ebeb40a2fe117ab Mon Sep 17 00:00:00 2001 From: multipleof4 Date: Tue, 8 Sep 2026 14:04:12 -0700 Subject: [PATCH] Switch popup UI to light mode --- src/popup.html | 2 +- src/popup.js | 134 +++++++++++++++++++++---------------------- src/styles/index.css | 8 ++- 3 files changed, 73 insertions(+), 71 deletions(-) diff --git a/src/popup.html b/src/popup.html index b5ac4cc..6838625 100644 --- a/src/popup.html +++ b/src/popup.html @@ -6,7 +6,7 @@ OpenScript - +
diff --git a/src/popup.js b/src/popup.js index a430502..e8e6143 100644 --- a/src/popup.js +++ b/src/popup.js @@ -117,26 +117,26 @@ const removeSecret = async k => { // UI Templates const renderHeader = () => ` -
+
@@ -144,14 +144,14 @@ const renderHeader = () => ` `; const renderBanner = () => state.userScriptsReady ? '' : ` -
+
- ${icon('AlertTriangle', 'w-4 h-4 text-amber-400 shrink-0')} + ${icon('AlertTriangle', 'w-4 h-4 text-amber-600 shrink-0')} - Enable "Allow User Scripts" in extension details to run scripts. + Enable "Allow User Scripts" in extension details to run scripts.
-
@@ -165,69 +165,69 @@ const renderScriptList = () => { ); return ` -
-
+
+
${filtered.length ? filtered.map(s => ` -
+
- + ${s.name} - + v${s.version || '1.0'}
- -
- ${s.description ? `

${s.description}

` : ''} + ${s.description ? `

${s.description}

` : ''}
${(s.matches || ['*://*/*']).slice(0, 3).map(m => ` - + ${m} `).join('')} - ${(s.matches?.length > 3) ? `+${s.matches.length - 3}` : ''} + ${(s.matches?.length > 3) ? `+${s.matches.length - 3}` : ''}
`).join('') : ` -
- ${icon('FileCode', 'w-10 h-10 text-navy-700 mb-2')} -

No user scripts found

+
+ ${icon('FileCode', 'w-10 h-10 text-slate-300 mb-2')} +

No user scripts found

Create a new script or import a Tampermonkey script to get started.

-
`}
-