You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
1.8 KiB
CSS
102 lines
1.8 KiB
CSS
@font-face {
|
|
font-family: 'SymbolsNerdFont';
|
|
src: url('/fonts/SymbolsNerdFontMono-Regular.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: block;
|
|
unicode-range: U+23FB-23FE, U+2665, U+26A1, U+2B58, U+E000-E00A, U+E0A0-E0A2, U+E0A3, U+E0B0-E0C8, U+E0CA, U+E0CC-E0D7, U+E200-E2A9, U+E300-E3E3, U+E5FA-E6B7, U+E700-E7C5, U+EA60-EBEB, U+F000-F2FF, U+F400-F533, U+F0001-F1AF0;
|
|
}
|
|
|
|
.terminal-output {
|
|
margin: 0;
|
|
padding: 12px 16px;
|
|
font-family: 'SF Mono', 'JetBrains Mono', 'Cascadia Code', 'Fira Code', 'Menlo', 'Monaco', 'Consolas', 'SymbolsNerdFont', 'Symbols Nerd Font Mono', monospace;
|
|
font-size: 13px;
|
|
line-height: 1.0;
|
|
white-space: pre;
|
|
word-wrap: normal;
|
|
color: var(--text-primary);
|
|
contain: content;
|
|
min-height: 100%;
|
|
-webkit-user-select: text;
|
|
user-select: text;
|
|
font-feature-settings: "liga" 0, "calt" 0;
|
|
}
|
|
|
|
.terminal-output::selection,
|
|
.terminal-output *::selection {
|
|
background: var(--accent-glow);
|
|
color: inherit;
|
|
}
|
|
|
|
/* Claude Code pattern highlighting */
|
|
|
|
.hl-tool {
|
|
color: var(--blue);
|
|
}
|
|
|
|
.hl-thinking {
|
|
color: var(--purple);
|
|
}
|
|
|
|
.hl-output {
|
|
color: var(--gray);
|
|
}
|
|
|
|
.hl-prompt {
|
|
color: var(--green);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.hl-success {
|
|
color: var(--green);
|
|
}
|
|
|
|
.hl-error {
|
|
color: var(--red);
|
|
}
|
|
|
|
.hl-path {
|
|
color: var(--cyan);
|
|
}
|
|
|
|
.hl-box {
|
|
color: var(--text-dimmed);
|
|
}
|
|
|
|
.hl-dim {
|
|
color: var(--text-dimmed);
|
|
}
|
|
|
|
.hl-header {
|
|
color: var(--yellow);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.hl-linenum {
|
|
color: var(--text-dimmed);
|
|
}
|
|
|
|
.hl-added {
|
|
color: var(--green);
|
|
}
|
|
|
|
.hl-removed {
|
|
color: var(--red);
|
|
}
|
|
|
|
|
|
/* QR code lines — font-size set dynamically in terminal-view.js to fit width */
|
|
.qr-line {
|
|
display: block;
|
|
line-height: 1.0;
|
|
letter-spacing: -0.03em;
|
|
}
|
|
|
|
@media (min-width: 1024px) {
|
|
.terminal-output {
|
|
padding: 16px 24px;
|
|
font-size: 13.5px;
|
|
}
|
|
}
|