纸白底改冷调与主色同轴;语义色 sage/wheat/rust 不变,sky 提亮与主色区分。Logo 三段线改浅蓝白、圆点改亮蓝;favicon/PWA 图标/安卓自适应图标/状态栏一并重绘,新增 tools/make-icons.py 作为唯一出处。
This commit is contained in:
+33
-32
@@ -6,42 +6,42 @@ export default {
|
||||
colors: {
|
||||
// 底色:暖白纸面,不用纯白,避免刺眼、也让卡片有层次
|
||||
paper: {
|
||||
50: "#FCFCFA",
|
||||
100: "#F7F7F3",
|
||||
200: "#F0F0EA",
|
||||
300: "#E6E6DE",
|
||||
50: "#F9FAFC",
|
||||
100: "#F3F5F9",
|
||||
200: "#E9EDF3",
|
||||
300: "#DFE5ED",
|
||||
},
|
||||
// 分隔线与描边
|
||||
// 分隔线与描边(冷灰,跟蓝主色同一个中性轴)
|
||||
line: {
|
||||
100: "#ECECE6",
|
||||
200: "#E1E1D9",
|
||||
300: "#D2D2C8",
|
||||
100: "#EDEFF3",
|
||||
200: "#E2E6EC",
|
||||
300: "#D3D9E1",
|
||||
},
|
||||
// 文字与中性
|
||||
ink: {
|
||||
50: "#F6F8F7",
|
||||
100: "#E9EDEB",
|
||||
200: "#D7DDDA",
|
||||
300: "#BAC3C0",
|
||||
400: "#96A19D",
|
||||
500: "#6D7874",
|
||||
600: "#4E5956",
|
||||
700: "#39443F",
|
||||
800: "#252E2A",
|
||||
900: "#161C1A",
|
||||
50: "#F6F8FA",
|
||||
100: "#E9EEF3",
|
||||
200: "#D7DEE7",
|
||||
300: "#B8C2CE",
|
||||
400: "#929EAD",
|
||||
500: "#6C7788",
|
||||
600: "#4E5867",
|
||||
700: "#3A4352",
|
||||
800: "#262D39",
|
||||
900: "#161C25",
|
||||
},
|
||||
// 主色:墨松绿,克制、有"工作台"气质,避开任务工具常见的荧光蓝
|
||||
// 主色:景泰蓝(沉一点的靛蓝),克制、有"工作台"气质,避开任务工具常见的荧光蓝
|
||||
primary: {
|
||||
50: "#EFF5F3",
|
||||
100: "#DBE9E4",
|
||||
200: "#B7D2C9",
|
||||
300: "#8CB6A9",
|
||||
400: "#619688",
|
||||
500: "#41796A",
|
||||
600: "#2F6054",
|
||||
700: "#264E44",
|
||||
800: "#1E3E36",
|
||||
900: "#172F29",
|
||||
50: "#EFF5FB",
|
||||
100: "#DCE9F7",
|
||||
200: "#B9D3EC",
|
||||
300: "#8FB6DD",
|
||||
400: "#6094C8",
|
||||
500: "#3E76AC",
|
||||
600: "#2E5D8D",
|
||||
700: "#274B73",
|
||||
800: "#1F3B5B",
|
||||
900: "#1A2F48",
|
||||
},
|
||||
// 强调色:陶土橙,只用在"需要人注意"的地方
|
||||
clay: {
|
||||
@@ -59,7 +59,8 @@ export default {
|
||||
sage: { 500: "#2F7D5E", 50: "#EAF4EF" },
|
||||
wheat: { 500: "#A97C25", 50: "#F8F1E2" },
|
||||
rust: { 500: "#B04A32", 50: "#FAEDE9" },
|
||||
sky: { 500: "#3E6F91", 50: "#EBF2F7" },
|
||||
// 信息色:比主色更亮更青一档,免得和 primary 的「进行中」糊在一起
|
||||
sky: { 500: "#2F86B0", 50: "#E8F4FA" },
|
||||
},
|
||||
fontFamily: {
|
||||
sans: [
|
||||
@@ -93,8 +94,8 @@ export default {
|
||||
"3xl": "24px",
|
||||
},
|
||||
boxShadow: {
|
||||
card: "0 1px 2px rgba(22,28,26,0.04), 0 8px 24px -16px rgba(22,28,26,0.35)",
|
||||
pop: "0 2px 6px rgba(22,28,26,0.06), 0 20px 48px -24px rgba(22,28,26,0.35)",
|
||||
card: "0 1px 2px rgba(20,27,36,0.04), 0 8px 24px -16px rgba(20,27,36,0.35)",
|
||||
pop: "0 2px 6px rgba(20,27,36,0.06), 0 20px 48px -24px rgba(20,27,36,0.35)",
|
||||
inset: "inset 0 1px 0 rgba(255,255,255,0.6)",
|
||||
},
|
||||
keyframes: {
|
||||
|
||||
Reference in New Issue
Block a user