M1ngdaXie/MingdaOS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
src/apps/Terminal.tsx
View File

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

13
src/components/BootScreen/BootScreen.css
View File

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