/* 定义淡蓝色主色调 */
|
: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;
|
}
|
