cc-sidepanel: bundle JetBrainsMono Nerd Font Mono (0.3.0)
The panel should match kitty's font, but extension pages can't reach system
fonts by name — CSP blocks `local()` — so the TTFs ship in the repo:
fonts/JBMono-Regular.ttf 2.5MB weight 400
fonts/JBMono-Bold.ttf 2.5MB weight 700
Copied from /usr/share/fonts/TTF/JetBrainsMonoNerdFontMono-{Regular,Bold}.ttf.
Heavy, but it's local-only — the panel never downloads them.
`@font-face` in sidepanel.html, fallback chain kept (ui-monospace, SF Mono,
Menlo, monospace). Line-height 1.4 -> 1.5 for JBMono's taller glyphs.
The Nerd Font variant means nerd-font glyphs leaking out of the pane render
properly instead of as boxes.
No `web_accessible_resources` needed: the side panel is an extension page on the
same chrome-extension:// origin, so bundled files are directly reachable. That
key is only for files injected into web pages.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Binary file not shown.
Binary file not shown.
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"manifest_version": 3,
|
"manifest_version": 3,
|
||||||
"name": "CC Sidepanel",
|
"name": "CC Sidepanel",
|
||||||
"version": "0.2.0",
|
"version": "0.3.0",
|
||||||
"description": "Live window into a Claude Code seat, right in the browser sidebar.",
|
"description": "Live window into a Claude Code seat, right in the browser sidebar.",
|
||||||
"icons": {
|
"icons": {
|
||||||
"16": "icons/icon16.png",
|
"16": "icons/icon16.png",
|
||||||
|
|||||||
@@ -4,10 +4,22 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>CC Sidepanel</title>
|
<title>CC Sidepanel</title>
|
||||||
<style>
|
<style>
|
||||||
|
@font-face {
|
||||||
|
font-family: "JBMono";
|
||||||
|
src: url("fonts/JBMono-Regular.ttf") format("truetype");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "JBMono";
|
||||||
|
src: url("fonts/JBMono-Bold.ttf") format("truetype");
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
:root { color-scheme: dark; }
|
:root { color-scheme: dark; }
|
||||||
body {
|
body {
|
||||||
margin: 0; padding: 10px; background: #16141c; color: #eae6f5;
|
margin: 0; padding: 10px; background: #16141c; color: #eae6f5;
|
||||||
font: 13px/1.4 ui-monospace, "SF Mono", Menlo, monospace;
|
font: 13px/1.5 "JBMono", ui-monospace, "SF Mono", Menlo, monospace;
|
||||||
display: flex; flex-direction: column; height: 100vh; box-sizing: border-box;
|
display: flex; flex-direction: column; height: 100vh; box-sizing: border-box;
|
||||||
}
|
}
|
||||||
select, textarea, button {
|
select, textarea, button {
|
||||||
|
|||||||
Reference in New Issue
Block a user