he4et/tabswitcher
1
0
Fork 0
mirror of https://github.com/He4eT/tabswitcher.git synced 2026-05-05 01:17:23 +00:00
Code Issues Projects Releases Packages Wiki Activity

Feat: Add configurable font setting and fix Windows font fallback

Browse source 
Added extension options page and configurable font settings. Fixed font fallback issue on Windows.
This commit is contained in:
gmalvone 2026-01-29 16:34:39 +00:00
commit aee213e96d
5 changed files with 92 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

40
options.html Normal file
View file

@ -0,0 +1,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>