feat(pixel): cyan boot screen and terminal prompt color

This commit is contained in:
M1ngdaXie
2026-03-26 15:22:29 -07:00
parent a2cde36f6b
commit f432ed3538
2 changed files with 10 additions and 9 deletions

View File

@@ -144,7 +144,7 @@ export default function Terminal() {
<div style={{ flex: 1, overflowY: 'auto' }}>
{lines.map((line) => (
<div key={line.key} style={{
color: line.type === 'input' ? '#64d2ff' : '#e2e8f0',
color: line.type === 'input' ? '#00ffff' : '#e2e8f0',
whiteSpace: 'pre',
lineHeight: 1.6,
}}>
@@ -154,7 +154,7 @@ export default function Terminal() {
<div ref={bottomRef} />
</div>
<div style={{ display: 'flex', alignItems: 'center', marginTop: 4 }}>
<span style={{ color: '#64d2ff', whiteSpace: 'nowrap' }}>{PROMPT}</span>
<span style={{ color: '#00ffff', whiteSpace: 'nowrap' }}>{PROMPT}</span>
<input
ref={inputRef}
value={input}
@@ -168,7 +168,7 @@ export default function Terminal() {
color: '#e2e8f0',
fontFamily: 'var(--font-mono)',
fontSize: 13,
caretColor: '#64d2ff',
caretColor: '#00ffff',
}}
spellCheck={false}
autoComplete="off"

View File

@@ -19,20 +19,21 @@
.boot-apple {
width: 80px;
height: 80px;
fill: #fff;
fill: #00ffff;
image-rendering: pixelated;
}
.boot-progress-track {
width: 200px;
height: 3px;
background: rgba(255,255,255,0.15);
border-radius: 2px;
height: 4px;
background: rgba(0, 255, 255, 0.15);
border: 1px solid rgba(0, 255, 255, 0.3);
overflow: hidden;
}
.boot-progress-bar {
height: 100%;
background: #fff;
border-radius: 2px;
background: #00ffff;
transition: width 0.05s linear;
box-shadow: 0 0 8px #00ffff;
}