/* 定义淡蓝色主色调 */ 
 | 
:root { 
 | 
  --editor-primary-color: #007bff; /* 主色调 */ 
 | 
  --editor-background-color: #f8f9fa; /* 背景颜色 */ 
 | 
  --editor-border-color: #dee2e6; /* 边框颜色 */ 
 | 
  --editor-text-color: #343a40; /* 文字颜色 */ 
 | 
} 
 | 
  
 | 
/* 覆盖编辑器的默认样式 */ 
 | 
.w-e-toolbar { 
 | 
  background-color: var(--editor-background-color); 
 | 
  border-bottom: 1px solid var(--editor-border-color); 
 | 
  color: var(--editor-text-color); 
 | 
} 
 | 
  
 | 
.w-e-toolbar .w-e-menu { 
 | 
  background-color: transparent; 
 | 
  color: var(--editor-text-color); 
 | 
} 
 | 
  
 | 
.w-e-toolbar .w-e-menu:hover { 
 | 
  background-color: var(--editor-primary-color); 
 | 
  color: white; 
 | 
} 
 | 
  
 | 
.w-e-toolbar .w-e-menu.w-e-active { 
 | 
  background-color: var(--editor-primary-color); 
 | 
  color: white; 
 | 
} 
 | 
  
 | 
.w-e-toolbar .w-e-menu .w-e-icon { 
 | 
  fill: var(--editor-text-color); 
 | 
} 
 | 
  
 | 
.w-e-toolbar .w-e-menu:hover .w-e-icon { 
 | 
  fill: white; 
 | 
} 
 | 
  
 | 
.w-e-toolbar .w-e-menu.w-e-active .w-e-icon { 
 | 
  fill: white; 
 | 
} 
 | 
  
 | 
.w-e-text-container { 
 | 
  background-color: white; 
 | 
  border: 1px solid var(--editor-border-color); 
 | 
  color: var(--editor-text-color); 
 | 
} 
 | 
  
 | 
.w-e-text-container .w-e-text { 
 | 
  color: var(--editor-text-color); 
 | 
} 
 | 
  
 | 
.w-e-text-container .w-e-text img { 
 | 
  border: 1px solid var(--editor-border-color); 
 | 
} 
 | 
  
 | 
.w-e-text-container .w-e-text a { 
 | 
  color: var(--editor-primary-color); 
 | 
  text-decoration: underline; 
 | 
} 
 | 
  
 | 
.w-e-text-container .w-e-text a:hover { 
 | 
  color: #0056b3; 
 | 
} 
 |