xudan/web-map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(color-config): 将门区域颜色设为透明以提升视觉一致性

Browse Source
This commit is contained in:
xudan 2025-12-01 15:26:55 +08:00
parent aedaf86c23
commit acc7afddf9
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/services/color/color-config.service.ts
View File

@ -314,22 +314,22 @@ const DEFAULT_COLORS: EditorColorConfig = {
area: { area: {
strokeActive: '#EBB214', strokeActive: '#EBB214',
// 为门区域(15)定制更友好的配色：蓝色系，提升可读性 // 为门区域(15)定制更友好的配色：蓝色系，提升可读性
stroke: { ...generateAreaStrokeColors(), 15: '#1890FF99' }, stroke: { ...generateAreaStrokeColors(), 15: 'transparent' },
fill: { ...generateAreaFillColors(), 15: '#1890FF33' }, fill: { ...generateAreaFillColors(), 15: 'transparent' },
// 边框配置 // 边框配置
border: { border: {
width: 1, // 默认边框宽度 width: 1, // 默认边框宽度
opacity: 0.15, // 默认边框透明度 15% opacity: 0.15, // 默认边框透明度 15%
colors: { ...generateAreaBorderColors(), 15: '#1890FF' }, colors: { ...generateAreaBorderColors(), 15: 'transparent' },
}, },
types: { types: {
...generateAreaTypeColors(), ...generateAreaTypeColors(),
// 门区域(15)专属：统一蓝色系，边框由上方 colors[15] 提供 // 门区域(15)专属：统一蓝色系，边框由上方 colors[15] 提供
15: { 15: {
stroke: '#1890FF99', stroke: 'transparent',
strokeActive: '#1890FF99', strokeActive: 'transparent',
fill: '#1890FF33', fill: 'transparent',
borderColor: '#1890FF', borderColor: 'transparent',
borderWidth: 1, borderWidth: 1,
borderOpacity: 0.22, borderOpacity: 0.22,
}, },
@ -422,7 +422,7 @@ const DARK_THEME_COLORS: EditorColorConfig = {
12: '#0DBB8A99', 12: '#0DBB8A99',
13: '#e61e4aad', 13: '#e61e4aad',
14: '#FFD70099', 14: '#FFD70099',
15: '#1890FF99', 15: 'transparent',
}, },
fill: { fill: {
1: '#9ACDFF33', 1: '#9ACDFF33',
@ -430,7 +430,7 @@ const DARK_THEME_COLORS: EditorColorConfig = {
12: '#0DBB8A33', 12: '#0DBB8A33',
13: '#e61e4a33', 13: '#e61e4a33',
14: '#FFD70033', 14: '#FFD70033',
15: '#1890FF26', 15: 'transparent',
}, },
// 边框配置 // 边框配置
border: { border: {
@ -442,7 +442,7 @@ const DARK_THEME_COLORS: EditorColorConfig = {
12: '#52C41A', 12: '#52C41A',
13: '#FA8C16', 13: '#FA8C16',
14: '#722ED1', 14: '#722ED1',
15: '#1890FF', 15: 'transparent',
}, },
}, },
types: { types: {
@ -487,10 +487,10 @@ const DARK_THEME_COLORS: EditorColorConfig = {
borderOpacity: 0.15, borderOpacity: 0.15,
}, },
15: { 15: {
stroke: '#1890FF99', stroke: 'transparent',
strokeActive: '#FCC947', strokeActive: 'transparent',
fill: '#1890FF26', fill: 'transparent',
borderColor: '#1890FF', borderColor: 'transparent',
borderWidth: 1, borderWidth: 1,
borderOpacity: 0.2, borderOpacity: 0.2,
}, },