tabswitcher/options.html at master · gmalvone/tabswitcher · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>
<head>
    <style>
        body { font-family: system-ui, sans-serif; padding: 20px; min-width: 300px; background: #222; color: #eee; }
        h2 { margin-top: 0; font-size: 16px; }
        .setting { margin-bottom: 15px; }
        label { display: block; margin-bottom: 5px; font-size: 14px; }
        input[type="text"] {
            width: 100%;
            padding: 8px;
            border-radius: 4px;
            border: 1px solid #444;
            background: #333;
            color: white;
            font-family: monospace;
        }
        button {
            padding: 8px 16px;
            background: #0060df;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        button:hover { background: #003eaa; }
        #status { margin-left: 10px; font-size: 12px; color: #4ade80; opacity: 0; transition: opacity 0.5s; }
    </style>
</head>
<body>
    <h2>Tabswitcher Settings</h2>
    <div class="setting">
        <label for="font-family">Custom Font Family</label>
        <input type="text" id="font-family" placeholder="e.g. Iosevka, Consolas, Comic Sans MS">
    </div>
    <button id="save">Save Settings</button>
    <span id="status">Saved!</span>
    <script src="options.js"></script>
</body>
</html>