目標:把整站顏色與陰影統一到設計 Token,之後改色只改一處。
檔案:style.css
步驟
:root 補齊/微調 Token(已內建,可調整飽和度與陰影強度)::root{
--y2k-neon:#a78bfa; --y2k-pink:#ff6ad5; --y2k-cyan:#00e5ff; --y2k-lime:#b8ff5c;
--y2k-ink:#0b1020; --y2k-card:#0f152b;
--text:#eaeaf7; --muted:#a8b0d6;
--radius:18px;
--shadow-neon:0 0 20px rgba(167,139,250,.45), 0 0 40px rgba(255,106,213,.2);
}
驗收:把 --y2k-neon 改成別的色(如 #8B5CF6),整站重載後風格仍一致。
進階:新增 :root[data-theme="alt"] 做副主題,未來做一鍵換色。