feat(pixel): cyan boot screen and terminal prompt color
This commit is contained in:
@@ -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"
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user