mirror of
https://github.com/He4eT/tabswitcher.git
synced 2026-05-05 01:17:23 +00:00
aee213e96d
Added extension options page and configurable font settings. Fixed font fallback issue on Windows.
40 lines
No EOL
1.3 KiB
HTML
40 lines
No EOL
1.3 KiB
HTML
<!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> |