diff options
Diffstat (limited to 'internal/generator/templates/themes/terminal/theme.css')
| -rw-r--r-- | internal/generator/templates/themes/terminal/theme.css | 26 |
1 files changed, 22 insertions, 4 deletions
diff --git a/internal/generator/templates/themes/terminal/theme.css b/internal/generator/templates/themes/terminal/theme.css index 7db2daf..a0f5429 100644 --- a/internal/generator/templates/themes/terminal/theme.css +++ b/internal/generator/templates/themes/terminal/theme.css @@ -1,6 +1,24 @@ - :root { --p:#33ff33; --dim:#1a7a1a; --bg:#0a0a0a; --bg2:#050505; } + /* Self-hosted web font: JetBrains Mono by JetBrains (SIL OFL 1.1). + Source: https://fonts.google.com/specimen/JetBrains+Mono + See FONT_LICENSE.txt in this directory. */ + @font-face { + font-family: 'JetBrains Mono'; + src: url('jetbrains-mono-v24-latin_latin-ext-regular.woff2') format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; + } + @font-face { + font-family: 'JetBrains Mono'; + src: url('jetbrains-mono-v24-latin_latin-ext-700.woff2') format('woff2'); + font-weight: 700; + font-style: normal; + font-display: swap; + } + :root { --p:#33ff33; --dim:#1a7a1a; --bg:#0a0a0a; --bg2:#050505; + --term-font:'JetBrains Mono','Courier New',Courier,monospace; } * { margin:0; padding:0; box-sizing:border-box; } - body { font-family:'Courier New',Courier,monospace; background:var(--bg); color:var(--p); + body { font-family:var(--term-font); background:var(--bg); color:var(--p); overflow:hidden; height:100vh; height:100dvh; position:relative; } /* CRT scanlines sit above the WebGL canvas */ body::before { content:''; position:fixed; inset:0; z-index:999; pointer-events:none; @@ -57,9 +75,9 @@ border:1px solid var(--p); border-radius:0; box-shadow:0 0 40px rgba(51,255,51,0.25); padding:36px; } .modal-close { float:right; background:none; border:none; color:var(--p); - font-family:monospace; font-size:0.9rem; cursor:pointer; letter-spacing:2px; } + font-family:var(--term-font); font-size:0.9rem; cursor:pointer; letter-spacing:2px; } @media(max-width:640px) { .nav-hints{display:none;} header{padding:10px 16px;} .content{padding:12px 16px;} .modal-inner{padding:20px 14px} .transmit-btn{padding-top:11px;padding-bottom:11px;min-height:44px} .modal-close{padding:10px 14px;min-width:44px;min-height:44px;text-align:center} } - [data-sno-theme="terminal"] .splash-overlay { background: var(--bg); font-family:'Courier New',monospace; } + [data-sno-theme="terminal"] .splash-overlay { background: var(--bg); font-family:var(--term-font); } [data-sno-theme="terminal"] .splash-prompt { text-align:left; font-size:0.9rem; color:rgba(51,255,51,0.78); margin-bottom:0.5rem; } [data-sno-theme="terminal"] .splash-title { font-size:clamp(1.2rem,4vw,1.65rem); color:var(--p); text-shadow:0 0 12px var(--p); letter-spacing:0.15em; } |