Skip to content

Commit ae6075c

Browse files
AparenciaAparencia
committed
style: hex 旧色清零 - 签名时刻/潮汐/波纹/地层/图表归位生物发光光谱
1 parent 1905ed9 commit ae6075c

9 files changed

Lines changed: 21 additions & 21 deletions

File tree

‎client/src/features/microcards/pages/MicroCardsPage.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ export default function MicroCardsPage() {
3737
title="微学习卡片"
3838
note="把大知识切成小卡片 —— 左滑已会，右滑不会，上滑深入"
3939
sealChar="卡"
40-
sealColor="#A78BFA"
40+
sealColor="#43C58B"
4141
actions={<CreditCard className="w-5 h-5 text-flashcard" strokeWidth={1.5} />}
4242
/>
4343

‎client/src/features/onboarding/firstDive/seedHandbook.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -76,7 +76,7 @@ export async function seedHandbookDeck(
7676
id: HANDBOOK_DECK_ID,
7777
name: HANDBOOK_DECK_NAME,
7878
description: HANDBOOK_DECK_DESCRIPTION,
79-
color: '#06B6D4', // 赛博青 — 微光水母的颜色
79+
color: '#4A9BD9', // 磷光蓝 — 微光水母的颜色
8080
createdAt: now,
8181
updatedAt: now,
8282
order: 0, // 排在最前，新用户第一眼可见

‎client/src/features/pomodoro/components/stats/DailyCharts.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ export function DailyCharts({ chartData, chartRange, onChartRangeChange }: Daily
6464
formatter={(value) => [`${value} 个`, '深潜数']}
6565
labelFormatter={(label) => `日期: ${label}`}
6666
/>
67-
<Bar dataKey="count" fill="#7C3AED" radius={[4, 4, 0, 0]} />
67+
<Bar dataKey="count" fill="#4A9BD9" radius={[4, 4, 0, 0]} />
6868
</BarChart>
6969
</ResponsiveContainer>
7070
</Card>
@@ -91,10 +91,10 @@ export function DailyCharts({ chartData, chartRange, onChartRangeChange }: Daily
9191
<Line
9292
type="monotone"
9393
dataKey="minutes"
94-
stroke="#7C3AED"
94+
stroke="#4A9BD9"
9595
strokeWidth={2}
96-
dot={{ r: 3, fill: '#7C3AED' }}
97-
activeDot={{ r: 5, fill: '#7C3AED' }}
96+
dot={{ r: 3, fill: '#4A9BD9' }}
97+
activeDot={{ r: 5, fill: '#4A9BD9' }}
9898
/>
9999
</LineChart>
100100
</ResponsiveContainer>

‎client/src/features/retention/components/SignatureMoment.tsx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -105,7 +105,7 @@ export function SignatureMoment() {
105105
<div style={{
106106
position: 'absolute', inset: 44, borderRadius: '50%',
107107
background: 'radial-gradient(circle at 40% 36%, #E0F7FF, #67E8F9 60%, #0891B2)',
108-
boxShadow: '0 0 34px #22D3EE, 0 0 90px rgba(34,211,238,0.4)',
108+
boxShadow: '0 0 34px #6FB4E8, 0 0 90px rgba(111,180,232,0.4)',
109109
}} />
110110
);
111111

@@ -134,7 +134,7 @@ export function SignatureMoment() {
134134
<motion.line
135135
key={`cl${i}`}
136136
x1={x1} y1={y1} x2={x2} y2={y2}
137-
stroke="#22D3EE" strokeWidth={0.7}
137+
stroke="#6FB4E8" strokeWidth={0.7}
138138
initial={{ opacity: 0 }}
139139
animate={{ opacity: 0.35 }}
140140
transition={{ delay: 0.5 + i * 0.1, duration: 0.6 }}
@@ -145,7 +145,7 @@ export function SignatureMoment() {
145145
key={`cs${i}`}
146146
cx={x} cy={y} r={r}
147147
fill="#67E8F9"
148-
style={{ filter: 'drop-shadow(0 0 10px #22D3EE)' }}
148+
style={{ filter: 'drop-shadow(0 0 10px #6FB4E8)' }}
149149
initial={{ opacity: 0, scale: 0.2 }}
150150
animate={{ opacity: 1, scale: 1 }}
151151
transition={{ delay: i * 0.13, type: 'spring', stiffness: 220, damping: 20 }}
@@ -168,7 +168,7 @@ export function SignatureMoment() {
168168
key={`l${i}`}
169169
x1={90} y1={24}
170170
x2={x} y2={y}
171-
stroke="#22D3EE" strokeWidth={0.8}
171+
stroke="#6FB4E8" strokeWidth={0.8}
172172
initial={{ opacity: 0 }}
173173
animate={{ opacity: 0.55 }}
174174
transition={{ delay: 0.3 + i * 0.18, duration: 0.5 }}
@@ -179,7 +179,7 @@ export function SignatureMoment() {
179179
key={`s${i}`}
180180
cx={x} cy={y} r={r}
181181
fill="#67E8F9"
182-
style={{ filter: 'drop-shadow(0 0 12px #22D3EE)' }}
182+
style={{ filter: 'drop-shadow(0 0 12px #6FB4E8)' }}
183183
initial={{ opacity: 0, scale: 0.2 }}
184184
animate={{ opacity: 1, scale: 1 }}
185185
transition={{ delay: i * 0.22, type: 'spring', stiffness: 220, damping: 20 }}
@@ -200,7 +200,7 @@ export function SignatureMoment() {
200200
transition={{ duration: 2.4, delay: i * 0.3, repeat: Infinity, ease: 'easeOut' }}
201201
style={{
202202
position: 'absolute', left: '50%', bottom: 30, width: 3, height: 3,
203-
borderRadius: '50%', background: '#A5F3FC', boxShadow: '0 0 8px #22D3EE',
203+
borderRadius: '50%', background: '#C3D6EA', boxShadow: '0 0 8px #6FB4E8',
204204
}}
205205
/>
206206
))}
@@ -217,7 +217,7 @@ export function SignatureMoment() {
217217
initial={{ scale: 0.2, opacity: 0.8 }}
218218
animate={{ scale: 2.6, opacity: 0 }}
219219
transition={{ duration: 2, delay: d, ease: 'easeOut', repeat: Infinity }}
220-
style={{ position: 'absolute', inset: 0, borderRadius: '50%', border: '1px solid #22D3EE' }}
220+
style={{ position: 'absolute', inset: 0, borderRadius: '50%', border: '1px solid #6FB4E8' }}
221221
/>
222222
))}
223223
{starCore}

‎client/src/features/retention/components/WorldRecap.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -104,7 +104,7 @@ export function WorldRecap() {
104104
style={{
105105
position: 'fixed', left: 24, bottom: 24, zIndex: 55, cursor: 'pointer',
106106
maxWidth: 320, padding: '16px 20px', borderRadius: '16px 10px 14px 12px',
107-
background: 'rgba(13,24,44,0.78)', border: '1px solid rgba(129,140,248,0.25)',
107+
background: 'rgba(13,24,44,0.78)', border: '1px solid rgba(111,180,232,0.25)',
108108
backdropFilter: 'blur(14px)', boxShadow: '0 8px 30px rgba(4,10,20,0.5)',
109109
}}
110110
>
@@ -115,7 +115,7 @@ export function WorldRecap() {
115115
<ul style={{ margin: '10px 0 0', padding: 0, listStyle: 'none', display: 'flex', flexDirection: 'column', gap: 5 }}>
116116
{lines.map((l) => (
117117
<li key={l} style={{ fontSize: 12.5, color: '#90A0B8', display: 'flex', alignItems: 'center', gap: 8 }}>
118-
<span style={{ width: 5, height: 5, borderRadius: '50%', background: '#22D3EE', boxShadow: '0 0 6px #22D3EE' }} />
118+
<span style={{ width: 5, height: 5, borderRadius: '50%', background: '#6FB4E8', boxShadow: '0 0 6px #6FB4E8' }} />
119119
{l}
120120
</li>
121121
))}

‎client/src/lib/3d/objects/OrderRipples.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ import { useWorldEvents, type RippleOrigin } from '@/features/retention/store/us
1919
/** 波纹生命周期（秒）与同屏上限 / Ripple lifetime and concurrent cap */
2020
const RIPPLE_LIFE = 2.2;
2121
const MAX_CONCURRENT = 3;
22-
const RIPPLE_COLOR = '#22D3EE';
22+
const RIPPLE_COLOR = '#6FB4E8';
2323

2424
interface RippleInstance {
2525
id: number;

‎client/src/lib/3d/objects/ParticleSystem.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ export function ParticleSystem({
2323
count = 2000,
2424
bounds = { x: 30, y: [-20, 5], z: 30 },
2525
baseColor = '#aaddff',
26-
secondaryColor = '#6366F1',
26+
secondaryColor = '#57C6A9',
2727
speed = 1,
2828
}: ParticleSystemProps) {
2929
const pointsRef = useRef<THREE.Points>(null);

‎client/src/lib/3d/objects/StrataField.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ export function StrataField() {
4545
<boxGeometry args={[width, BAND_HEIGHT * 0.92, 3.2]} />
4646
<meshStandardMaterial
4747
color={new THREE.Color(0.05 + brightness * 0.2, 0.09 + brightness * 0.3, 0.2 + brightness * 0.5)}
48-
emissive={isLatest ? '#22D3EE' : '#12233F'}
48+
emissive={isLatest ? '#6FB4E8' : '#12233F'}
4949
emissiveIntensity={isLatest ? 0.28 : 0.06}
5050
transparent
5151
opacity={0.85}

‎client/src/lib/3d/objects/TideBreath.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -53,12 +53,12 @@ export function TideBreath() {
5353

5454
return (
5555
<group>
56-
{/* 潮汐光：与场景主光源（#00BFFF）同族但偏赛博青，涨潮时世界"变深变亮" */}
57-
<pointLight ref={lightRef} position={[0, 4, 2]} intensity={EBB_INTENSITY} color="#22D3EE" distance={40} />
56+
{/* 潮汐光：与场景主光源（#4A9BD9）同族但偏磷光蓝，涨潮时世界"变深变亮" */}
57+
<pointLight ref={lightRef} position={[0, 4, 2]} intensity={EBB_INTENSITY} color="#6FB4E8" distance={40} />
5858
{/* 潮线：海床上的扁平光环，涨落可见 */}
5959
<mesh ref={tideRef} rotation={[-Math.PI / 2, 0, 0]} position={[0, -3.5, 0]}>
6060
<ringGeometry args={[3.4, 9, 48]} />
61-
<meshBasicMaterial color="#22D3EE" transparent opacity={0.05} side={THREE.DoubleSide} depthWrite={false} />
61+
<meshBasicMaterial color="#6FB4E8" transparent opacity={0.05} side={THREE.DoubleSide} depthWrite={false} />
6262
</mesh>
6363
</group>
6464
);

0 commit comments

Comments
 (0)