发布于 ,更新于 

Cursor 蓝白主题

1. 设计目标

  • 以浅色编辑区为前提,保持代码可读性优先。
  • 主按钮与关键交互使用粉色(#F5A9B8)。
  • 次按钮与状态导航使用蓝色(#5BCEFA)。
  • Hover / 激活态采用加深处理,突出可见性。

2. 设置位置

配合主题:Cursor Light 使用时,设置入口为:

  • SettingsWorkbench: Color Customizations(覆盖当前主题颜色)
  • 说明:Edit in settings.json

3. 角色映射

组件区域 颜色
主按钮(Primary) #F5A9B8
辅助按钮(Secondary) #5BCEFA
Hover / 激活 对应主色加深
编辑区背景 #FFF9FC
编辑区文字 #29262B
标题栏/状态栏(活跃) #5BCEFA

以下是配色配置,可直接粘贴到 settings.json 使用。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
{
"window.commandCenter": true,
"cursor.general.emailPrivacyEnabled": true,
"workbench.colorTheme": "Cursor Light",

"workbench.colorCustomizations": {
"editor.background": "#FFF9FC",
"editor.foreground": "#29262B",

"titleBar.activeBackground": "#5BCEFA",
"titleBar.activeForeground": "#202020",
"titleBar.inactiveBackground": "#BDEBFC",
"titleBar.inactiveForeground": "#555555",

"activityBar.background": "#F5A9B8",
"activityBar.foreground": "#FFFFFF",
"activityBar.inactiveForeground": "#FFF0F4",
"activityBar.activeBorder": "#5BCEFA",

"activityBarBadge.background": "#5BCEFA",
"activityBarBadge.foreground": "#202020",

"sideBar.background": "#FFF4F7",
"sideBar.foreground": "#3B3337",
"sideBar.border": "#F5A9B8",
"sideBarTitle.foreground": "#C45E78",

"sideBarSectionHeader.background": "#FFE3E9",
"sideBarSectionHeader.foreground": "#4A3840",

"statusBar.background": "#5BCEFA",
"statusBar.foreground": "#202020",
"statusBar.noFolderBackground": "#F5A9B8",
"statusBar.debuggingBackground": "#F5A9B8",
"statusBar.debuggingForeground": "#202020",

"statusBarItem.hoverBackground": "#F5A9B8",
"statusBarItem.activeBackground": "#F3BBC6",
"statusBarItem.prominentBackground": "#F5A9B8",
"statusBarItem.prominentForeground": "#202020",
"statusBarItem.prominentHoverBackground": "#E88EA1",

"editorGroupHeader.tabsBackground": "#FFF4F7",

"tab.activeBackground": "#FFFFFF",
"tab.activeForeground": "#222222",
"tab.activeBorderTop": "#5BCEFA",
"tab.activeBorder": "#F5A9B8",

"tab.inactiveBackground": "#FFE3E9",
"tab.inactiveForeground": "#725E65",

"panel.background": "#FFF9FC",
"panel.border": "#5BCEFA",
"panelTitle.activeBorder": "#F5A9B8",
"panelTitle.activeForeground": "#333333",

"input.background": "#FFFFFF",
"input.foreground": "#29262B",
"input.border": "#F5A9B8",

"inputOption.activeBackground": "#5BCEFA",
"inputOption.activeBorder": "#5BCEFA",
"inputOption.activeForeground": "#202020",
"inputOption.hoverBackground": "#F5A9B8",

"dropdown.background": "#FFFFFF",
"dropdown.foreground": "#29262B",
"dropdown.border": "#5BCEFA",

"button.background": "#F5A9B8",
"button.foreground": "#202020",
"button.hoverBackground": "#E8899E",
"button.border": "#E8899E",

"button.secondaryBackground": "#5BCEFA",
"button.secondaryForeground": "#202020",
"button.secondaryHoverBackground": "#31B8EC",

"extensionButton.prominentBackground": "#F5A9B8",
"extensionButton.prominentForeground": "#202020",
"extensionButton.prominentHoverBackground": "#E8899E",

"toolbar.hoverBackground": "#F5A9B8",
"toolbar.hoverOutline": "#5BCEFA",
"toolbar.activeBackground": "#5BCEFA",

"menubar.selectionBackground": "#F5A9B8",
"menubar.selectionForeground": "#202020",
"menubar.selectionBorder": "#5BCEFA",

"menu.background": "#FFF9FC",
"menu.foreground": "#29262B",
"menu.selectionBackground": "#5BCEFA",
"menu.selectionForeground": "#202020",
"menu.selectionBorder": "#F5A9B8",

"checkbox.background": "#FFFFFF",
"checkbox.foreground": "#F05F83",
"checkbox.border": "#5BCEFA",
"checkbox.selectBackground": "#F5A9B8",

"list.activeSelectionBackground": "#5BCEFA",
"list.activeSelectionForeground": "#202020",

"list.inactiveSelectionBackground": "#F5A9B8",
"list.inactiveSelectionForeground": "#202020",

"list.hoverBackground": "#FFE3E9",
"list.hoverForeground": "#202020",

"list.focusBackground": "#BDEBFC",
"list.focusForeground": "#202020",
"list.focusOutline": "#F5A9B8",

"quickInput.background": "#FFF9FC",
"quickInput.foreground": "#29262B",

"quickInputList.focusBackground": "#5BCEFA",
"quickInputList.focusForeground": "#202020",
"quickInputList.focusIconForeground": "#D94F70",

"pickerGroup.foreground": "#D85C79",
"pickerGroup.border": "#5BCEFA",

"badge.background": "#F5A9B8",
"badge.foreground": "#202020",

"progressBar.background": "#5BCEFA",

"notificationCenterHeader.background": "#FFE3E9",
"notificationCenterHeader.foreground": "#29262B",

"notifications.background": "#FFF9FC",
"notifications.foreground": "#29262B",
"notifications.border": "#F5A9B8",

"notificationLink.foreground": "#159ACD",

"focusBorder": "#5BCEFA",

"editorCursor.foreground": "#F05F83",

"editor.selectionBackground": "#5BCEFA55",
"editor.inactiveSelectionBackground": "#F5A9B844",

"editorLineNumber.foreground": "#CDAAB2",
"editorLineNumber.activeForeground": "#E06D88",

"editorIndentGuide.background1": "#F5D8DE",
"editorIndentGuide.activeBackground1": "#5BCEFA",

"scrollbarSlider.background": "#F5A9B855",
"scrollbarSlider.hoverBackground": "#5BCEFA88",
"scrollbarSlider.activeBackground": "#5BCEFAAA",

"icon.foreground": "#D95F7A",

"symbolIcon.colorForeground": "#5BCEFA",
"symbolIcon.functionForeground": "#D95F7A",
"symbolIcon.methodForeground": "#D95F7A",
"symbolIcon.variableForeground": "#159ACD",

"gitDecoration.modifiedResourceForeground": "#D95F7A",
"gitDecoration.addedResourceForeground": "#159ACD",
"gitDecoration.untrackedResourceForeground": "#159ACD",

"terminal.background": "#FFF9FC",
"terminal.foreground": "#29262B",

"terminalCursor.foreground": "#F05F83",

"terminal.ansiBlue": "#159ACD",
"terminal.ansiBrightBlue": "#5BCEFA",
"terminal.ansiMagenta": "#D95F7A",
"terminal.ansiBrightMagenta": "#F5A9B8"
}
}