diff options
| author | Bobby <[email protected]> | 2025-09-24 16:14:00 +0530 |
|---|---|---|
| committer | Bobby <[email protected]> | 2025-09-24 16:14:00 +0530 |
| commit | 8f17548fc0e1b41d725f2144e209ac8655d2afeb (patch) | |
| tree | 8e9d1bc4fb45c47719f320b94f30f4b4222bb513 /src/options | |
| parent | fbfb98c05d201c414fcb58a864a4aba1aa8e28f4 (diff) | |
| download | thunderbird-ai-compose-8f17548fc0e1b41d725f2144e209ac8655d2afeb.tar.xz thunderbird-ai-compose-8f17548fc0e1b41d725f2144e209ac8655d2afeb.zip | |
improved styles. added icons to manifest. generate logic in place
Diffstat (limited to 'src/options')
| -rw-r--r-- | src/options/options.html | 58 |
1 files changed, 51 insertions, 7 deletions
diff --git a/src/options/options.html b/src/options/options.html index bf70f4c..d317f1e 100644 --- a/src/options/options.html +++ b/src/options/options.html @@ -5,27 +5,71 @@ <title>AI Compose Settings</title> <style> body { - font-family: sans-serif; - padding: 10px; + font-family: system-ui, sans-serif; + margin: 0; + padding: 16px; + width: 360px; + background: var(--bg); + color: var(--fg); + } + h2 { + margin-top: 0; + font-size: 1.1rem; } label { display: block; - margin: 10px 0 4px; + margin: 12px 0 6px; + font-size: 0.9rem; } input { width: 100%; - padding: 6px; + padding: 8px; + border: 1px solid var(--border); + border-radius: 6px; + background: var(--input-bg); + color: var(--fg); } button { + margin-top: 14px; + padding: 8px 16px; + border: none; + border-radius: 6px; + background: var(--accent); + color: white; + font-weight: 500; + cursor: pointer; + } + p#msg { margin-top: 10px; - padding: 6px 12px; + font-size: 0.85rem; + color: var(--accent); + } + @media (prefers-color-scheme: light) { + :root { + --bg: #ffffff; + --fg: #111111; + --border: #cccccc; + --input-bg: #f9f9f9; + --accent: #3b82f6; + } + } + @media (prefers-color-scheme: dark) { + :root { + --bg: #1e1e1e; + --fg: #f5f5f5; + --border: #444444; + --input-bg: #2a2a2a; + --accent: #60a5fa; + } } </style> </head> <body> <h2>Settings</h2> - <label>Proxy Endpoint <input id="endpoint" type="url" /></label> - <label>Auth Token <input id="token" type="text" /></label> + <label for="endpoint">Proxy Endpoint</label> + <input id="endpoint" type="url" /> + <label for="token">Auth Token</label> + <input id="token" type="text" /> <button id="save">Save</button> <p id="msg"></p> |