From f432ed35389363ff7664469a8eb642830ba838e4 Mon Sep 17 00:00:00 2001
From: M1ngdaXie <156019134+M1ngdaXie@users.noreply.github.com>
Date: Thu, 26 Mar 2026 15:22:29 -0700
Subject: [PATCH] feat(pixel): cyan boot screen and terminal prompt color

---
 src/apps/Terminal.tsx                    |  6 +++---
 src/components/BootScreen/BootScreen.css | 13 +++++++------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/apps/Terminal.tsx b/src/apps/Terminal.tsx
index beec31a..fe2e900 100644
--- a/src/apps/Terminal.tsx
+++ b/src/apps/Terminal.tsx
@@ -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"
diff --git a/src/components/BootScreen/BootScreen.css b/src/components/BootScreen/BootScreen.css
index 88baa66..5d6ca75 100644
--- a/src/components/BootScreen/BootScreen.css
+++ b/src/components/BootScreen/BootScreen.css
@@ -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;
 }